:root{color:#1f2c38;background:#f6fbff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}main{min-height:100vh}.topbar{align-items:center;background:#2f6fa8;color:#fff;display:flex;gap:18px;justify-content:space-between;padding:16px clamp(18px,5vw,56px)}.nav-brand{align-items:center;display:inline-flex;flex:0 0 auto;line-height:0;min-width:190px;width:min(300px,42vw)}.nav-brand img{display:block;height:auto;max-width:100%;object-fit:contain;object-position:left center;width:300px}.tabs{background:hsla(0,0%,100%,.12);border:1px solid hsla(0,0%,100%,.18);border-radius:8px;display:flex;flex-wrap:wrap;gap:2px;padding:4px}.tabs a{text-decoration:none}.tabs .nav-action,.tabs a{background:transparent;border:0;border-radius:6px;color:#fff;cursor:pointer;padding:8px 12px}.tabs a.active{background:#fff;color:#2f6fa8}.admin-panel,.entry-panel{margin:0 auto;max-width:980px;padding:clamp(28px,6vw,72px) clamp(18px,5vw,56px)}.activity-panel{max-width:1440px;padding-left:clamp(14px,2.5vw,32px);padding-right:clamp(14px,2.5vw,32px)}.entry-panel{display:grid;grid-gap:28px;gap:28px;grid-template-columns:minmax(0,.85fr) minmax(320px,1fr)}.auth-panel{align-items:start}.verify-panel{margin:0 auto;max-width:840px;padding:clamp(28px,6vw,64px) clamp(18px,5vw,48px)}.verify-header{margin-bottom:24px}.verify-header h1{font-size:clamp(2.4rem,6vw,4.25rem);margin-bottom:14px}.coupon-check-form{align-items:end;padding:20px}.coupon-check-form,.qr-scan-panel{background:#fff;border:1px solid #cfe7f7;border-radius:8px;box-shadow:0 18px 45px rgba(31,111,158,.1);display:grid;grid-gap:14px;gap:14px;grid-template-columns:minmax(0,1fr) auto;margin-bottom:18px}.qr-scan-panel{align-items:center;padding:18px 20px}.qr-scan-panel p{color:#697987;line-height:1.45;margin:4px 0 0}.qr-reader{display:none;grid-column:1/-1;overflow:hidden}.qr-reader.active{display:block}.qr-reader video{border-radius:8px}.coupon-code-input{align-items:center;border:1px solid #b9d9ee;border-radius:6px;display:flex;gap:10px;padding:0 14px}.coupon-code-input:focus-within{border-color:#2f8fcb;outline:3px solid rgba(47,143,203,.2)}.coupon-code-input input{border:0;font-size:1.05rem;font-weight:700;letter-spacing:0;padding-left:0}.coupon-code-input input:focus{outline:0}.coupon-status-card{align-items:center;background:#fff;border:2px solid;border-radius:8px;display:grid;grid-gap:18px;gap:18px;grid-template-columns:auto minmax(0,1fr) auto;margin-top:18px;padding:24px}.coupon-status-card.active{background:#f0f9ff;border-color:#2f8fcb;color:#236c9b}.coupon-status-card.redeemed{background:#f4f1fa;border-color:#7963a6;color:#4b3575}.coupon-status-card.cancelled,.coupon-status-card.invalid{background:#fff5f3;border-color:#c85445;color:#8d2e22}.coupon-status-icon{align-items:center;display:flex}.coupon-status-copy span{font-size:.8rem;font-weight:800;text-transform:uppercase}.coupon-status-copy h2{font-size:2rem;margin:3px 0 6px}.coupon-status-copy p{color:#465966;margin-bottom:4px}.coupon-status-copy small{color:#697987}.redeem-button{align-items:center;background:#2f8fcb;border:0;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;gap:8px;justify-content:center;min-height:48px;padding:0 18px}.redeem-button:disabled{cursor:not-allowed;opacity:.55}.eyebrow{color:#2f6fa8;font-size:.78rem;font-weight:800;letter-spacing:0;margin:0 0 8px;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2.5rem,7vw,5rem);line-height:.98;margin-bottom:18px;max-width:620px}h2{font-size:clamp(1.9rem,4vw,3rem);margin-bottom:0}h3{font-size:1rem}.intro{color:#617280;font-size:1.08rem;line-height:1.6}.loyalty-form,.result,.settings-form,.stat,.table-shell{background:#fff;border:1px solid #cfe7f7;border-radius:8px;box-shadow:0 18px 45px rgba(31,111,158,.1)}.loyalty-form{display:grid;grid-gap:18px;gap:18px;padding:22px}label{color:#27435a;display:grid;font-size:.9rem;font-weight:700;grid-gap:8px;gap:8px}input,select{border:1px solid #b9d9ee;border-radius:6px;min-height:48px;padding:12px 14px;width:100%}input:focus,select:focus{border-color:#2f8fcb;outline:3px solid rgba(47,143,203,.2)}.password-field{position:relative}.password-field input{padding-right:52px}.password-toggle{align-items:center;background:transparent;border:0;color:#617280;cursor:pointer;display:inline-flex;height:40px;justify-content:center;padding:0;position:absolute;right:6px;top:4px;width:40px}.password-toggle:hover{color:#2f6fa8}.error,.field-error{color:#a12f23}.icon-button,.primary-button,.row-actions button,.secondary-button{align-items:center;border:0;border-radius:6px;cursor:pointer;display:inline-flex;gap:8px;justify-content:center}.primary-button{background:#2f8fcb;color:#fff;min-height:48px;padding:0 18px}.primary-button:disabled,.row-actions button:disabled,.secondary-button:disabled{cursor:not-allowed;opacity:.55}.icon-button,.row-actions button,.secondary-button{background:#dceefd;color:#1f2c38;min-height:38px;padding:0 12px}.result{align-items:flex-start;display:flex;gap:12px;grid-column:2;padding:16px}.success{color:#236c9b}.duplicate{background:#fff8e8;border-color:#efd48f;color:#765916}.duplicate p{color:#675d43;margin:4px 0 0}.coupon{align-items:center;background:#2f6fa8;border-radius:8px;color:#fff;display:flex;gap:12px;margin-top:14px;padding:14px}.coupon div{display:grid;flex:1 1}.coupon span{color:#d7ecfb;font-size:.8rem}.coupon strong{font-size:1.5rem}.admin-header{align-items:center;margin-bottom:22px}.admin-header,.list-toolbar{display:flex;justify-content:space-between}.list-toolbar{align-items:flex-end;gap:18px;margin-bottom:18px}.list-actions{gap:10px}.list-actions,.search-field{align-items:center;display:flex}.search-field{background:#fff;border:1px solid #cfe7f7;border-radius:8px;gap:8px;min-width:min(320px,48vw);padding:0 12px}.search-field input{border:0;min-height:42px;padding:8px 0}.search-field input:focus{outline:0}.stats-grid{display:grid;grid-gap:14px;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:16px}.analytics-stats-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.stat{padding:18px}.loading-panel{background:#fff;border:1px solid #cfe7f7;border-radius:8px;color:#697987;padding:18px}.muted,.stat span{color:#697987}.stat strong{display:block;font-size:2rem}.settings-form{align-items:flex-end;display:grid;grid-gap:14px;gap:14px;grid-template-columns:auto minmax(180px,260px) auto;margin-bottom:16px;padding:16px}.magic-code-panel{align-items:center;background:#fff;border:1px solid #cfe7f7;border-radius:8px;box-shadow:0 18px 45px rgba(31,111,158,.1);display:grid;grid-gap:20px;gap:20px;grid-template-columns:minmax(0,1fr) auto auto auto;margin-bottom:16px;padding:18px}.magic-code-heading{align-items:flex-start;display:flex;gap:12px}.magic-code-heading h3{margin-bottom:4px}.magic-code-heading p{color:#697987;font-size:.9rem;line-height:1.45;margin-bottom:0}.magic-code-value{color:#2f6fa8;font-size:2.25rem;letter-spacing:0;line-height:1}.magic-code-status{font-size:.82rem;font-weight:700}.magic-code-status.valid{color:#236c9b}.magic-code-status.expired{color:#a12f23}.analytics-layout{display:grid;grid-gap:16px;gap:16px;grid-template-columns:minmax(0,1fr);margin-top:18px}.analytics-card{background:#fff;border:1px solid #cfe7f7;border-radius:8px;box-shadow:0 18px 45px rgba(31,111,158,.1);padding:18px}.weekly-attendance-card{min-height:360px}.analytics-heading{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:16px}.analytics-heading h3{font-size:1.15rem;margin-bottom:0}.analytics-heading span{color:#697987;font-size:.84rem;text-align:right}.month-switcher{align-items:center;display:inline-flex;gap:10px}.month-switcher strong{color:#27435a;min-width:150px;text-align:center}.compact-table,.weekly-bar-row,.weekly-bars{display:grid;grid-gap:12px;gap:12px}.weekly-bar-row{align-items:center;grid-template-columns:minmax(170px,.7fr) minmax(180px,1fr) minmax(100px,auto)}.compact-row div,.weekly-bar-row div:first-child{display:grid;grid-gap:3px;gap:3px}.compact-row span,.weekly-bar-row span{color:#697987;font-size:.86rem}.weekly-bar-track{background:#e6f3fc;border-radius:999px;height:18px;overflow:hidden}.weekly-bar-track span{background:#2f8fcb;border-radius:inherit;display:block;height:100%}.weekly-bar-meta{display:grid;grid-gap:3px;gap:3px;justify-items:end}.weekly-bar-meta strong{font-size:1.2rem}.compact-row{align-items:center;border-bottom:1px solid #d9edf9;display:flex;gap:14px;justify-content:space-between;padding-bottom:12px}.compact-row:last-child{border-bottom:0;padding-bottom:0}.staff-form{grid-gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.role-form,.staff-form{background:#fff;border:1px solid #cfe7f7;border-radius:8px;box-shadow:0 18px 45px rgba(31,111,158,.1);display:grid;gap:14px;margin-bottom:16px;padding:18px}.role-form{grid-gap:14px}.permission-grid{display:grid;grid-gap:10px;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.checkbox-field,.role-actions{display:flex;gap:10px}.checkbox-field{align-items:center}.checkbox-field input{min-height:auto;width:auto}.notice{background:#e7f5ff;border-radius:6px;color:#236c9b;padding:10px 12px}.notice.error{background:#f4ded9;color:#8d2e22}.table-shell{margin-top:18px;overflow-x:auto;padding:18px}.activity-panel .table-shell{padding:14px}.activity-panel table{min-width:1120px}table{border-collapse:collapse;min-width:680px;width:100%}td,th{border-bottom:1px solid #d9edf9;padding:12px 8px;text-align:left}th{color:#5c7182;text-transform:uppercase}.pill,th{font-size:.78rem}.pill{border-radius:999px;display:inline-block;font-weight:800;padding:5px 9px;text-transform:capitalize}.pill.active{background:#dff2ff;color:#236c9b}.pill.redeemed{background:#e8e2f2;color:#4b3575}.pill.cancelled{background:#f4ded9;color:#8d2e22}.row-actions{display:flex;gap:8px}.table-subtext{color:#697987;display:block;font-size:.82rem;margin-top:3px}.pagination{gap:14px;justify-content:space-between;padding-top:16px}.pagination,.pagination div{align-items:center;display:flex}.pagination div{gap:10px}.pagination button{background:#dceefd;border:0;border-radius:6px;cursor:pointer;min-height:36px;padding:0 12px}.pagination button:disabled{cursor:not-allowed;opacity:.5}@media (max-width:760px){.admin-header,.list-actions,.list-toolbar,.pagination,.topbar{align-items:stretch;flex-direction:column;gap:12px}.analytics-layout,.analytics-stats-grid,.coupon-check-form,.coupon-status-card,.entry-panel,.magic-code-panel,.permission-grid,.qr-scan-panel,.settings-form,.staff-form,.stats-grid,.weekly-bar-row{grid-template-columns:1fr}.analytics-heading,.compact-row{align-items:stretch;flex-direction:column}.analytics-heading span{text-align:left}.month-switcher{justify-content:space-between;width:100%}.month-switcher strong{min-width:0}.weekly-bar-meta{justify-items:start}.result{grid-column:1}.search-field{min-width:100%}h1{font-size:3rem}.topbar{padding-bottom:12px;padding-top:12px}.nav-brand{min-width:0}.nav-brand,.nav-brand img{width:min(260px,72vw)}.coupon-status-card{align-items:start}.redeem-button{width:100%}}