.staff-page{background:#0b1018}.login-view{min-height:100svh;display:grid;place-items:center;padding:90px 25px;background:radial-gradient(ellipse at 50% 20%,#173a6266,transparent 65%),repeating-linear-gradient(0deg,transparent,transparent 79px,#273e551f 80px),repeating-linear-gradient(90deg,transparent,transparent 79px,#273e551f 80px)}.login-back{position:absolute;left:40px;top:35px;color:#88b7e2}.login-card{width:min(440px,100%);border:1px solid #2d4a69;padding:40px;background:#0c1420f5;box-shadow:0 20px 100px #0006}.login-card .brand{margin-bottom:45px}.login-card h1{font-size:46px;margin:0 0 13px}.login-card>p{font-size:14px}.login-card .eyebrow{font-size:9px}.login-card form{margin-top:30px}.login-card .button{width:100%;margin-top:8px}.login-card .login-footer{font:8px/1.8 var(--mono);letter-spacing:1px;margin:25px 0 0;color:#6c8baa}.dashboard{display:flex;min-height:100svh}.sidebar{width:245px;position:fixed;inset:0 auto 0 0;background:#0b1420;border-right:1px solid #25374c;padding:35px 22px;display:flex;flex-direction:column;z-index:20}.sidebar .brand{font-size:22px;letter-spacing:3px}.sidebar .brand-sub{font-size:8px;letter-spacing:2px}.sidebar .brand-mark{width:36px;height:40px}.sidebar-label{font-size:8px;color:#55718e;margin:55px 8px 18px}.sidebar nav{display:flex;flex-direction:column;gap:7px}.sidebar nav button{background:none;border:1px solid transparent;text-align:left;color:#8b9fb6;padding:14px 12px;display:flex;gap:14px;font-size:18px}.sidebar nav button span{font-size:13px}.sidebar nav button.active{background:#143251;border-color:#255784;color:#a6d5ff}.sidebar nav button:hover{color:#b9dfff}.sidebar-bottom{margin-top:auto;display:flex;flex-direction:column;gap:22px;padding:25px 10px 0;font:9px var(--mono);letter-spacing:1px}.sidebar-bottom button{padding:0;text-align:left;background:none;border:0;color:#7993ae;font:inherit;letter-spacing:inherit}.admin-main{margin-left:245px;width:calc(100% - 245px);padding:35px 4vw 70px;max-width:1700px}.admin-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:25px;margin-bottom:30px}.admin-header .eyebrow{font-size:9px;margin-bottom:10px}.admin-header h1{font-family:var(--body);font-size:28px;font-weight:600;margin:0;letter-spacing:-.5px}.user-chip{display:flex;align-items:center;gap:11px;background:#142132;border:1px solid #2b425c;padding:7px 12px 7px 7px;color:#c9dcf0;font-size:12px}.avatar-mini,.avatar-large{background:linear-gradient(135deg,#215383,#112439);display:grid;place-items:center;font-family:var(--display);color:#9fceff;overflow:hidden}.avatar-mini{width:34px;height:34px;font-size:20px}.avatar-mini img,.avatar-large img{width:100%;height:100%;object-fit:cover}.welcome{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:30px 0}.welcome h2{font-family:var(--body);font-size:25px;line-height:1.3;letter-spacing:-.6px;margin-bottom:10px}.welcome .eyebrow{font-size:9px;margin-bottom:13px}.welcome p{font-size:13px;margin-bottom:0}.welcome .button{font-size:9px;padding:13px 16px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:25px}.stat{border:1px solid #2a3d54;background:linear-gradient(130deg,#142334,#0e1926);padding:23px 20px}.stat small{font-size:11px;color:#91aac4;display:block}.stat strong{font:37px var(--display);color:#d3e8ff;margin:15px 0 8px;display:block;white-space:nowrap}.stat p{font-size:10px;margin:0;color:#6e8aa7}.admin-card{padding:25px;background:#101a27;border:1px solid #263b52;margin-bottom:25px;min-width:0}.data-grid{display:grid;grid-template-columns:1.65fr 1fr;gap:22px}.card-header{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:22px}.card-header h3{font-size:15px;font-weight:500;margin:0}.card-header p{font-size:11px;margin:7px 0 0}.card-header .mono{font-size:9px;color:var(--cyan)}.revenue-chart{height:220px;display:flex;flex-direction:column;justify-content:center}.revenue-chart svg{width:100%;height:175px;overflow:visible}.chart-labels{display:flex;justify-content:space-between;font:8px var(--mono);color:#65839f;margin-top:18px}.plan-row{display:grid;grid-template-columns:45px 1fr auto;align-items:center;gap:12px;border-bottom:1px solid #24364d;padding:15px 0}.plan-row:last-child{border:0}.plan-row>span:first-child{display:grid;place-items:center;background:#183550;color:#84baf0;height:36px;font:9px var(--mono)}.plan-row strong{font-size:12px;font-weight:500}.plan-row small{font-size:10px;color:#738fa9;display:block;margin-top:6px}.plan-row>b{font-size:12px;font-weight:500;color:#b7dafa}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:12px;text-align:left;white-space:nowrap}th{color:#7390ad;font:8px var(--mono);letter-spacing:1px;padding:12px 14px;border-bottom:1px solid #2e435e}td{padding:17px 14px;border-bottom:1px solid #203248;color:#b6c9de}td strong{color:#e0edfa;font-size:12px}td small{display:block;font-size:9px;color:#6f8ba8;margin-top:5px}.status-badge{display:inline-block;background:#233751;color:#b1d3f8;padding:6px 9px;font-size:9px}.status-paid{background:#163a35;color:#90d4be}.status-pending{background:#3d3420;color:#dcc593}.status-cancelled,.status-refunded{background:#342833;color:#d1a4b6}.table-open{font-size:11px;background:none;border:0;color:#80bdff;padding:8px}.empty-state{padding:45px 20px;text-align:center;color:#6985a2;font-size:13px}.empty-state strong{display:block;font-size:16px;color:#9db9d5;margin-bottom:10px}.accounting-note{font-size:11px;max-width:850px;color:#738ba6}.order-toolbar{display:flex;align-items:center;gap:12px;margin:25px 0}.order-toolbar input{flex:1;margin:0;min-width:100px}.order-toolbar select{width:210px;margin:0}.order-toolbar .button{font-size:9px;padding:16px;white-space:nowrap}.profile-card,.settings-card{max-width:680px;padding:35px}.profile-card h2,.settings-card h2{font-size:39px;margin-bottom:35px}.avatar-editor{display:flex;align-items:center;gap:28px;margin-bottom:35px}.avatar-large{height:100px;width:100px;font-size:50px;flex-shrink:0;border:1px solid #4575a3}.avatar-editor label{display:inline-block;margin:0;cursor:pointer;padding:12px 16px;font-size:9px}.avatar-editor p{font-size:10px;margin:10px 0 0}.file-input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}.settings-card p{font-size:12px;line-height:1.8}.settings-card code{overflow-wrap:anywhere}.audit-row{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid #23344b;padding:13px 0;font-size:11px;color:#95b2ce}.audit-row time{font:9px var(--mono);color:#67839e;white-space:nowrap}#admin-notice{font-size:13px;color:#f0bd91;line-height:1.6}.order-detail{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:25px 0}.order-detail dt{font:9px var(--mono);color:#6e91b2;margin-bottom:7px}.order-detail dd{margin:0;font-size:13px;overflow-wrap:anywhere}.admin-actions{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0 0}.admin-actions .button{font-size:8px;padding:13px 12px}.action-explanation{padding:13px;background:#152b41;color:#a6c7e4;font-size:12px}.confirm-step{border-top:1px solid #2c4661;margin-top:20px;padding-top:20px}.confirm-step h3{font-size:20px}.profile-card .muted{font-size:12px}
@media(max-width:1100px){.sidebar{width:205px;padding:30px 15px}.admin-main{margin-left:205px;width:calc(100% - 205px);padding:30px}.stats{grid-template-columns:repeat(2,1fr)}.data-grid{grid-template-columns:1fr}.order-toolbar{flex-wrap:wrap}.order-toolbar input{flex-basis:100%}}
@media(max-width:700px){.sidebar{position:static;width:100%;padding:18px;border-right:0;border-bottom:1px solid var(--line);display:block}.sidebar .brand{font-size:18px}.sidebar .brand-mark{height:33px;width:30px}.sidebar-label,.sidebar-bottom{display:none}.sidebar nav{display:flex;flex-direction:row;gap:3px;margin-top:20px;overflow-x:auto}.sidebar nav button{padding:10px 8px;gap:5px;font-size:14px;white-space:nowrap}.sidebar nav button span{font-size:10px}.dashboard{display:block}.admin-main{width:100%;margin:0;padding:25px 18px}.admin-header h1{font-size:22px}.admin-header .eyebrow{font-size:8px}.user-chip{font-size:10px;padding-right:8px;gap:7px}.avatar-mini{width:28px;height:28px}.welcome{align-items:flex-start}.welcome h2{font-size:22px}.welcome p{font-size:12px}.welcome .button{font-size:8px;padding:10px;flex-shrink:0}.stats{gap:10px}.stat{padding:17px 14px}.stat strong{font-size:31px}.stat small{font-size:10px}.stat p{font-size:9px}.admin-card{padding:18px}.data-grid{gap:0}.card-header h3{font-size:14px}.card-header .text-link{font-size:8px}.profile-card,.settings-card{padding:25px 20px}.avatar-editor{gap:18px}.avatar-large{height:80px;width:80px}.profile-card h2,.settings-card h2{font-size:34px}.order-toolbar select{flex:1;font-size:12px}.order-toolbar .button{font-size:8px}.login-card{padding:30px 25px}.login-back{left:25px;top:25px;font-size:9px}.login-card h1{font-size:40px}.audit-row{font-size:10px;flex-direction:column;gap:5px}}

.staff-page{background:#080808}.sidebar,.admin-header,.admin-card,.login-panel,.stat{background:#101010;border-color:#292929}.media-form{padding:24px 0;border-bottom:1px solid #333;max-width:700px}.media-preview{aspect-ratio:16/9;max-width:520px;background:#080808;border:1px solid #333;display:grid;place-items:center;overflow:hidden;margin:18px 0;color:#888}.media-preview img{width:100%;height:100%;object-fit:cover}.media-form label{display:block;margin:16px 0}.media-form input{display:block;width:100%;margin-top:8px}.media-actions{display:flex;gap:12px;flex-wrap:wrap}#media-feedback{color:#8bb6ff}.media-form button:disabled{opacity:.4;cursor:not-allowed}