:root{color:#15211b;font-synthesis:none;text-rendering:optimizelegibility;--green-950:#081c15;--green-900:#0d2f22;--green-800:#124732;--green-700:#176b4a;--green-100:#e7f2ec;--gold:#c7a35a;--ink:#15211b;--muted:#6d7d74;--line:#e3e9e5;--surface:#fff;--surface-soft:#f8faf9;--danger:#b93f38;background:#f4f7f5;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{color:var(--ink);background:#f4f7f5;margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}.dashboard-shell{background:#f4f7f5;min-height:100vh;display:flex}.sidebar{color:#fff;background:radial-gradient(circle at 20% 0,#c7a35a29,#0000 28%),linear-gradient(#0b261b 0%,#081a13 100%);border-right:1px solid #ffffff12;flex-direction:column;width:268px;min-height:100vh;padding:26px 20px 20px;display:flex;position:fixed;inset:0 auto 0 0}.admin-brand{align-items:center;gap:12px;margin-bottom:36px;display:flex}.brand-mark,.login-brand-mark{color:#13261d;background:linear-gradient(145deg,#d2b36f,#b98e3f);border-radius:13px;place-items:center;width:42px;height:42px;font-weight:800;display:grid;box-shadow:0 10px 28px #0000002e}.admin-brand strong{letter-spacing:-.01em;font-size:15px;display:block}.admin-brand span{color:#9eb3a7;margin-top:2px;font-size:12px;display:block}.sidebar-section-label{color:#68877a;letter-spacing:.13em;text-transform:uppercase;margin:0 10px 10px;font-size:10px;font-weight:800}.sidebar nav{flex-direction:column;gap:6px;display:flex}.sidebar nav a{color:#b6c9bf;border-radius:12px;align-items:center;gap:11px;padding:11px 12px;font-size:14px;font-weight:600;text-decoration:none;transition:all .18s;display:flex}.sidebar nav a:hover{color:#fff;background:#ffffff0e}.sidebar nav a.active{color:#fff;background:#c7a35a21;box-shadow:inset 0 0 0 1px #c7a35a29}.nav-icon,.queue-icon{color:#d6be85;letter-spacing:.04em;background:#ffffff12;border-radius:9px;place-items:center;width:31px;height:31px;font-size:10px;font-weight:800;display:grid}.sidebar nav a.active .nav-icon{background:#c7a35a2b}.sidebar-footer{border-top:1px solid #ffffff14;margin-top:auto;padding-top:22px}.sidebar-account{align-items:center;gap:10px;min-width:0;display:flex}.sidebar-account strong,.sidebar-account span{white-space:nowrap;text-overflow:ellipsis;max-width:160px;display:block;overflow:hidden}.sidebar-account strong{font-size:12px}.sidebar-account span{color:#809b8e;margin-top:2px;font-size:11px}.mini-avatar,.admin-avatar{color:#d8c08b;background:#174b34;border-radius:50%;flex:none;place-items:center;width:35px;height:35px;font-size:11px;font-weight:800;display:grid}.logout-button{color:#b9cbc1;background:#ffffff09;border:1px solid #ffffff14;border-radius:10px;width:100%;margin-top:14px;padding:9px 12px}.workspace{flex:1;min-width:0;margin-left:268px}.topbar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);z-index:20;background:#ffffffd1;justify-content:space-between;align-items:center;gap:24px;min-height:94px;padding:20px 34px;display:flex;position:sticky;top:0}.topbar h1{letter-spacing:-.025em;margin:0;font-size:22px}.topbar p{color:var(--muted);margin:4px 0 0;font-size:13px}.topbar-actions{align-items:center;gap:12px;display:flex}.system-pill{color:#456456;background:#f7fbf8;border:1px solid #dce8e1;border-radius:999px;align-items:center;gap:7px;padding:8px 11px;font-size:12px;font-weight:700;display:inline-flex}.system-dot{background:#39a56d;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #39a56d1f}.content{padding:30px 34px 44px}.eyebrow{color:#8d7140;letter-spacing:.14em;text-transform:uppercase;font-size:10px;font-weight:800;display:inline-block}.overview-hero{color:#fff;background:radial-gradient(circle at 86% 15%,#c7a35a33,#0000 28%),linear-gradient(130deg,#0c3425,#10291f);border-radius:22px;justify-content:space-between;align-items:flex-end;gap:28px;margin-bottom:24px;padding:26px 28px;display:flex;box-shadow:0 18px 50px #0e36271f}.overview-hero h2{letter-spacing:-.035em;margin:8px 0 6px;font-size:28px}.overview-hero p{color:#aec2b8;max-width:620px;margin:0;font-size:14px}.attention-badge{background:#ffffff0e;border:1px solid #ffffff17;border-radius:15px;min-width:160px;padding:14px 18px}.attention-badge strong{color:#e0c58d;font-size:25px;display:block}.attention-badge span{color:#a9bbb2;font-size:11px}.stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.stat-card{border:1px solid var(--line);background:var(--surface);border-radius:17px;min-width:0;padding:19px 19px 17px;box-shadow:0 8px 28px #1932260a}.stat-card-top{color:var(--muted);justify-content:space-between;align-items:center;gap:10px;font-size:12px;font-weight:600;display:flex}.stat-card>strong{letter-spacing:-.04em;margin-top:15px;font-size:25px;display:block}.stat-card small{color:#89968f;margin-top:5px;font-size:11px;display:block}.stat-code{color:#2d7455;background:#e9f3ed;border-radius:9px;place-items:center;width:29px;height:29px;font-size:9px;font-weight:800;display:grid}.stat-code.warning{color:#9d7430;background:#faf1df}.stat-code.gold{color:#876927;background:#f8efd9}.accent-stat-card{border-color:#e6dcc4}.dashboard-grid{grid-template-columns:1.25fr .75fr;gap:18px;margin-top:18px;display:grid}.panel{border:1px solid var(--line);background:var(--surface);border-radius:18px;box-shadow:0 8px 28px #19322609}.chart-panel,.queue-panel,.recent-panel{padding:20px}.panel-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px;display:flex}.panel-heading h3{letter-spacing:-.02em;margin:5px 0 0;font-size:17px}.muted{color:var(--muted);font-size:12px}.chart-wrap{height:250px}.chart-legend{grid-template-columns:repeat(2,1fr);gap:8px 16px;display:grid}.chart-legend>div{color:#65746c;grid-template-columns:9px 1fr auto;align-items:center;gap:7px;font-size:11px;display:grid}.legend-dot{border-radius:50%;width:8px;height:8px}.chart-legend strong{color:var(--ink)}.queue-list{flex-direction:column;gap:8px;display:flex}.queue-item{background:var(--surface-soft);border:1px solid #edf1ef;border-radius:13px;grid-template-columns:38px 1fr auto;align-items:center;gap:11px;padding:12px;display:grid}.queue-icon{color:#2f7557;background:#e7f1eb;width:36px;height:36px}.queue-item strong{font-size:12px;display:block}.queue-item span{color:#89958e;margin-top:3px;font-size:10px;display:block}.queue-item b{color:#234a38;font-size:18px}.recent-panel{margin-top:18px}.activity-list{flex-direction:column;display:flex}.activity-row{border-top:1px solid #eef2ef;grid-template-columns:1fr auto minmax(100px,auto);align-items:center;gap:16px;padding:12px 2px;display:grid}.activity-row:first-child{border-top:none}.activity-row strong{font-size:12px;display:block}.activity-row span:not(.status-badge){color:#8a968f;margin-top:3px;font-size:10px;display:block}.activity-row b{text-align:right;font-size:12px}.empty-panel{text-align:center;color:#89958e;padding:36px;font-size:12px}.dashboard-loading{text-align:center;color:var(--muted);padding:54px}.page-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:18px;display:flex}.page-header h2{letter-spacing:-.03em;margin:0;font-size:24px}.page-subtitle{color:var(--muted);margin:5px 0 0;font-size:12px}.filter-row{flex-wrap:wrap;gap:7px;margin:0 0 16px;display:flex}.chip{color:#607067;text-transform:capitalize;background:#fff;border:1px solid #dce5e0;border-radius:999px;padding:7px 12px;font-size:11px;font-weight:700}.chip:hover{border-color:#b8cec1}.chip.active{color:#fff;background:#176b4a;border-color:#176b4a}.table-wrap{border:1px solid var(--line);background:#fff;border-radius:17px;overflow-x:auto;box-shadow:0 8px 28px #19322609}.data-table{border-collapse:collapse;background:0 0;width:100%}.data-table th{color:#7b8981;border-bottom:1px solid var(--line);text-align:left;letter-spacing:.055em;text-transform:uppercase;background:#f8faf9;padding:11px 15px;font-size:10px;font-weight:800}.data-table td{color:#33443b;border-bottom:1px solid #eef2ef;padding:14px 15px;font-size:12px}.data-table tbody tr:last-child td{border-bottom:0}.clickable-row{cursor:pointer;transition:all .15s}.clickable-row:hover{background:#f7faf8}.status-badge{text-transform:capitalize;white-space:nowrap;border-radius:999px;align-items:center;padding:5px 9px;font-size:10px;font-weight:750;display:inline-flex}.status-pending{color:#8e6827;background:#fbf0d9}.status-under_review{color:#4e5caf;background:#e9ebfa}.status-approved,.status-paid{color:#24704d;background:#e4f2e9}.status-rejected{color:#a23a35;background:#f9e5e3}.primary-action,.secondary-action,.danger,.close-btn{border:0;border-radius:10px;padding:9px 12px;font-size:11px;font-weight:750;transition:all .15s}.primary-action{color:#fff;background:#176b4a;box-shadow:0 6px 16px #176b4a24}.primary-action:hover{background:#125e40;transform:translateY(-1px)}.secondary-action{color:#245941;background:#eaf3ee}.secondary-action:hover{background:#deece4}.danger{color:#9e332e;background:#fae7e5}.danger:hover{background:#f6d9d6}.row-actions{align-items:center;gap:7px;display:flex}.switch-label{color:#5e6e65;align-items:center;gap:7px;font-size:11px;display:inline-flex}.admin-alert{color:#932f2a;background:#fff3f2;border:1px solid #f0cbc7;border-radius:11px;margin:0 0 16px;padding:11px 13px;font-size:12px}.modal-backdrop{z-index:80;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#07191294;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal{background:#fff;border:1px solid #fffc;border-radius:19px;flex-direction:column;gap:8px;width:min(460px,100vw - 32px);max-height:88vh;padding:24px;display:flex;overflow-y:auto;box-shadow:0 30px 90px #061c1342}.modal-wide{width:min(720px,100vw - 32px)}.modal h3{letter-spacing:-.02em;margin:0}.modal label{color:#607168;margin-top:8px;font-size:11px;font-weight:700}.modal input,.modal textarea,.modal select,.login-card input{width:100%;color:var(--ink);background:#fff;border:1px solid #d5dfd9;border-radius:10px;outline:none;padding:10px 11px;transition:all .15s}.modal input:focus,.modal textarea:focus,.modal select:focus,.login-card input:focus{border-color:#68a085;box-shadow:0 0 0 3px #176b4a14}.modal input:disabled{color:#97a29c;background:#f2f5f3}.modal-actions{gap:8px;margin-top:16px;display:flex}.modal-actions button{border:0;border-radius:10px;flex:1;padding:10px;font-weight:700}.modal-actions .primary{color:#fff;background:#176b4a}.modal-actions .danger{color:#fff;background:#b4423c}.close-btn{color:#66776e;background:0 0;margin-top:6px}.modal-title-row{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:6px;display:flex}.close-x{color:#7a8981;background:0 0;border:0;font-size:25px;line-height:1}.secret-box{color:#31463a;background:#f6f9f7;border:1px solid #e3e9e5;border-radius:11px;margin-top:5px;padding:12px;font-size:12px}.secret-box button{color:#fff;background:#163e2d;border:0;border-radius:7px;padding:5px 8px;font-size:9px;font-weight:800}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.form-grid label{flex-direction:column;gap:6px;display:flex}.field-help{color:#7b8981;margin:5px 0 12px;font-size:10px}.rate-rule-list{flex-direction:column;gap:8px;margin:6px 0 12px;display:flex}.rate-rule-row{background:#f8faf9;border:1px solid #e5ece8;border-radius:11px;grid-template-columns:minmax(0,1fr) minmax(140px,220px);align-items:center;gap:16px;padding:12px 14px;display:grid}.full-width{width:100%;padding:11px 14px}.admin-login-shell{background:#f5f7f6;grid-template-columns:1.05fr .95fr;min-height:100vh;display:grid}.login-brand-panel{color:#fff;background:radial-gradient(circle at 75% 18%,#c7a35a33,#0000 25%),linear-gradient(145deg,#0b2f21,#071b13);flex-direction:column;justify-content:space-between;min-height:100vh;padding:56px;display:flex}.login-brand-mark{border-radius:15px;width:48px;height:48px}.login-brand-panel h1{letter-spacing:-.055em;max-width:560px;margin:14px 0;font-size:clamp(38px,5vw,64px);line-height:.98}.login-brand-panel p{color:#a9bdb2;max-width:520px;font-size:15px;line-height:1.65}.login-security-note{color:#9db2a7;align-items:center;gap:10px;font-size:12px;display:inline-flex}.login-form-panel{place-items:center;padding:36px;display:grid}.premium-login-card{border:1px solid var(--line);background:#fff;border-radius:20px;gap:13px;width:min(420px,100%);padding:34px;box-shadow:0 28px 80px #112d2017}.login-card-header{margin-bottom:8px}.login-card-header h2{letter-spacing:-.04em;margin:7px 0 5px;font-size:27px}.login-card-header p{color:var(--muted);margin:0;font-size:12px}.premium-login-card label{color:#56675e;flex-direction:column;gap:7px;font-size:11px;font-weight:700;display:flex}.login-submit{color:#fff;background:#176b4a;border:0;border-radius:11px;width:100%;margin-top:5px;padding:12px 14px;font-weight:750;box-shadow:0 10px 24px #176b4a29}.login-submit:disabled{opacity:.65;cursor:wait}.login-footnote{text-align:center;color:#909b95;margin:2px 0 0;font-size:10px}.error-text{color:#aa3731;font-size:12px}@media (width<=1100px){.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr}}@media (width<=820px){.sidebar{width:100%;min-height:auto;position:static}.dashboard-shell{flex-direction:column}.workspace{margin-left:0}.sidebar nav{grid-template-columns:repeat(2,1fr);display:grid}.sidebar-footer{display:none}.topbar{padding:18px 20px}.content{padding:20px}.admin-login-shell{grid-template-columns:1fr}.login-brand-panel{min-height:auto;padding:34px 28px}.login-brand-panel h1{font-size:36px}.login-security-note{margin-top:28px}}@media (width<=620px){.stat-grid{grid-template-columns:1fr}.overview-hero{flex-direction:column;align-items:flex-start}.attention-badge{width:100%}.form-grid,.rate-rule-row{grid-template-columns:1fr}.activity-row{grid-template-columns:1fr auto}.activity-row b{text-align:left;grid-column:1/-1}.topbar p,.system-pill{display:none}}.center-screen{background:radial-gradient(circle at 20% 0,#c7a35a1a,#0000 26%),#f4f7f5;place-items:center;min-height:100vh;padding:28px;display:grid}.center-screen .login-card{border:1px solid var(--line);background:#fff;border-radius:20px;width:min(420px,100%);padding:30px;box-shadow:0 24px 70px #112d201a}.center-screen .login-card h1{letter-spacing:-.035em;margin:0 0 8px;font-size:24px}.center-screen .login-card p{color:var(--muted);line-height:1.55}.center-screen .login-card button{color:#fff;background:#176b4a;border:0;border-radius:10px;width:100%;margin-top:12px;padding:11px 14px;font-weight:750}
