:root{--ink:#17202a;--muted:#7d878f;--line:#e7e8e5;--cream:#f8f7f3;--navy:#17253b;--coral:#e87b54;--green:#398a72}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--cream);color:var(--ink);font-family:Arial,sans-serif}button,input,select{font:inherit}button,a{cursor:pointer}a{text-decoration:none;color:inherit}.logo{display:flex;align-items:center;gap:10px;font:700 21px Georgia;color:var(--navy)}.logo span,.mobileLogo{display:grid;place-items:center;width:34px;height:34px;border-radius:10px 10px 10px 3px;background:var(--coral);color:#fff;font:700 19px Georgia}.sidebar{position:fixed;inset:0 auto 0 0;width:244px;padding:25px 18px 18px;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;z-index:20}.sidebar>.logo{padding:0 10px 31px}.nav-label{margin:0;padding:0 12px 9px;font-size:9px;letter-spacing:.13em;font-weight:700;color:#a4aaae}.sidebar nav{display:flex;flex-direction:column;gap:3px}.sidebar nav a{position:relative;border-radius:8px;padding:11px 12px;display:flex;align-items:center;gap:13px;color:#68737d;font-size:12px}.sidebar nav a:hover{background:#f6f5f2}.sidebar nav a.active{background:#faeee9;color:#d96742;font-weight:700}.sidebar nav i{margin-left:auto;width:6px;height:6px;border-radius:50%;background:#45a081;box-shadow:0 0 0 4px #e4f2ed}.manage{margin-top:26px}.side-user{border-top:1px solid var(--line);margin-top:auto;padding:16px 4px 0;display:flex;align-items:center;gap:9px}.side-user>b,.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:9px;flex:0 0 auto}.side-user>b{background:var(--navy);color:#fff}.side-user span{flex:1}.side-user strong,.side-user small{display:block}.side-user strong{font-size:10px}.side-user small{font-size:8px;color:#969da2;margin-top:3px}.side-user form button{border:0;background:none;color:#888}.content{margin-left:244px;width:calc(100% - 244px)}.content>header{height:76px;padding:0 36px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:15}.menu{display:none;border:0;background:none;font-size:20px}.event-name{display:flex;align-items:center;gap:10px}.event-name>b{width:38px;height:38px;border-radius:9px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#223651,#c67a5e);font:700 10px Georgia}.event-name small,.event-name strong{display:block}.event-name small{font-size:8px;letter-spacing:.09em;color:#9ca2a7}.event-name strong{font:700 13px Georgia;margin-top:2px}.primary{display:inline-block;border:0!important;border-radius:8px!important;background:var(--coral)!important;color:#fff!important;padding:11px 17px!important;font-size:11px!important;font-weight:700!important}.page,.standalone{max-width:1450px;margin:auto;padding:30px 36px 14px}.welcome,.page-title{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:27px}.welcome p,.page-title p,.eyebrow{font-size:8px;letter-spacing:.13em;color:#9ba1a5;font-weight:700;margin:0}.welcome h1,.page-title h1{font:700 29px Georgia;margin:7px 0 5px}.welcome>div>span,.page-title>div>span,.muted{color:#7c858d;font-size:11px}.live{min-width:210px;border:1px solid var(--line);border-radius:10px;background:#fff;padding:10px 14px;display:flex;align-items:center;gap:10px}.live>i{width:8px;height:8px;border-radius:50%;background:#48a081;box-shadow:0 0 0 5px #e6f3ee}.live small,.live b{display:block}.live small{font-size:7px;letter-spacing:.1em;color:#9ca2a7}.live b{font-size:9px;margin-top:3px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:14px}.metrics article,.panel{background:#fff;border:1px solid var(--line);border-radius:11px}.metrics article{padding:16px 18px;min-height:137px}.metrics article>div{display:flex;align-items:center;gap:7px;color:#db7652}.metrics small{font-size:7px;letter-spacing:.1em;font-weight:700;color:#838d95}.metrics article>strong{font:700 25px Georgia;display:block;margin-top:13px}.metrics p{font-size:8px;color:#8f979d;margin:4px 0 12px}.metrics article>i{display:block;height:3px;background:#edf0ef;border-radius:6px;overflow:hidden}.metrics article>i b{display:block;height:100%;background:var(--navy)}.metrics article>i.coral b{background:var(--coral)}.metrics article>i.green b{background:var(--green)}.grid{display:grid;grid-template-columns:1.6fr 1fr;gap:14px;margin-bottom:14px}.panel{padding:18px 20px}.title h2{font:700 15px Georgia;margin:0 0 4px}.title p{font-size:8px;color:#8c949b;margin:0}.chart{height:180px;margin:18px 12px 0;display:flex;align-items:flex-end;gap:10px;border-bottom:1px solid var(--line);background:repeating-linear-gradient(to bottom,transparent 0,transparent 44px,#ecece8 45px)}.chart span{flex:1;background:#e5e9eb;border-radius:4px 4px 0 0}.chart span:nth-child(n+6){background:#efb49e}.chart .peak{background:var(--coral)}.times{display:flex;justify-content:space-between;color:#9ea5a9;font-size:7px;margin:7px 12px}.quick{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:17px}.quick a{border:1px solid #ecece8;border-radius:8px;background:#fff;padding:13px 10px;display:flex;align-items:center;gap:9px;font-size:12px}.quick a>i{width:31px;height:31px;border-radius:7px;display:grid;place-items:center;background:#fae9e2;color:#dc704b;font-style:normal}.quick a span{flex:1}.quick a b,.quick a small{display:block}.quick a b{font-size:8px}.quick a small{font-size:7px;color:#969da2;margin-top:4px}.guest-panel{padding:0;overflow:hidden}.panel-head{padding:17px 20px 14px;display:flex;justify-content:space-between;align-items:center}.panel-head>a{font-size:8px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:720px}th{text-align:left;background:#fafaf8;padding:9px 20px;font-size:7px;letter-spacing:.08em;color:#9da3a7;border-block:1px solid #eee}td{padding:11px 20px;border-bottom:1px solid #efefec;font-size:8px;color:#56616a}td:first-child{display:flex;align-items:center;gap:9px}td strong,td small{display:block}td strong{color:#29343e;font-size:8px}td small{color:#9da3a8;font-size:7px;margin-top:3px}.avatar{background:#f7e6dd}.status{font-style:normal;padding:5px 8px;border-radius:12px;background:#e7edf4;color:#455d7a;font-size:7px;font-weight:700}.status.checked{background:#e5f2ed;color:#337b65}.empty{text-align:center!important;display:table-cell!important;padding:30px!important;color:#92999e}footer{padding:16px 2px 0;display:flex;justify-content:space-between;color:#9ca2a6;font-size:7px}.alert{padding:12px 14px;border-radius:8px;margin-bottom:14px;font-size:11px}.alert.success{background:#e4f2ed;color:#276d57}.alert.error{background:#fae8e4;color:#a94736}.mobile-nav{display:none}.standalone{padding-top:22px}.stand-head{height:56px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);margin-bottom:30px}.stand-head>a:last-child{font-size:10px}.list-panel{padding:0}.search{padding:15px 20px;display:flex;justify-content:flex-end;gap:7px}.search input{width:min(300px,100%)}input,select{border:1px solid #dfe2e2;border-radius:8px;padding:11px;background:#fff;outline:0;font-size:10px}input:focus,select:focus{border-color:#e18260;box-shadow:0 0 0 3px #faece6}.search button{border:0;border-radius:8px;background:var(--navy);color:#fff;padding:0 16px;font-size:10px}.backdrop{position:fixed;inset:0;background:#111b2a88;backdrop-filter:blur(3px);z-index:50;display:none;place-items:center;padding:20px}.backdrop.show{display:grid}.modal{position:relative;width:min(520px,100%);background:#fff;border-radius:16px;padding:28px;box-shadow:0 28px 80px #0004}.close{position:absolute;right:17px;top:14px;border:0;background:none;font-size:24px;color:#899198}.modal-icon{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:#fae9e2;color:#d86e49}.modal h2,.login-card h1,.check-card h1{font:700 24px Georgia;margin:14px 0 5px}.modal>p{font-size:10px;color:#7b858c;margin:0 0 22px}.modal label,.login-card label,.check-card label{display:block;font-size:9px;font-weight:700;color:#59636b;margin-bottom:14px}.modal label input,.modal label select,.login-card label input,.check-card label input{display:block;width:100%;margin-top:6px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.modal-actions{border-top:1px solid var(--line);padding-top:17px;display:flex;justify-content:flex-end;gap:8px}.modal-actions button{border:1px solid var(--line);background:#fff;border-radius:8px;padding:10px 16px;font-size:10px}.login-page,.check-page{display:grid;place-items:center;padding:20px;background:linear-gradient(135deg,#f9f6f1,#eef1f0)}.login-card,.check-card{width:min(420px,100%);background:#fff;border:1px solid var(--line);border-radius:16px;padding:32px;box-shadow:0 20px 60px #17253b12}.login-card>.logo,.check-card>.logo{margin-bottom:32px}.login-card .eyebrow,.check-card .eyebrow{margin-top:0}.login-card>.muted,.check-card>.muted{margin:0 0 22px}.full{width:100%;text-align:center}.secure-note,.back-link{display:block;text-align:center;margin-top:18px;color:#90979c;font-size:8px}.scanner-placeholder{height:180px;border:2px dashed #dfe2e1;border-radius:12px;background:#fafaf8;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#66727b;font-size:36px}.scanner-placeholder b{font-size:12px;margin-top:8px}.scanner-placeholder small{font-size:8px;color:#989fa4;margin-top:4px}.divider{display:flex;align-items:center;gap:9px;margin:18px 0;color:#a0a6aa;font-size:8px}.divider:before,.divider:after{content:'';height:1px;background:var(--line);flex:1}
@media(max-width:1000px){.metrics{grid-template-columns:1fr 1fr}.grid{grid-template-columns:1fr}}
@media(max-width:720px){body{padding-bottom:64px}.sidebar{transform:translateX(-100%);transition:.2s;box-shadow:10px 0 30px #0002}.sidebar.open{transform:none}.content{margin:0;width:100%}.content>header{height:65px;padding:0 15px}.menu{display:block}.event-name{margin-right:auto;margin-left:12px}.event-name>b,.event-name small{display:none}.event-name strong{max-width:160px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page,.standalone{padding:22px 14px 10px}.welcome{align-items:flex-start}.welcome h1,.page-title h1{font-size:24px}.live{display:none}.metrics{display:flex;overflow-x:auto}.metrics article{min-width:210px}.quick{grid-template-columns:1fr 1fr}.mobile-nav{position:fixed;display:flex;inset:auto 0 0;height:64px;background:#fff;border-top:1px solid var(--line);z-index:40}.mobile-nav a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#899198}.mobile-nav a.active{color:#d76e49}.mobile-nav small{font-size:7px;margin-top:3px}.page-title{align-items:center}.form-row{grid-template-columns:1fr}footer{padding-bottom:5px}}
.account-link{text-align:center;margin:17px 0 0;font-size:9px;color:#7d878f}.account-link a{color:var(--coral);font-weight:700}.login-card label small{display:block;color:#989fa4;font-size:7px;margin-top:5px;line-height:1.4}
@media(max-width:440px){.quick{grid-template-columns:1fr}.actions .primary{padding:10px!important}.chart{gap:5px}.login-card,.check-card{padding:24px}.page-title .primary{font-size:0!important}.page-title .primary:after{content:'＋';font-size:18px}}

/* Readable typography */
body{font-size:15px;line-height:1.5}.sidebar nav a{font-size:14px}.nav-label{font-size:11px}.side-user strong{font-size:13px}.side-user small{font-size:11px}.event-name small{font-size:10px}.event-name strong{font-size:15px}.primary{font-size:14px!important}.welcome p,.page-title p,.eyebrow{font-size:11px}.welcome h1,.page-title h1{font-size:32px}.welcome>div>span,.page-title>div>span,.muted{font-size:14px}.live small{font-size:10px}.live b{font-size:12px}.metrics small{font-size:10px}.metrics p{font-size:12px}.title h2{font-size:19px}.title p{font-size:12px}.quick a b{font-size:12px}.quick a small{font-size:10px}th{font-size:10px}td,td strong{font-size:12px}td small,.status{font-size:10px}.panel-head>a,.stand-head>a:last-child{font-size:12px}input,select,.search button{font-size:14px}.modal label,.login-card label,.check-card label{font-size:13px}.modal>p{font-size:13px}.secure-note,.back-link,.account-link{font-size:11px}.login-card label small{font-size:10px}.alert{font-size:13px}.scanner-placeholder b{font-size:15px}.scanner-placeholder small{font-size:11px}footer{font-size:10px}
.settings-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:16px}.settings-form label,.add-card label{display:block;font-size:13px;font-weight:700;color:#59636b;margin:18px 0}.settings-form input,.settings-form select,.add-card input{display:block;width:100%;margin-top:6px}.card-list{display:grid;gap:9px;margin:20px 0}.card-list article{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:9px;padding:13px}.card-list article>i{width:12px;height:38px;border-radius:5px}.card-list b,.card-list small{display:block}.card-list b{font-size:13px}.card-list small{font-size:11px;color:var(--muted);margin-top:3px}.add-card{border-top:1px solid var(--line);margin-top:20px;padding-top:3px}.empty-state{font-size:13px;color:var(--muted);padding:24px 0}.table-action{display:inline-block;border:1px solid var(--line);background:#fff;color:var(--navy);border-radius:7px;padding:8px 10px;font-size:11px;font-weight:700}.report-metrics{margin-top:25px}@media(max-width:800px){.settings-grid{grid-template-columns:1fr}}
.has-sidebar .standalone{margin-left:244px;max-width:none;padding:30px 36px}.has-sidebar .stand-head{display:none}.check-page.has-sidebar{padding-left:264px}.delivery-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.delivery-actions form{margin:0}.table-action.whatsapp{color:#217b59;border-color:#bcdccc}.ecard-page{display:grid;place-items:center;padding:24px;background:linear-gradient(135deg,#f8f3eb,#e9efec);min-height:100vh}.ecard{--card-color:#17253b;width:min(520px,100%);min-height:700px;background:#fff;border:1px solid #deded8;border-top:10px solid var(--card-color);border-radius:8px;padding:60px 45px;text-align:center;box-shadow:0 25px 80px #17253b24;display:flex;flex-direction:column;align-items:center}.ecard h1{font:700 40px/1.15 Georgia;color:var(--card-color);margin:20px 0}.ecard-rule{width:80px;height:2px;background:var(--card-color);margin:10px 0 28px}.guest-name{font:italic 26px Georgia;margin:10px 0 25px}.ecard-detail{font-size:16px;line-height:1.9;color:#59636b}.ecard-code{margin-top:35px;border:1px solid #ddd;border-radius:12px;padding:18px 30px;min-width:240px}.ecard-code small,.ecard-code strong,.ecard-code span{display:block}.ecard-code small{font-size:10px;letter-spacing:.16em;color:#8d959b}.ecard-code strong{font:700 27px Georgia;margin:7px 0;color:var(--card-color)}.ecard-code span{font-size:12px;color:#717b83}.ecard-brand{margin-top:auto;font:700 18px Georgia;color:var(--card-color)}
.language-form{position:relative;margin:18px 8px 0;padding-top:14px;border-top:1px solid var(--line)}.language-form label{display:block;font-size:11px;font-weight:700;color:#7a848c}.language-form select{display:block;width:100%;margin-top:6px;padding:8px 40px 8px 9px;font-size:12px;border-color:var(--line);background:#fafaf8}.language-form>button{position:absolute;right:4px;bottom:4px;border:0;border-radius:5px;background:var(--navy);color:#fff;font-size:9px;padding:6px 7px}
.mobile-language{display:none}@media(max-width:720px){.mobile-language{display:block;position:fixed;right:12px;top:12px;z-index:45}.mobile-language button{width:38px;height:34px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--navy);font-size:11px;font-weight:800;box-shadow:0 4px 15px #17253b18}}
.ecard-qr{margin:24px 0 4px;display:flex;flex-direction:column;align-items:center}.ecard-qr canvas{width:min(230px,70vw);height:auto;image-rendering:pixelated;border:1px solid #eee;border-radius:8px}.ecard-qr small{margin-top:8px;font-size:10px;font-weight:800;letter-spacing:.14em;color:#737d84}
@media(max-width:720px){.has-sidebar .standalone{margin-left:0;padding:22px 14px 75px}.check-page.has-sidebar{padding-left:20px;padding-bottom:82px}.ecard{min-height:620px;padding:42px 24px}.ecard h1{font-size:32px}.guest-name{font-size:23px}}
.scanner-page{max-width:900px!important}.scanner-page #scanner-video{display:block;width:100%;max-height:65vh;object-fit:cover;background:#101820;border:1px solid var(--line);border-radius:14px;margin:14px 0}.settings-form textarea{display:block;width:100%;min-height:110px;margin-top:6px;border:1px solid #dfe2e2;border-radius:8px;padding:11px;font:inherit;resize:vertical}.table-action.danger{color:#a94736;border-color:#e9c3bb}.sidebar{overflow-y:auto}.side-user{flex:0 0 auto}