:root{--color-bg:#f3f4fa;--color-surface:#fff;--color-navy-900:#131a33;--color-navy-800:#1b2547;--color-navy-700:#232f5c;--color-purple-600:#6d3fd6;--color-purple-500:#7c4dff;--color-saffron-500:#ff9f1c;--color-saffron-600:#f2870a;--gradient-header:linear-gradient(120deg, var(--color-navy-900) 0%, var(--color-navy-700) 55%, var(--color-purple-600) 100%);--gradient-hero:linear-gradient(135deg, #201640 0%, #4a2a8f 55%, #7c4dff 100%);--color-text:#1a1d29;--color-text-muted:#667085;--color-border:#e2e5ee;--color-success-bg:#d8f6e4;--color-success-text:#05603a;--color-success-border:#6ce9a6;--color-warning-bg:#fef0c7;--color-warning-text:#93700a;--color-warning-border:#fec84b;--color-error-bg:#fee4e2;--color-error-text:#b42318;--color-error-border:#fda29b;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--shadow-sm:0 1px 3px #131a3314;--shadow-md:0 4px 16px #131a331a;--shadow-lg:0 12px 32px #131a3329;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;margin:0;font-family:Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Helvetica,Arial,sans-serif}h1,h2,h3{letter-spacing:-.01em;font-family:inherit}button,input,select,textarea{font-family:inherit;font-size:16px}a{color:inherit}::selection{background:var(--color-purple-500);color:#fff}.app-shell{flex-direction:column;min-height:100%;display:flex}.app-header{background:var(--gradient-header);color:#fff;z-index:20;justify-content:space-between;align-items:center;padding:14px 18px;display:flex;position:sticky;top:0;box-shadow:0 2px 12px #131a3340}.app-brand{align-items:center;gap:10px;min-width:0;display:flex}.app-brand-mark{background:linear-gradient(135deg, var(--color-saffron-500), var(--color-purple-500));border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:18px;display:flex;box-shadow:inset 0 0 0 1px #ffffff40}.app-brand-text{flex-direction:column;min-width:0;line-height:1.2;display:flex}.app-title{white-space:nowrap;font-size:16px;font-weight:700}.app-subtitle{color:#ffffffa6;white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.app-header-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.role-badge{letter-spacing:.03em;text-transform:uppercase;white-space:nowrap;background:#ffffff24;border:1px solid #ffffff4d;border-radius:100px;padding:4px 9px;font-size:11px;font-weight:700}.btn-logout{color:#fff;border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;background:#ffffff1a;border:1px solid #fff6;padding:7px 12px;font-size:13px;font-weight:600;transition:background .15s}.btn-logout:hover{background:#ffffff38}.app-main{flex:1;width:100%;max-width:960px;margin:0 auto;padding:18px 16px 40px}.page-loading{text-align:center;color:var(--color-text-muted);padding:60px 20px;font-size:15px}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.page-head h1{margin:0;font-size:21px}.page-head p{color:var(--color-text-muted);margin:2px 0 0;font-size:13.5px}h1{margin:0 0 16px;font-size:21px}.back-link{color:var(--color-navy-700);background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);border-radius:100px;align-items:center;gap:6px;margin-bottom:14px;padding:8px 14px;font-size:13.5px;font-weight:700;text-decoration:none;transition:background .15s,transform 50ms;display:inline-flex}.back-link:hover{background:#f2effe}.back-link:active{transform:translateY(1px)}.login-page{background:var(--gradient-hero);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex;position:relative;overflow:hidden}.login-page:before,.login-page:after{content:"";filter:blur(2px);opacity:.35;border-radius:50%;position:absolute}.login-page:before{background:radial-gradient(circle, var(--color-saffron-500), transparent 70%);width:340px;height:340px;top:-120px;right:-100px}.login-page:after{background:radial-gradient(circle, var(--color-purple-500), transparent 70%);width:300px;height:300px;bottom:-110px;left:-90px}.login-card{background:var(--color-surface);border-radius:var(--radius-lg);width:100%;max-width:380px;box-shadow:var(--shadow-lg);z-index:1;padding:32px 28px;position:relative}.login-mark{background:linear-gradient(135deg, var(--color-saffron-500), var(--color-purple-500));width:56px;height:56px;box-shadow:var(--shadow-md);border-radius:16px;justify-content:center;align-items:center;margin:0 auto 16px;font-size:28px;display:flex}.login-card h1{text-align:center;margin:0 0 4px;font-size:22px}.subtitle{text-align:center;color:var(--color-text-muted);margin:0 0 24px;font-size:13.5px}.login-card form label{color:#333;margin-bottom:16px;font-size:13px;font-weight:600;display:block}.login-card form input{border:1.5px solid var(--color-border);border-radius:var(--radius-sm);width:100%;margin-top:6px;padding:13px 14px;transition:border-color .15s,box-shadow .15s;display:block}.login-card form input:focus{border-color:var(--color-purple-500);outline:none;box-shadow:0 0 0 3px #7c4dff26}.login-hint{border-radius:var(--radius-sm);color:#5b4a9e;text-align:center;background:#f6f5ff;border:1px dashed #d6cdfb;margin-top:18px;padding:10px 12px;font-size:12px;line-height:1.5}.btn{border-radius:var(--radius-sm);cursor:pointer;text-align:center;border:none;justify-content:center;align-items:center;gap:6px;padding:12px 18px;font-size:14.5px;font-weight:600;text-decoration:none;transition:transform 50ms,filter .15s,box-shadow .15s;display:inline-flex}.btn:active{transform:translateY(1px)}.btn-primary{background:linear-gradient(120deg, var(--color-navy-700), var(--color-purple-600));color:#fff;box-shadow:0 2px 8px #6d3fd659}.btn-primary:hover{filter:brightness(1.08)}.btn-accent{background:linear-gradient(120deg, var(--color-saffron-600), var(--color-saffron-500));color:#fff;box-shadow:0 2px 8px #f2870a59}.btn-accent:hover{filter:brightness(1.06)}.btn-secondary{color:var(--color-navy-800);background:#eef0f7}.btn-secondary:hover{background:#e3e6f2}.btn-danger{color:#fff;background:#d92d20}.btn-danger:hover{filter:brightness(1.08)}.btn-ghost{color:var(--color-navy-700);border:1.5px solid var(--color-border);background:0 0}.btn-sm{padding:7px 12px;font-size:13px}.btn-block{width:100%}.btn:disabled{opacity:.55;cursor:not-allowed;filter:none;transform:none}.btn-group{flex-wrap:wrap;gap:8px;display:flex}.dash-grid{grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:14px;display:grid}@media (width>=620px){.dash-grid{grid-template-columns:repeat(3,1fr)}}@media (width>=900px){.dash-grid{grid-template-columns:repeat(4,1fr)}}.dash-card{background:var(--color-surface);border-radius:var(--radius-md);color:var(--color-text);box-shadow:var(--shadow-sm);border:1px solid var(--color-border);flex-direction:column;gap:3px;padding:12px;text-decoration:none;transition:transform .12s,box-shadow .12s;display:flex}.dash-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.dash-card:active{transform:translateY(0)}.dash-card-top{align-items:center;gap:8px;display:flex}.dash-card-icon{flex-shrink:0;font-size:20px;line-height:1}.dash-card-title{color:var(--color-navy-800);font-size:13.5px;font-weight:700;line-height:1.2}.dash-card-desc{color:var(--color-text-muted);-webkit-line-clamp:1;-webkit-box-orient:vertical;font-size:11px;line-height:1.3;display:-webkit-box;overflow:hidden}@media (width<=380px){.dash-card-desc{display:none}}.dash-card-big{background:var(--gradient-header);color:#fff;border:none;flex-direction:row;grid-column:1/-1;align-items:center;gap:14px;padding:14px 16px}.dash-card-big .dash-card-icon{font-size:28px}.dash-card-big .dash-card-title{color:#fff;font-size:15px}.dash-card-big .dash-card-desc{color:#ffffffc7;-webkit-line-clamp:unset;font-size:11.5px;display:block}.dash-instruction{text-align:center;color:var(--color-text-muted);margin:0 0 12px;font-size:12.5px}.card{background:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1px solid var(--color-border);margin-bottom:16px;padding:18px}.card h2{margin-top:0;font-size:16px}.card-header-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.card-header-row h2{margin:0}.hero-card{border-radius:var(--radius-lg);color:#fff;background:var(--gradient-hero);box-shadow:var(--shadow-lg);margin-bottom:20px;padding:22px 20px;position:relative;overflow:hidden}.hero-card:after{content:"";background:radial-gradient(circle,#ff9f1c59,#0000 70%);border-radius:50%;width:220px;height:220px;position:absolute;top:-80px;right:-60px}.hero-card h2{margin:0 0 4px;font-size:19px;position:relative}.hero-card .hero-meta{color:#ffffffbf;font-size:13px;position:relative}.hero-empty{text-align:center;padding:28px 16px}.hero-empty .hero-empty-icon{margin-bottom:8px;font-size:34px}.event-banner{border-radius:var(--radius-md);color:#fff;background:var(--gradient-hero);box-shadow:var(--shadow-sm);margin-bottom:12px;padding:10px 14px}.event-banner-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.event-banner-name{white-space:nowrap;text-overflow:ellipsis;font-size:14.5px;font-weight:700;overflow:hidden}.event-banner .badge{color:#fff;background:#fff3;flex-shrink:0}.event-banner .progress-bar{background:#ffffff40;margin-top:8px}.event-banner-pct{color:#ffffffd9;flex-shrink:0;font-size:11.5px;font-weight:700}.event-banner-none{background:var(--color-warning-bg);border:1px solid var(--color-warning-border);color:var(--color-warning-text);border-radius:var(--radius-md);align-items:center;gap:8px;margin-bottom:12px;padding:10px 14px;font-size:13px;font-weight:600;display:flex}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13.5px}th,td{text-align:left;border-bottom:1px solid var(--color-border);white-space:nowrap;padding:10px 12px}th{text-transform:uppercase;letter-spacing:.03em;color:var(--color-text-muted);background:#f7f8fc;font-size:11px;font-weight:700}tbody tr:hover{background:#fafbff}.stat-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:16px;display:grid}@media (width>=560px){.stat-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}}.stat-box{background:var(--color-surface);border-radius:var(--radius-md);text-align:center;min-height:96px;box-shadow:var(--shadow-sm);border:1px solid var(--color-border);flex-direction:column;justify-content:center;align-items:center;padding:18px 10px;display:flex;position:relative}.stat-icon{margin-bottom:5px;font-size:19px}.stat-value{color:var(--color-navy-800);letter-spacing:-.02em;font-size:27px;font-weight:800;line-height:1.1}.stat-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.02em;margin-top:5px;font-size:12px;font-weight:600}.stat-box.accent .stat-value{color:var(--color-purple-600)}.stat-box.warn .stat-value{color:var(--color-saffron-600)}.stat-box.good .stat-value{color:var(--color-success-text)}.stat-box.regular .stat-value{color:#4a2aa8}.stat-box.guest .stat-value{color:#ad5b06}.progress-bar{background:#eceefa;border-radius:100px;height:8px;margin-top:6px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg, var(--color-purple-500), var(--color-saffron-500));border-radius:100px;height:100%}.alert{border-radius:var(--radius-sm);align-items:center;gap:8px;margin:0 0 14px;padding:12px 14px;font-size:13.5px;font-weight:500;display:flex}.alert-error{background:var(--color-error-bg);color:var(--color-error-text);border:1px solid var(--color-error-border)}.alert-warning{background:var(--color-warning-bg);color:var(--color-warning-text);border:1px solid var(--color-warning-border)}.alert-success{background:var(--color-success-bg);color:var(--color-success-text);border:1px solid var(--color-success-border)}.badge{letter-spacing:.02em;text-transform:uppercase;border-radius:100px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-block}.badge-active{background:var(--color-success-bg);color:var(--color-success-text)}.badge-closed{color:#475467;background:#e4e7ec}.badge-regular{color:#4a2aa8;background:#e3ddff}.badge-guest{color:#ad5b06;background:#ffe6cc}.badge-dot{background:currentColor;border-radius:50%;width:7px;height:7px;margin-right:5px;display:inline-block}.form-grid{gap:14px;display:grid}.form-grid label{color:#333;font-size:13px;font-weight:600;display:block}.form-grid input,.form-grid select,.form-grid textarea{border:1.5px solid var(--color-border);border-radius:var(--radius-sm);width:100%;margin-top:6px;padding:11px 12px;transition:border-color .15s,box-shadow .15s}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:var(--color-purple-500);outline:none;box-shadow:0 0 0 3px #7c4dff21}.form-row{flex-wrap:wrap;gap:10px;display:flex}.form-row>*{flex:1;min-width:140px}.search-input-wrap{margin-bottom:14px;position:relative}.search-input-wrap input{border:1.5px solid var(--color-border);border-radius:var(--radius-sm);width:100%;padding:11px 14px 11px 36px}.search-input-wrap input:focus{border-color:var(--color-purple-500);outline:none;box-shadow:0 0 0 3px #7c4dff21}.search-input-wrap:before{content:"🔍";opacity:.55;font-size:13px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.field-hint{color:var(--color-text-muted);margin:-4px 0 6px;font-size:12px}details.subtle-details{border:1px dashed var(--color-border);border-radius:var(--radius-sm);padding:10px 14px}details.subtle-details summary{cursor:pointer;color:var(--color-navy-700);font-size:13.5px;font-weight:600}details.subtle-details[open] summary{margin-bottom:10px}.row-cards{display:none}.row-card{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:#fbfbfe;margin-bottom:10px;padding:12px 14px}.row-card-top{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.row-card-title{color:var(--color-navy-800);font-size:14.5px;font-weight:700}.row-card-line{color:var(--color-text-muted);justify-content:space-between;padding:2px 0;font-size:13px;display:flex}.row-card-actions{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}@media (width<=720px){.table-wrap.responsive-table{display:none}.row-cards{display:block}}.scan-page{text-align:center}.scan-event-banner{border-radius:var(--radius-md);background:var(--gradient-header);color:#fff;box-shadow:var(--shadow-sm);justify-content:center;align-items:center;gap:8px;margin-bottom:16px;padding:12px 14px;font-size:14px;font-weight:700;display:flex}.scan-event-banner .badge{color:#fff;background:#ffffff2e}.scan-no-event{padding:28px 16px}#qr-reader{border-radius:var(--radius-md);width:100%;max-width:420px;max-height:380px;box-shadow:var(--shadow-md);margin:0 auto;overflow:hidden}#qr-reader video,#qr-reader img,#qr-reader canvas{object-fit:cover;max-height:380px;width:100%!important;height:100%!important}@media (width<=480px){#qr-reader,#qr-reader video,#qr-reader img,#qr-reader canvas{max-height:330px}}.scan-result-card{border-radius:var(--radius-lg);text-align:left;box-shadow:var(--shadow-md);margin-top:12px;padding:16px 18px}.scan-result-card.SUCCESS{background:var(--color-success-bg);border:2px solid #12b76a}.scan-result-card.WARNING{background:var(--color-warning-bg);border:2px solid #f79009}.scan-result-card.ERROR{background:var(--color-error-bg);border:2px solid #d92d20}.scan-result-head{align-items:center;gap:8px;display:flex}.scan-result-icon{flex-shrink:0;font-size:24px;line-height:1}.scan-result-title{color:var(--color-text);font-size:19px;font-weight:800;line-height:1.25}.scan-result-unit{color:var(--color-text);margin-top:10px;font-size:20px;font-weight:800;line-height:1.3}.scan-result-metrics{grid-template-columns:1fr 1fr;gap:10px;margin-top:12px;display:grid}.scan-metric{border-radius:var(--radius-sm);background:#ffffffa6;padding:10px 12px}.scan-metric .k{text-transform:uppercase;letter-spacing:.03em;color:var(--color-text-muted);font-size:11px;font-weight:700}.scan-metric .v{color:var(--color-text);margin-top:2px;font-size:28px;font-weight:800;line-height:1.15}.scan-metric-remaining .v{color:var(--color-error-text)}.scan-result-secondary{grid-template-columns:1fr 1fr;gap:10px;margin-top:10px;display:grid}.scan-secondary-item .k{text-transform:uppercase;letter-spacing:.03em;color:var(--color-text-muted);font-size:11px;font-weight:700}.scan-secondary-item .v{color:var(--color-text);margin-top:3px;font-size:15px;font-weight:700}.scan-secondary-item .badge{padding:4px 10px;font-size:12px}.scan-big-btn{border-radius:var(--radius-md);width:100%;max-width:420px;margin:0 auto;padding:20px;font-size:18px;display:flex}.scan-manual{text-align:left;max-width:420px;margin-top:18px;margin-left:auto;margin-right:auto}.qr-print-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px;display:grid}.qr-card{border:1px solid var(--color-border);border-radius:var(--radius-md);text-align:center;box-shadow:var(--shadow-sm);background:#fff;padding:14px 10px;position:relative}.qr-card-select{position:absolute;top:8px;left:8px}.qr-card-select input{cursor:pointer;width:18px;height:18px}.qr-card img{width:100%;max-width:150px}.qr-card .unit-no{color:var(--color-navy-800);margin-top:8px;font-size:15px;font-weight:800}.qr-card .primary-name{color:var(--color-text-muted);font-size:12px}.text-center{text-align:center}.text-muted{color:var(--color-text-muted)}.mt-0{margin-top:0}.mb-0{margin-bottom:0}.flex-between{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}@media print{.app-header,.no-print{display:none!important}body{background:#fff}.qr-print-grid{grid-template-columns:repeat(3,1fr)}.qr-card{box-shadow:none;break-inside:avoid}}