@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#192437;background:#f1f4f8;font-synthesis:none;--navy:#10243d;--navy2:#183a5f;--cyan:#12a8bd;--blue:#1769e0;--line:#dde4ec;--muted:#68758a;--shadow:0 12px 32px rgba(16,36,61,.08)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:grid;grid-template:72px 1fr/250px 1fr;grid-template-areas:"top top" "side main"}.topbar{grid-area:top;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 28px;box-shadow:0 2px 8px #09152344;z-index:2}.brand,.login-brand{display:flex;align-items:center;gap:12px}.brand-mark{display:grid;place-items:center;width:37px;height:37px;border-radius:12px;background:linear-gradient(145deg,#2ec5cf,#1874e8);font:800 20px Manrope}.brand b{display:block;font:700 17px Manrope}.brand small{display:block;color:#adc0d4;margin-top:2px}.topbar-meta{display:flex;align-items:center;gap:14px}.room-pill,.employee-pill{display:flex;align-items:center;gap:9px;padding:8px 13px;border:1px solid #ffffff24;border-radius:99px;color:#dae7f3;font-size:13px}.avatar{display:grid;place-items:center;background:#25a9bc;color:#fff;border-radius:50%;width:28px;height:28px;font-size:11px;font-weight:700}.sidebar{grid-area:side;background:#fff;border-right:1px solid var(--line);padding:25px 14px 18px;display:flex;flex-direction:column}.sidebar-label{font-size:11px;text-transform:uppercase;letter-spacing:.13em;color:#99a4b3;font-weight:700;padding:0 13px 10px}.sidebar nav{display:grid;gap:5px}.sidebar button{width:100%;border:0;background:transparent;color:#526176;padding:13px 14px;border-radius:10px;text-align:left;display:flex;gap:12px;align-items:center;font-weight:600}.sidebar button span{font-size:18px}.sidebar button.active{background:#eaf8fa;color:#087b8d}.sidebar button:hover{background:#f1f5f8}.sidebar-footer{margin-top:auto;border-top:1px solid var(--line);padding-top:14px}.sidebar-footer small{display:block;padding:8px 14px;color:#929cac;font-size:11px}.main-content{grid-area:main;padding:34px;overflow:auto;max-width:1600px;width:100%;margin:auto}.page-header{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:25px}.eyebrow{display:block;color:#07899a;text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:800;margin-bottom:8px}.eyebrow.light{color:#7ee4ec}.page-header h1{font:800 30px Manrope;margin:0}.page-header p,.card-title p{margin:7px 0 0;color:var(--muted)}.header-actions{display:flex;gap:10px}.card{background:#fff;border:1px solid #e1e7ee;border-radius:16px;padding:22px;box-shadow:var(--shadow)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:18px}.stats-grid .card{display:grid;gap:7px}.stat-label{color:var(--muted);font-size:13px;font-weight:600}.stats-grid strong{font:800 27px Manrope}.stats-grid small{color:#8b96a6}.content-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:18px}.card-title{display:flex;justify-content:space-between;align-items:start;margin-bottom:18px}.card-title h2{font:700 18px Manrope;margin:0}.status-dot{font-size:12px;color:#168653;background:#e9f8f0;padding:6px 10px;border-radius:99px}.quick-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.quick-actions button{border:1px solid var(--line);background:#f8fafc;border-radius:13px;padding:17px;text-align:left;display:grid;gap:5px;color:#253249}.quick-actions button:hover{border-color:#80ced6;background:#f2fbfc}.quick-actions button>span{font-size:22px;color:#0694a6}.quick-actions small{color:var(--muted)}.check-list{list-style:none;padding:0;margin:0;display:grid;gap:14px}.check-list li:before{content:"✓";color:#119568;background:#e8f8f1;border-radius:50%;padding:2px 5px;margin-right:10px}.button{border:0;border-radius:9px;padding:11px 17px;font-weight:700;background:var(--blue);color:#fff}.button:hover{filter:brightness(.96)}.button.secondary{background:#eaf1f8;color:#244261}.button.ghost{background:transparent;color:#59677a}.button.danger{background:#c6424f}.button:disabled{opacity:.55;cursor:not-allowed}.customer-toolbar{display:flex;justify-content:space-between;align-items:center;padding-bottom:17px}.search-box{height:44px;display:flex;align-items:center;gap:9px;background:#f4f7fa;border:1px solid var(--line);border-radius:10px;padding:0 14px;min-width:380px}.search-box input{border:0;outline:0;background:transparent;width:100%}.result-count{color:var(--muted);font-size:13px}.customer-layout{display:grid;grid-template-columns:minmax(560px,1fr) 310px;border-top:1px solid var(--line);margin:0 -22px -22px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th{text-align:left;color:#778398;text-transform:uppercase;letter-spacing:.06em;font-size:10px;padding:13px 16px;background:#f8fafc}td{padding:14px 16px;border-top:1px solid #e9edf2;font-size:13px}tbody tr{cursor:pointer}tbody tr:hover,tbody tr.selected{background:#f0fafb}td small{display:block;color:#8a96a7;margin-top:3px}.badge{display:inline-flex;border-radius:99px;padding:5px 9px;font-size:10px;text-transform:capitalize;font-weight:700;background:#edf1f5;color:#566477}.badge.active,.badge.purchase{background:#e5f7ef;color:#13774b}.badge.blocked,.badge.redemption{background:#fdebed;color:#a73340}.customer-detail{border-left:1px solid var(--line);padding:25px}.detail-avatar{width:52px;height:52px;display:grid;place-items:center;border-radius:15px;background:#e6f8fa;color:#087f90;font:800 16px Manrope}.customer-detail h2{font:700 19px Manrope;margin:14px 0 3px}.customer-detail>p{margin:0;color:var(--muted)}.balance-pair{display:grid;gap:8px;margin:21px 0}.balance-pair div{background:#f5f8fb;border-radius:10px;padding:12px}.balance-pair span{display:block;color:var(--muted);font-size:11px}.balance-pair b{font:700 18px Manrope;display:block;margin-top:4px}.customer-detail dl,.promotion-card dl{margin:0}.customer-detail dl div,.promotion-card dl div{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:11px 0;font-size:12px}.customer-detail dt,.promotion-card dt{color:var(--muted)}.customer-detail dd,.promotion-card dd{margin:0;font-weight:600}.detail-actions{display:flex;gap:9px;margin-top:18px}.detail-actions .button{flex:1}.empty{text-align:center;color:var(--muted);padding:45px 20px}.empty-icon{font-size:28px;color:#9fb0c1}.empty h3{color:#334258;margin:10px 0 5px}.empty p{margin:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b1c31a6;display:grid;place-items:center;padding:18px;z-index:10}.modal{background:#fff;border-radius:17px;width:min(610px,100%);box-shadow:0 25px 80px #0004}.modal-head,.modal-footer{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--line)}.modal-head h2{margin:0;font:700 20px Manrope}.modal-head button{border:0;background:transparent;font-size:25px;color:#7b8795}.modal-body{padding:22px}.modal-footer{border:0;border-top:1px solid var(--line);justify-content:flex-end;gap:9px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:grid;gap:7px;color:#536176;font-size:12px;font-weight:700}.field input,.field select{width:100%;border:1px solid #ccd5df;border-radius:9px;background:#fff;padding:11px 12px;color:#1e2b3d;outline:0}.field input:focus,.field select:focus{border-color:#16a5b6;box-shadow:0 0 0 3px #16a5b617}.field.full{grid-column:1/-1}.check-field{display:flex;align-items:start;gap:10px;padding-top:23px}.check-field small{display:block;color:var(--muted);margin-top:3px}.notice{padding:12px 14px;border-radius:9px;background:#edf7fa;color:#176579;font-size:13px;margin-bottom:15px}.notice.danger{background:#fcebed;color:#a1303d}.notice.success{background:#e8f8f0;color:#18734c}.credential-box{display:grid;grid-template-columns:1fr 1fr;gap:8px;background:#f5f7fa;border:1px dashed #b9c5d2;border-radius:11px;padding:17px}.credential-box b{text-align:right;font:800 20px Manrope}.account-mini{background:#f4f7fa;border-radius:10px;padding:13px;margin-bottom:16px;display:flex;justify-content:space-between}.promotion-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.promotion-card{border:1px solid var(--line);border-radius:13px;padding:17px}.promotion-card h3{font:700 16px Manrope;margin:12px 0}.promotion-value{background:#f0fafb;border-radius:10px;padding:12px;margin:15px 0}.promotion-value span{display:block;color:#54717b;font-size:11px}.promotion-value b{font:800 22px Manrope;color:#087f90}.report-toolbar{display:flex;align-items:end;gap:12px;padding-bottom:20px}.positive{color:#118153;font-weight:700}.negative{color:#b73d49;font-weight:700}.login-page{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr}.login-intro{background:radial-gradient(circle at 15% 20%,#1c5676 0,transparent 30%),linear-gradient(140deg,#10243d,#142f4d 70%,#0b6a78);padding:48px clamp(40px,7vw,110px);color:#fff;display:flex;flex-direction:column;justify-content:space-between}.login-brand{font:700 17px Manrope}.login-intro h1{font:800 clamp(38px,5vw,66px)/1.08 Manrope;margin:14px 0 20px}.login-intro p{color:#c4d5e5;max-width:570px;font-size:17px;line-height:1.65}.security-note{border-top:1px solid #ffffff2b;padding-top:18px;color:#adc4d7;font-size:13px}.login-panel{display:grid;place-items:center;background:#f4f6f9;padding:30px}.login-card{width:min(410px,100%);display:grid;gap:16px}.login-card h2{font:800 28px Manrope;margin:0}.login-card>p{color:var(--muted);margin:-7px 0 7px}.login-card .button{margin-top:4px;padding:13px}.login-help{text-align:center;color:#8c97a7}.password-page,.invalid-room{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 10% 10%,#d9f7f8,transparent 30%),#f2f5f8}.password-card,.invalid-room>div{width:min(470px,100%);background:#fff;border:1px solid var(--line);border-radius:18px;padding:32px;box-shadow:var(--shadow);display:grid;gap:16px}.password-brand{margin-bottom:12px}.password-brand small{color:#718095}.password-card h1,.invalid-room h1{font:800 28px Manrope;margin:0}.password-card>p,.invalid-room p{color:var(--muted);margin:-6px 0 4px;line-height:1.55}.password-rule{color:#7c8797;margin-top:-6px}.invalid-room>div{text-align:center;justify-items:center}@media(max-width:1050px){.stats-grid{grid-template-columns:1fr 1fr}.content-grid{grid-template-columns:1fr}.promotion-grid{grid-template-columns:1fr 1fr}.customer-layout{grid-template-columns:1fr}.customer-detail{border-left:0;border-top:1px solid var(--line)}}@media(max-width:760px){.app-shell{grid-template:64px 1fr 64px/1fr;grid-template-areas:"top" "main" "side"}.sidebar{position:fixed;bottom:0;left:0;right:0;height:64px;z-index:5;padding:6px;border-right:0;border-top:1px solid var(--line)}.sidebar-label,.sidebar-footer{display:none}.sidebar nav{display:flex;justify-content:space-around}.sidebar button{width:auto;display:grid;justify-items:center;gap:1px;padding:5px 8px;font-size:10px}.sidebar button span{font-size:16px}.main-content{padding:22px 15px 85px}.topbar{padding:0 15px}.room-pill{display:none}.employee-pill{font-size:0}.page-header{align-items:start}.page-header h1{font-size:25px}.stats-grid{grid-template-columns:1fr 1fr}.quick-actions,.promotion-grid{grid-template-columns:1fr}.search-box{min-width:0;flex:1}.customer-layout{margin:0 -22px -22px}.customer-detail{padding:18px}.form-grid,.login-page{grid-template-columns:1fr}.login-intro{display:none}.report-toolbar{align-items:stretch;flex-direction:column}.topbar .brand small{display:none}}@media(max-width:430px){.stats-grid{grid-template-columns:1fr}.topbar-meta{gap:5px}.main-content{padding-inline:11px}.card{padding:17px}.customer-layout{margin:0 -17px -17px}.page-header{display:grid}.credential-box{grid-template-columns:1fr}.credential-box b{text-align:left}.account-mini{display:grid;gap:4px}.password-card{padding:23px}}