*{box-sizing:border-box}body{margin:0;background:#f5f7fb;color:#172033;font:15px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}a{color:#1456a0;text-decoration:none}a:hover{text-decoration:underline}.top{height:60px;background:#12243a;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 calc((100% - 1100px)/2);gap:20px}.top nav{display:flex;align-items:center;gap:16px}.top a,.top button{color:#fff;background:none;border:0;cursor:pointer;font:inherit}.wrap{max-width:1100px;margin:28px auto;padding:0 16px}.card{background:#fff;border:1px solid #e3e8ef;border-radius:12px;padding:24px;box-shadow:0 4px 15px #12243a0b;margin-bottom:20px}.public{max-width:560px;margin:12vh auto;text-align:center}.login{max-width:420px;margin:14vh auto;text-align:center}.bar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.bar h1{margin:0 0 5px}.bar p{margin:0;color:#607089}.button{display:inline-block;background:#1769d2;border:0;color:#fff!important;border-radius:7px;padding:10px 15px;cursor:pointer;font-weight:600;text-decoration:none}.button:hover{text-decoration:none;background:#1058b7}.button.secondary{background:#e8eef7;color:#164d8a!important}.stats{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.stats span{background:#eaf0f8;border-radius:8px;padding:9px 14px;color:#53657d}.stats b{display:block;font-size:21px;color:#172033}.filters{display:flex;gap:10px;margin:15px 0;flex-wrap:wrap}.filters input{flex:1;min-width:230px}.filters select{min-width:140px}input,select,textarea{display:block;width:100%;border:1px solid #cbd4df;border-radius:6px;padding:10px;font:inherit;background:#fff}button{font:inherit}table{border-collapse:collapse;width:100%;background:#fff}th,td{text-align:left;padding:11px 10px;border-bottom:1px solid #e9edf2;vertical-align:top}th{font-size:12px;text-transform:uppercase;color:#69778b}.table-wrap{overflow:auto}.form{max-width:750px}.form label,.form>label{display:block;margin:14px 0;font-weight:600}.form small{display:block;color:#6a7788;font-weight:400}.form input,.form textarea{margin-top:5px;font-weight:400}.form textarea{min-height:100px}.check{display:flex!important;align-items:center;gap:8px}.check input{width:auto;margin:0}.inline{display:inline}.error{color:#9d2929;background:#fde9e9;padding:10px;border-radius:6px}.success{color:#146238;background:#e4f7eb;padding:10px;border-radius:6px}.warning{color:#825b00;background:#fff5cf;padding:9px;border-radius:6px}.qr{text-align:center;max-width:750px}.qr #qrcode{display:inline-block;background:white;padding:16px;border:1px solid #eee}.qr svg{display:block;width:300px;height:300px}.qr-label{font-size:11px;letter-spacing:.05em;color:#546274;margin:6px 0 16px}.muted{color:#68778c;font-size:13px}@media(max-width:700px){.top{padding:0 16px}.wrap{margin-top:18px}.bar{align-items:flex-start;flex-direction:column}.bar .button{width:100%;text-align:center}.stats span{flex:1;min-width:120px}.qr svg{width:260px;height:260px}.filters>*{width:100%}}
.nfc-art-wrap{margin:0 0 1.25rem;text-align:center}.nfc-art{display:block;width:min(100%,360px);height:auto;margin:0 auto;border:1px solid #d9dee8;border-radius:12px;background:#fff}
.personalized-art canvas{display:block;width:min(100%,420px);height:auto;margin:1rem auto;border:1px solid #d9dee8;border-radius:12px;background:#fff}.personalized-art .button:disabled{opacity:.55;cursor:wait}