:root{--white:#fff;--black:#131311;--bg:#f8fafc;--surface:#fff;--surface2:#f1f5f9;--surface3:#e8f0fe;--border:#e2e8f0;--accent:#47cd89;--accent2:#093227;--green:#16a34a;--red:#dc2626;--amber:#d97706;--purple:#7c3aed;--text:#0f172a;--muted:#64748b;--subtle:#cbd5e1;--sidebar:#093227;--sidebar-text:#94a3b8;--vitality:#47cd89;--evergreen:#093227;--color-bg:#f8fafc;--color-surface:#fff;--color-surface-2:#f1f5f9;--color-surface-3:#e8f0fe;--color-border:#e2e8f0;--color-accent:#0ea5e9;--color-accent-2:#0284c7;--color-green:#16a34a;--color-red:#dc2626;--color-amber:#d97706;--color-purple:#7c3aed;--color-text:#0f172a;--color-muted:#64748b;--color-subtle:#cbd5e1;--color-sidebar:#093227;--color-sidebar-text:#94a3b8;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--font-sans:"Poppins", sans-serif;--font-mono:"Space Mono", monospace;--font-display:"Poppins", sans-serif;--text-xs:11px;--text-sm:12px;--text-base:13px;--text-md:14px;--text-lg:16px;--text-xl:18px;--text-2xl:21px;--text-3xl:26px;--text-4xl:38px;--weight-light:300;--weight-normal:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-extrabold:800;--radius-sm:6px;--radius-md:7px;--radius-lg:8px;--radius-xl:10px;--radius-2xl:12px;--radius-3xl:14px;--transition-fast:.15s;--transition-base:.2s;--transition-slow:.3s}.btn{font-family:var(--font-sans);cursor:pointer;transition:var(--transition-base);justify-content:center;align-items:center;gap:var(--space-2);border:none;outline:none;display:inline-flex}.btn:focus-visible{outline:2px solid var(--vitality);outline-offset:2px}.btn-primary{padding:var(--space-2) var(--space-4);border-radius:var(--radius-lg);background:var(--vitality);color:var(--evergreen);font-size:var(--text-base);font-family:var(--font-display);font-weight:var(--weight-semibold);border:none}.btn-primary:hover{opacity:.9}.btn-primary:disabled{background:var(--color-subtle);color:var(--color-muted);cursor:not-allowed;box-shadow:none}.btn-primary:disabled:hover{opacity:1}.btn-secondary{padding:var(--space-2) var(--space-4);border-radius:var(--radius-lg);background:var(--color-surface-2);color:var(--color-text);border:1px solid var(--color-border);font-size:var(--text-base);font-family:var(--font-sans)}.btn-danger{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--color-red);font-size:var(--text-sm);background:#ef444426;border:none}.btn-sm{padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);background:var(--color-surface-2);color:var(--color-muted);border:1px solid var(--color-border);font-size:var(--text-xs);font-family:var(--font-sans);cursor:pointer}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);padding:var(--space-5);margin-bottom:var(--space-4)}.card-title{font-family:var(--font-display);font-weight:var(--weight-semibold);font-size:var(--text-md);margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.card-title .view-all{font-size:var(--text-xs);color:var(--vitality);cursor:pointer;font-family:var(--font-sans);font-weight:var(--weight-normal)}.badge{padding:2px var(--space-2);font-size:var(--text-xs);font-family:var(--font-mono);font-weight:var(--weight-medium);border-radius:20px;align-items:center;display:inline-flex}.stat-grid{gap:var(--space-3);margin-bottom:var(--space-5);grid-template-columns:repeat(4,1fr);display:grid}.stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);padding:var(--space-4);cursor:pointer;transition:var(--transition-base)}.stat-card:hover{border-color:var(--vitality)}.stat-card-header{margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.trend{font-size:var(--text-xs);color:var(--color-green);font-family:var(--font-mono)}.trend.down{color:var(--color-red)}.sc-val{font-family:var(--font-display);font-weight:var(--weight-bold);font-size:26px}.sc-lbl{font-size:var(--text-sm);color:var(--color-muted);margin-top:var(--space-1)}.login-page{justify-content:center;align-items:center;gap:var(--space-6);min-height:100vh;padding:var(--space-10) var(--space-4);background:var(--color-bg);flex-direction:column;display:flex}.login-theme-toggle{top:var(--space-4);right:var(--space-4);z-index:10;position:fixed}.login-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);width:100%;max-width:400px;padding:var(--space-10) var(--space-8);box-shadow:0 1px 2px #0f172a0a,0 12px 32px #0f172a14}html[data-theme=dark] .login-card{box-shadow:0 1px 2px #0000004d,0 12px 32px #00000073}.login-card-logo{margin:0 auto var(--space-6);width:auto;height:38px;display:block}.login-logo-dark,html[data-theme=dark] .login-logo-light{display:none}html[data-theme=dark] .login-logo-dark{display:block}.login-card h1{font-family:var(--font-display);font-weight:var(--weight-bold);font-size:var(--text-3xl);text-align:center;color:var(--color-text);margin-bottom:var(--space-8)}.login-error{color:var(--color-red);font-size:var(--text-sm);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);margin-bottom:var(--space-3);background:#dc26261a}.login-watermark{font-size:var(--text-xs);letter-spacing:1.4px;text-transform:uppercase;color:var(--color-muted)}.dashboard{flex-direction:row;min-height:100vh;display:flex}.sidebar{background:var(--evergreen);border-right:1px solid #ffffff0f;flex-direction:column;flex-shrink:0;width:230px;height:100vh;display:flex;position:sticky;top:0;overflow-y:auto}.sb-brand{padding:var(--space-5) var(--space-4) var(--space-4);border-bottom:1px solid var(--color-border);align-items:center;gap:var(--space-2);display:flex}.sb-section-label{color:#94a3b880;text-transform:uppercase;letter-spacing:1px;margin-bottom:var(--space-2);font-size:10px;font-family:var(--font-mono)}.sb-item{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-2);border-radius:var(--radius-md);cursor:pointer;color:var(--sidebar-text);transition:var(--transition-fast);margin-bottom:1px;font-size:12.5px;display:flex}.sb-badge{background:var(--vitality);color:#fff;padding:1px var(--space-2);font-size:10px;font-family:var(--font-mono);border-radius:20px;margin-left:auto}.sb-badge.amber{background:var(--color-amber)}.sb-footer{padding:var(--space-3);align-items:center;gap:var(--space-2);border-top:1px solid #ffffff0f;margin-top:auto;display:flex}.sb-avatar{border-radius:var(--radius-lg);background:linear-gradient(135deg, var(--vitality), var(--evergreen));width:32px;height:32px;font-size:11px;font-weight:var(--weight-semibold);color:#fff;justify-content:center;align-items:center;display:flex}.sb-user-info p{font-size:var(--text-sm);font-weight:var(--weight-medium);color:#e2e8f0}.topbar{padding:var(--space-3) var(--space-6);border-bottom:1px solid var(--color-border);align-items:center;gap:var(--space-3);background:var(--color-surface);z-index:10;display:flex;position:sticky;top:0}.topbar-title{font-family:var(--font-display);font-weight:var(--weight-bold);font-size:var(--text-lg);flex:1}.topbar-search{padding:var(--space-2) var(--space-3);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:var(--text-sm);width:200px;font-family:var(--font-sans);outline:none}.notif-btn{border-radius:var(--radius-lg);background:var(--color-surface-2);border:1px solid var(--color-border);cursor:pointer;justify-content:center;align-items:center;width:34px;height:34px;font-size:15px;display:flex;position:relative}.topbar-avatar{border-radius:var(--radius-lg);background:linear-gradient(135deg, var(--vitality), var(--evergreen));width:34px;height:34px;font-size:12px;font-weight:var(--weight-semibold);cursor:pointer;color:#fff;justify-content:center;align-items:center;display:flex}.profile-dropdown-container{position:relative}.profile-dropdown{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);z-index:100;width:280px;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 8px 24px #0000001f}.profile-dropdown-header{border-bottom:1px solid var(--color-border);align-items:center;gap:12px;padding:16px;display:flex}.profile-dropdown-avatar{background:linear-gradient(135deg, var(--vitality), var(--evergreen));width:40px;height:40px;font-size:14px;font-weight:var(--weight-semibold);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.profile-dropdown-name{font-size:14px;font-weight:var(--weight-semibold);color:var(--color-text)}.profile-dropdown-email{color:var(--color-muted);margin-top:2px;font-size:12px}.profile-dropdown-body{padding:12px 16px}.profile-dropdown-row{justify-content:space-between;align-items:center;padding:8px 0;display:flex}.profile-dropdown-row+.profile-dropdown-row{border-top:1px solid var(--color-border)}.profile-dropdown-label{color:var(--color-muted);font-size:13px}.profile-dropdown-value{color:var(--color-text);font-size:13px;font-weight:var(--weight-medium)}.profile-dropdown-mono{font-family:var(--font-mono);font-size:12px}.profile-dropdown-footer{border-top:1px solid var(--color-border);padding:12px 16px}input[type=checkbox]{appearance:none;border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;vertical-align:middle;border-radius:0;height:12px;max-height:12px;margin:0;padding:0;transition:all .15s;display:inline-block;position:relative;width:12px!important;min-width:12px!important}input[type=checkbox]:checked{background:var(--vitality);border-color:var(--vitality)}input[type=checkbox]:checked:after{content:"";border:1.5px solid #fff;border-width:0 1.5px 1.5px 0;width:5px;height:8px;position:absolute;top:0;left:2px;transform:rotate(45deg)}input[type=checkbox]:focus{outline:none}input[type=checkbox]:disabled{opacity:.5;cursor:not-allowed}.page-hdr{margin-bottom:var(--space-5);justify-content:space-between;align-items:flex-start;display:flex}.page-hdr h2{font-family:var(--font-display);font-weight:var(--weight-bold);font-size:var(--text-2xl)}.page-hdr p{font-size:var(--text-base);color:var(--color-text);margin-top:var(--space-1)}.page-hdr-actions{gap:var(--space-2);flex-shrink:0;align-items:center;display:flex}.g2{gap:var(--space-3);margin-bottom:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.g3c{gap:var(--space-3);margin-bottom:var(--space-4);grid-template-columns:2fr 1fr;display:grid}th{padding:var(--space-2) var(--space-3);text-align:left;color:var(--color-muted);font-weight:var(--weight-medium);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--color-border);font-size:11px;font-family:var(--font-mono)}td{padding:var(--space-2) var(--space-3);vertical-align:middle;border-bottom:1px solid #e2e8f099}.field label{font-size:var(--text-xs);color:var(--color-muted);margin-bottom:var(--space-1);letter-spacing:.3px;text-transform:uppercase;display:block}.field input,.field select,.field textarea{width:100%;padding:var(--space-3) var(--space-4);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text);font-size:var(--text-md);font-family:var(--font-sans);outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--vitality)}.form-row{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.form-row3{gap:var(--space-3);grid-template-columns:1fr 1fr 1fr;display:grid}.form-section{margin-bottom:var(--space-6)}.form-section-title{text-transform:uppercase;letter-spacing:.8px;color:var(--color-muted);font-size:11px;font-family:var(--font-mono);margin-bottom:var(--space-4);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border)}.input-addon{gap:0;display:flex}.input-addon input{border-radius:var(--radius-lg) 0 0 var(--radius-lg);flex:1}.input-addon .addon-label{padding:0 var(--space-4);background:var(--color-surface-3);border:1px solid var(--color-border);border-radius:0 var(--radius-lg) var(--radius-lg) 0;font-size:var(--text-sm);color:var(--color-muted);border-left:none;align-items:center;display:flex}.filter-bar{gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:wrap;align-items:center;display:flex}.filter-bar input,.filter-bar select{padding:var(--space-2) var(--space-3);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:var(--text-sm);font-family:var(--font-sans);outline:none}.filter-bar select option{background:var(--color-surface-2)}.toggle{width:36px;height:20px;display:inline-block;position:relative}.toggle input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;background:var(--color-surface-2);border:1px solid var(--color-border);transition:var(--transition-slow);border-radius:20px;position:absolute;inset:0}.toggle-slider:before{content:"";background:var(--color-muted);width:14px;height:14px;transition:var(--transition-slow);border-radius:50%;position:absolute;bottom:2px;left:2px}.toggle input:checked+.toggle-slider{border-color:var(--vitality);background:#47cd894d}.toggle input:checked+.toggle-slider:before{background:var(--vitality);transform:translate(16px)}.tab-bar{gap:var(--space-1);background:var(--color-surface-2);margin-bottom:var(--space-5);border:1px solid var(--color-border);border-radius:9px;padding:3px;display:flex}.tab-btn{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-muted);cursor:pointer;font-family:var(--font-sans);transition:var(--transition-base);text-align:center;background:0 0;border:none;flex:1}.tab-btn.active{background:var(--color-surface);color:var(--color-text);box-shadow:0 1px var(--space-1) #00000014}.sup-tab-bar{border-bottom:1px solid var(--color-border);margin-bottom:var(--space-5);gap:0;display:flex}.sup-tab{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);color:var(--color-muted);cursor:pointer;transition:var(--transition-base);border-bottom:2px solid #0000;margin-bottom:-1px}.sup-tab.active{color:var(--vitality);border-bottom-color:var(--vitality)}.bar-wrap{align-items:center;gap:var(--space-1);flex-direction:column;flex:1;display:flex}.bar{border-radius:var(--radius-sm) var(--radius-sm) 0 0;background:var(--color-surface-2);width:100%}.bar-lbl{color:var(--color-muted);font-size:10px;font-family:var(--font-mono)}.quota-header{font-size:var(--text-sm);margin-bottom:var(--space-1);justify-content:space-between;display:flex}.quota-label{color:var(--color-text)}.alert{padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);font-size:var(--text-sm);margin-bottom:var(--space-4);align-items:flex-start;gap:var(--space-2);line-height:1.5;display:flex}.act-item{gap:var(--space-3);margin-bottom:var(--space-3);align-items:flex-start;display:flex}.act-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:5px}.act-text{font-size:12.5px;line-height:1.5}.act-text .actor{color:var(--vitality);font-weight:var(--weight-medium)}.act-time{font-size:var(--text-xs);color:var(--color-muted);font-family:var(--font-mono);margin-top:var(--space-1)}.ticket-item{padding:var(--space-3) 0;border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.ticket-ico{border-radius:var(--radius-md);background:var(--color-surface-2);justify-content:center;align-items:center;width:30px;height:30px;font-size:14px;display:flex}.ticket-sub{font-size:var(--text-xs);color:var(--color-muted);margin-top:var(--space-1)}.ticket-actions{gap:var(--space-1);align-items:center;display:flex}.log-row{gap:var(--space-3);padding:var(--space-2) 0;font-size:var(--text-sm);border-bottom:1px solid #e2e8f080;align-items:flex-start;display:flex}.log-time{color:var(--color-muted);font-family:var(--font-mono);white-space:nowrap;min-width:90px}.log-method{font-family:var(--font-mono);min-width:50px;font-size:11px}.log-path{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.log-status{font-family:var(--font-mono);min-width:36px;font-size:11px}.log-dur{color:var(--color-muted);font-family:var(--font-mono);text-align:right;min-width:60px;font-size:11px}.modal{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-3xl);width:560px;max-height:85vh;overflow-y:auto}.modal-header{padding:var(--space-5) var(--space-6) var(--space-4);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.modal-header h3{font-family:var(--font-display);font-weight:var(--weight-bold);font-size:var(--text-md)}.modal-close{color:var(--color-muted);cursor:pointer;padding:0 var(--space-1);background:0 0;border:none;font-size:20px}.modal-footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border);gap:var(--space-2);justify-content:flex-end;display:flex}.rule-item{padding:var(--space-3);background:var(--color-surface-2);border-radius:var(--radius-lg);border:1px solid var(--color-border);margin-bottom:var(--space-2);justify-content:space-between;align-items:center;display:flex}.rule-icon{border-radius:var(--radius-md);background:var(--color-surface-3);justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;display:flex}.rule-desc{font-size:var(--text-xs);color:var(--color-muted);margin-top:2px}.rule-actions{gap:var(--space-1);align-items:center;display:flex}.notif-target-btns{gap:var(--space-2);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.notif-target{padding:var(--space-1) var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface-2);font-size:var(--text-sm);color:var(--color-muted);cursor:pointer}.notif-target.active{border-color:var(--vitality);color:var(--vitality);background:#47cd891a}.user-row{align-items:center;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid #e2e8f099;display:flex}.user-row:last-child{border-bottom:none}.user-av{border-radius:var(--radius-lg);width:34px;height:34px;font-size:12px;font-weight:var(--weight-semibold);color:#fff;flex-shrink:0;justify-content:center;align-items:center;display:flex}.user-name{font-size:var(--text-sm);font-weight:var(--weight-medium)}.user-email{font-size:var(--text-xs);color:var(--color-muted);margin-top:1px}.user-actions{gap:var(--space-1);margin-left:auto;display:flex}.detail-header{align-items:center;gap:var(--space-3);margin-bottom:var(--space-5);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border);display:flex}.detail-header-icon{border-radius:var(--radius-2xl);background:#47cd8914;border:1.5px solid #47cd8933;justify-content:center;align-items:center;width:52px;height:52px;font-size:22px;display:flex}.detail-header-info h3{font-family:var(--font-display);font-weight:var(--weight-bold);font-size:var(--text-xl)}.detail-header-info p{color:var(--color-muted);margin-top:var(--space-1);font-size:12.5px}.kv-grid{gap:var(--space-3);margin-bottom:var(--space-4);grid-template-columns:repeat(3,1fr);display:grid}.kv-item{background:var(--color-surface-2);border-radius:var(--radius-lg);padding:var(--space-3);border:1px solid var(--color-border)}.kv-key{color:var(--color-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-1);font-size:11px;font-family:var(--font-mono)}.metric-row{gap:var(--space-3);margin-bottom:var(--space-4);grid-template-columns:repeat(3,1fr);display:grid}.metric-card{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-3)}.metric-label{color:var(--color-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-2);font-size:11px;font-family:var(--font-mono)}.metric-val{font-family:var(--font-display);font-weight:var(--weight-bold);font-size:22px}.metric-sub{font-size:var(--text-xs);color:var(--color-muted);margin-top:var(--space-1)}.cred-card{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-4);margin-bottom:var(--space-3)}.cred-header{margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.cred-supplier{align-items:center;gap:var(--space-2);display:flex}.cred-icon{border-radius:var(--radius-lg);background:var(--color-surface-3);justify-content:center;align-items:center;width:32px;height:32px;font-size:15px;display:flex}.cred-name{font-size:13.5px;font-weight:var(--weight-medium)}.cred-level{font-size:var(--text-xs);color:var(--color-muted);margin-top:1px}.cred-fields{gap:var(--space-2);grid-template-columns:1fr 1fr;display:grid}.cred-field{background:var(--color-surface-3);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3)}.cred-field-label{color:var(--color-muted);text-transform:uppercase;letter-spacing:.4px;margin-bottom:var(--space-1);font-size:10px;font-family:var(--font-mono)}.cred-field-val{font-size:12.5px;font-family:var(--font-mono);color:var(--color-text)}.sup-card{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-4);margin-bottom:var(--space-2);justify-content:space-between;align-items:center;display:flex}.sup-icon{border-radius:var(--radius-lg);background:var(--color-surface-3);justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}.sup-right{align-items:center;gap:var(--space-3);display:flex}.donut-wrap{align-items:center;gap:var(--space-5);display:flex}.donut{background:conic-gradient(var(--vitality) 0% 73%, var(--color-surface-2) 73% 100%);border-radius:50%;justify-content:center;align-items:center;width:90px;height:90px;display:flex;position:relative}.donut:after{content:"";background:var(--color-surface);border-radius:50%;width:60px;height:60px;position:absolute}.donut-val{z-index:1;font-family:var(--font-display);font-weight:var(--weight-bold);font-size:var(--text-md);position:relative}.donut-legend{gap:var(--space-2);flex-direction:column;display:flex}.donut-leg-item{align-items:center;gap:var(--space-2);font-size:var(--text-sm);display:flex}.donut-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.chart-legend{gap:var(--space-4);margin-top:var(--space-2);display:flex}.legend-item{align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--color-muted);display:flex}.legend-dot{border-radius:2px;width:10px;height:10px;display:inline-block}.back-link{align-items:center;gap:var(--space-1);font-size:var(--text-sm);color:var(--color-muted);cursor:pointer;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface);margin-right:var(--space-2);display:inline-flex}.divider{align-items:center;gap:var(--space-3);margin:var(--space-6) 0;color:var(--color-muted);font-size:var(--text-sm);display:flex}.divider:before,.divider:after{content:"";background:var(--color-border);flex:1;height:1px}.sso-btn{width:100%;padding:var(--space-3);border-radius:var(--radius-lg);background:var(--color-surface-2);border:1px solid var(--color-border);color:var(--color-text);font-size:var(--text-sm);cursor:pointer;justify-content:center;align-items:center;gap:var(--space-2);display:flex}.switch-page{margin-top:var(--space-8);text-align:center;font-size:var(--text-sm);color:var(--color-muted)}.forgot{font-size:var(--text-sm);color:var(--evergreen);text-align:right;margin-top:-10px;margin-bottom:var(--space-6);cursor:pointer}html[data-theme=dark] .forgot{color:var(--vitality)}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}#root{min-height:100vh}.sidebar::-webkit-scrollbar{width:6px;height:6px}.sidebar::-webkit-scrollbar-track{background:0 0}.sidebar::-webkit-scrollbar-thumb{background:#94a3b84d;border-radius:3px}:root{--bg:#f8fafc;--surface:#fff;--surface2:#f1f5f9;--surface3:#e8f0fe;--border:#e2e8f0;--accent:#47cd89;--accent2:#093227;--green:#16a34a;--red:#dc2626;--amber:#d97706;--purple:#7c3aed;--text:#0f172a;--muted:#64748b;--subtle:#cbd5e1;--sidebar:#093227;--sidebar-text:#94a3b8;--vitality:#47cd89;--evergreen:#093227}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:Poppins,sans-serif}button,input,select,textarea,optgroup{font-family:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border,#e2e8f0);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-muted,#64748b)}.sidebar::-webkit-scrollbar-thumb{background:#94a3b84d}.sidebar::-webkit-scrollbar-thumb:hover{background:#94a3b880}.page{display:none!important}.page.active{display:flex!important}.field{margin-bottom:16px}.field label{color:var(--muted);text-transform:uppercase;letter-spacing:.3px;margin-bottom:6px;font-size:12px;font-weight:500;display:block}.field input,.field select,.field textarea{background:var(--surface);border:1.5px solid var(--border);width:100%;color:var(--text);border-radius:9px;outline:none;padding:11px 14px;font-family:Poppins,sans-serif;font-size:14px;transition:all .2s}.field select option{background:var(--surface)}.field textarea{resize:vertical;min-height:80px}.field input::placeholder,.field textarea::placeholder{color:var(--subtle)}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--vitality);box-shadow:0 0 0 3px #47cd891a}.form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.terms{color:var(--muted);margin-bottom:18px;font-size:12px;line-height:1.5}.terms a{color:var(--vitality);cursor:pointer}.btn-primary{background:var(--vitality);color:var(--evergreen);cursor:pointer;border:none;border-radius:9px;padding:10px 18px;font-family:Poppins,sans-serif;font-size:13px;font-weight:600;transition:all .2s}.btn-primary:hover{opacity:.9;transform:translateY(-1px)}.btn-primary.full{width:100%;padding:13px;font-size:14px}.btn-secondary{background:var(--surface);color:var(--text);border:1.5px solid var(--border);cursor:pointer;border-radius:9px;padding:10px 18px;font-family:Poppins,sans-serif;font-size:13px}.btn-danger{color:var(--red);cursor:pointer;background:#dc262614;border:1px solid #dc262633;border-radius:7px;padding:7px 12px;font-size:12px}.btn-sm{background:var(--surface2);color:var(--muted);border:1.5px solid var(--border);cursor:pointer;border-radius:7px;padding:6px 12px;font-family:Poppins,sans-serif;font-size:11px}.btn-sm:hover{color:var(--vitality);border-color:var(--vitality)}.switch-page{text-align:center;color:var(--muted);margin-top:24px;font-size:13px}.switch-page a{color:var(--vitality);cursor:pointer;text-decoration:underline}.portal-hero h1{color:#fff;margin-bottom:14px;font-family:Poppins,sans-serif;font-size:32px;font-weight:700;line-height:1.2}.portal-hero p{color:var(--sidebar-text);max-width:300px;font-size:13.5px;line-height:1.7}.feature-list{flex-direction:column;gap:10px;display:flex}.feature-item{background:#ffffff0d;border:1px solid #ffffff14;border-radius:10px;align-items:center;gap:12px;padding:12px 14px;display:flex}.feature-icon{font-size:18px}.feature-text{color:var(--sidebar-text);font-size:12.5px;line-height:1.4}.feature-text b{color:#e2e8f0;margin-bottom:2px;font-weight:500;display:block}#pg-dashboard{flex-direction:row;min-height:100vh}.sidebar{background:var(--sidebar);flex-direction:column;flex-shrink:0;width:230px;height:100vh;display:flex;position:sticky;top:0;overflow-y:auto}.sb-brand{border-bottom:1px solid #ffffff0f;align-items:center;gap:10px;padding:20px 18px 16px;display:flex}.sb-brand .brand-logo{width:100%;max-width:170px;height:auto;display:block}.sb-section{padding:14px 14px 4px}.sb-section-label{color:#94a3b880;text-transform:uppercase;letter-spacing:1px;margin-bottom:6px;font-family:Space Mono,monospace;font-size:10px}.sb-item{cursor:pointer;color:var(--sidebar-text);border-radius:8px;align-items:center;gap:9px;margin-bottom:1px;padding:8px 9px;font-size:12.5px;transition:all .15s;display:flex}.sb-item:hover{color:#e2e8f0;background:#ffffff0f}.sb-item.active{color:var(--vitality);background:#47cd8926}.sb-item .icon{flex-shrink:0;justify-content:center;align-items:center;width:20px;display:inline-flex}.sb-badge{background:var(--vitality);color:#fff;border-radius:20px;margin-left:auto;padding:1px 6px;font-family:Space Mono,monospace;font-size:10px}.sb-badge.red{background:var(--red)}.sb-footer{border-top:1px solid #ffffff0f;align-items:center;gap:10px;margin-top:auto;padding:14px;display:flex}.sb-avatar{background:linear-gradient(135deg, var(--vitality), var(--evergreen));color:#fff;border-radius:9px;justify-content:center;align-items:center;width:34px;height:34px;font-size:13px;font-weight:600;display:flex}.sb-user-info p{color:#e2e8f0;font-size:12px;font-weight:500}.sb-user-info span{color:var(--sidebar-text);font-size:10px}.main{background:var(--bg);flex:1;overflow-y:auto}.topbar{border-bottom:1.5px solid var(--border);background:var(--surface);z-index:10;align-items:center;gap:14px;padding:14px 26px;display:flex;position:sticky;top:0}.topbar-title{color:var(--text);flex:1;font-family:Poppins,sans-serif;font-size:17px;font-weight:700}.topbar-search{background:var(--surface2);border:1.5px solid var(--border);color:var(--text);border-radius:8px;outline:none;width:200px;padding:8px 13px;font-family:Poppins,sans-serif;font-size:13px}.topbar-search::placeholder{color:var(--muted)}.notif-btn{background:var(--surface2);border:1.5px solid var(--border);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:15px;display:flex;position:relative}.notif-dot{background:var(--red);border:2px solid var(--surface);border-radius:50%;width:7px;height:7px;position:absolute;top:6px;right:6px}.topbar-avatar{background:linear-gradient(135deg, var(--vitality), var(--evergreen));color:#fff;cursor:pointer;border-radius:9px;justify-content:center;align-items:center;width:36px;height:36px;font-size:12px;font-weight:600;display:flex}.content-page{padding:24px 26px;display:none}.content-page.active{display:block}.page-hdr{justify-content:space-between;align-items:flex-start;margin-bottom:22px;display:flex}.page-hdr h2{font-family:Poppins,sans-serif;font-size:21px;font-weight:700}.page-hdr p{color:var(--muted);margin-top:4px;font-size:13px}.page-hdr-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.card{background:var(--surface);border:1.5px solid var(--border);border-radius:12px;margin-bottom:16px;padding:20px}.card-title{color:var(--text);justify-content:space-between;align-items:center;margin-bottom:16px;font-family:Poppins,sans-serif;font-size:14px;font-weight:600;display:flex}.card-title .view-all{color:var(--vitality);cursor:pointer;font-size:11px;font-weight:400}.stat-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px;display:grid}.stat-grid.g3{grid-template-columns:repeat(3,1fr)}.stat-grid.g4{grid-template-columns:repeat(4,1fr)}.stat-card{background:var(--surface);border:1.5px solid var(--border);cursor:pointer;border-radius:12px;padding:18px;transition:all .2s}.stat-card:hover{border-color:var(--vitality);box-shadow:0 4px 16px #47cd891a}.stat-card-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.sco{border-radius:9px;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;display:flex}.sco.blue{background:#47cd891a}.sco.green{background:#16a34a1a}.sco.amber{background:#d977061a}.sco.purple{background:#7c3aed1a}.sco.red{background:#dc26261a}.trend{font-family:Space Mono,monospace;font-size:11px}.trend.up{color:var(--green)}.trend.neutral{color:var(--muted)}.sc-val{color:var(--text);font-family:Poppins,sans-serif;font-size:26px;font-weight:700}.sc-lbl{color:var(--muted);margin-top:3px;font-size:12px}.g2{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:16px;display:grid}.g3c{grid-template-columns:2fr 1fr;gap:14px;margin-bottom:16px;display:grid}.g3cr{grid-template-columns:1fr 2fr;gap:14px;margin-bottom:16px;display:grid}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:12.5px}th{text-align:left;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:1.5px solid var(--border);padding:9px 12px;font-family:Space Mono,monospace;font-size:11px;font-weight:500}td{vertical-align:middle;border-bottom:1px solid #e2e8f099;padding:10px 12px}tr:last-child td{border-bottom:none}tr:hover td{background:var(--surface2)}.badge{border-radius:20px;align-items:center;padding:2px 9px;font-family:Space Mono,monospace;font-size:10.5px;font-weight:500;display:inline-flex}.badge.green{color:var(--green);background:#16a34a1a}.badge.amber{color:var(--amber);background:#d977061a}.badge.red{color:var(--red);background:#dc26261a}.badge.blue{color:var(--vitality);background:#47cd891a}.badge.purple{color:var(--purple);background:#7c3aed1a}.badge.gray{background:var(--surface2);color:var(--muted)}.quota-item{margin-bottom:14px}.quota-header{justify-content:space-between;margin-bottom:6px;font-size:12px;display:flex}.quota-label{color:var(--text);font-weight:500}.quota-val{color:var(--muted);font-family:Space Mono,monospace}.qbar-bg{background:var(--surface2);border-radius:4px;height:7px}.qbar-fill{border-radius:4px;height:7px}.bar-chart{align-items:flex-end;gap:8px;height:100px;padding:0 4px;display:flex}.bar-wrap{flex-direction:column;flex:1;align-items:center;gap:4px;display:flex}.bar{background:var(--surface2);border-radius:4px 4px 0 0;width:100%}.bar.ac{background:var(--vitality)}.bar.gn{background:#16a34a80}.bar-lbl{color:var(--muted);font-family:Space Mono,monospace;font-size:10px}.search-panel{background:var(--surface);border:1.5px solid var(--border);border-radius:12px;margin-bottom:16px;padding:20px}.seg-btns{gap:8px;margin-bottom:16px;display:flex}.seg-btn{border:1.5px solid var(--border);background:var(--surface2);color:var(--muted);cursor:pointer;border-radius:8px;padding:7px 16px;font-family:Poppins,sans-serif;font-size:12.5px;font-weight:500;transition:all .2s}.seg-btn.active{background:var(--vitality);color:#fff;border-color:var(--vitality)}.search-fields{grid-template-columns:repeat(4,1fr) auto;align-items:end;gap:10px;margin-bottom:14px;display:grid}.search-fields.hotel-fields{grid-template-columns:1fr 1fr 1fr auto}.sf{flex-direction:column;display:flex}.sf label{color:var(--muted);text-transform:uppercase;letter-spacing:.3px;margin-bottom:5px;font-size:11px;font-weight:500}.sf input,.sf select{background:var(--surface2);border:1.5px solid var(--border);color:var(--text);border-radius:8px;outline:none;padding:9px 12px;font-family:Poppins,sans-serif;font-size:13px}.booking-row{border-bottom:1px solid var(--border);align-items:center;gap:14px;padding:11px 0;display:flex}.booking-row:last-child{border-bottom:none}.booking-ico{border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:17px;display:flex}.booking-ico.air{background:#47cd891a}.booking-ico.hotel{background:#16a34a1a}.booking-title{font-size:13px;font-weight:500}.booking-sub{color:var(--muted);margin-top:2px;font-size:11.5px}.booking-right{text-align:right;margin-left:auto}.booking-amt{color:var(--text);font-size:13.5px;font-weight:600}.booking-date{color:var(--muted);margin-top:2px;font-family:Space Mono,monospace;font-size:11px}.ticket-item{border-bottom:1px solid var(--border);cursor:pointer;justify-content:space-between;align-items:center;padding:12px 0;display:flex}.ticket-item:last-child{border-bottom:none}.ticket-left{align-items:center;gap:12px;display:flex}.ticket-ico{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:14px;display:flex}.ticket-title{font-size:12.5px;font-weight:500}.ticket-sub{color:var(--muted);margin-top:2px;font-size:11px}.ticket-actions{align-items:center;gap:8px;display:flex}.sup-card{background:var(--surface2);border:1.5px solid var(--border);border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:10px;padding:14px;display:flex}.sup-left{align-items:center;gap:12px;display:flex}.sup-icon{background:var(--surface);border:1.5px solid var(--border);border-radius:9px;justify-content:center;align-items:center;width:38px;height:38px;font-size:17px;display:flex}.sup-name{font-size:13.5px;font-weight:500}.sup-detail{color:var(--muted);margin-top:2px;font-size:11px}.notif-row{border-bottom:1px solid var(--border);align-items:flex-start;gap:12px;padding:12px 0;display:flex}.notif-row:last-child{border-bottom:none}.notif-dot{border-radius:50%;flex-shrink:0;width:9px;height:9px;margin-top:4px}.notif-content{flex:1}.notif-title{margin-bottom:4px;font-size:13px;font-weight:500}.notif-body{color:var(--muted);font-size:12px;line-height:1.5}.notif-meta{color:var(--subtle);margin-top:4px;font-family:Space Mono,monospace;font-size:11px}.rule-row{background:var(--surface2);border:1.5px solid var(--border);border-radius:9px;justify-content:space-between;align-items:center;margin-bottom:8px;padding:12px;display:flex}.rule-left{align-items:center;gap:10px;display:flex}.rule-icon{background:var(--surface);border:1.5px solid var(--border);border-radius:7px;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;display:flex}.rule-name{font-size:13px;font-weight:500}.rule-desc{color:var(--muted);margin-top:2px;font-size:11.5px}.log-row{border-bottom:1px solid #e2e8f080;align-items:flex-start;gap:10px;padding:9px 0;font-size:12px;display:flex}.log-row:last-child{border-bottom:none}.log-time{color:var(--muted);white-space:nowrap;min-width:90px;font-family:Space Mono,monospace}.log-type{min-width:50px;font-size:11px}.log-path{color:var(--text);flex:1}.log-stat{min-width:40px;font-family:Space Mono,monospace;font-size:11px}.modal-overlay{z-index:100;background:#00000080;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.modal-overlay.open{display:flex}.modal{background:var(--surface);border:1.5px solid var(--border);border-radius:14px;width:540px;max-height:85vh;overflow-y:auto;box-shadow:0 20px 60px #00000026}.modal-header{border-bottom:1.5px solid var(--border);justify-content:space-between;align-items:center;padding:20px 22px 16px;display:flex}.modal-header h3{font-family:Poppins,sans-serif;font-size:16px;font-weight:700}.modal-close{color:var(--muted);cursor:pointer;background:0 0;border:none;font-size:20px}.modal-body{padding:22px}.modal-footer{border-top:1.5px solid var(--border);justify-content:flex-end;gap:8px;padding:16px 22px;display:flex}.tab-bar{border-bottom:1.5px solid var(--border);gap:0;margin-bottom:20px;display:flex}.tab-btn3{color:var(--muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;padding:10px 18px;font-family:Poppins,sans-serif;font-size:13px;transition:all .2s}.tab-btn3.active{color:var(--vitality);border-bottom-color:var(--vitality)}.detail-header{border-bottom:1.5px solid var(--border);align-items:center;gap:14px;margin-bottom:22px;padding-bottom:18px;display:flex}.detail-icon{background:#47cd8914;border:1.5px solid #47cd8933;border-radius:12px;justify-content:center;align-items:center;width:52px;height:52px;font-size:22px;display:flex}.detail-info h3{font-family:Poppins,sans-serif;font-size:18px;font-weight:700}.detail-info p{color:var(--muted);margin-top:3px;font-size:12.5px}.kv-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px;display:grid}.kv-item{background:var(--surface2);border:1.5px solid var(--border);border-radius:9px;padding:12px}.kv-key{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:5px;font-family:Space Mono,monospace;font-size:11px}.kv-val{font-size:13.5px;font-weight:500}.result-card{background:var(--surface);border:1.5px solid var(--border);border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:10px;padding:16px;transition:all .2s;display:flex}.result-card:hover{border-color:var(--vitality);box-shadow:0 4px 12px #47cd8914}.result-left{align-items:center;gap:14px;display:flex}.result-icon{background:#47cd8914;border-radius:10px;justify-content:center;align-items:center;width:42px;height:42px;font-size:18px;display:flex}.result-route{font-size:14px;font-weight:600}.result-meta{color:var(--muted);margin-top:3px;font-size:12px}.result-right{text-align:right}.result-price{color:var(--vitality);font-family:Poppins,sans-serif;font-size:20px;font-weight:700}.result-supplier{color:var(--muted);margin-top:2px;font-size:11px}.alert{border-radius:9px;align-items:flex-start;gap:10px;margin-bottom:16px;padding:12px 16px;font-size:12.5px;line-height:1.5;display:flex}.alert.amber{color:var(--amber);background:#d9770614;border:1.5px solid #d9770633}.alert.blue{color:var(--vitality);background:#47cd8914;border:1.5px solid #47cd8933}.alert.green{color:var(--green);background:#16a34a14;border:1.5px solid #16a34a33}.alert.red{color:var(--red);background:#dc262614;border:1.5px solid #dc262633}.back-link{color:var(--muted);cursor:pointer;border:1.5px solid var(--border);background:var(--surface);border-radius:7px;align-items:center;gap:6px;margin-right:8px;padding:5px 10px;font-size:12px;display:inline-flex}.back-link:hover{color:var(--vitality);border-color:var(--vitality)}.form-section-title{text-transform:uppercase;letter-spacing:.8px;color:var(--muted);border-bottom:1.5px solid var(--border);margin-bottom:14px;padding-bottom:8px;font-family:Space Mono,monospace;font-size:11px}:root{--card:var(--surface);--fg:var(--text);--link:#0ea5e9}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b1120;--surface:#16203a;--surface2:#1d2a47;--surface3:#1c2f52;--border:#2c3a58;--text:#e2e8f0;--muted:#94a3b8;--subtle:#475569;--sidebar:#093227;--sidebar-text:#8aa0b8;--green:#34d399;--red:#f87171;--amber:#fbbf24;--purple:#a78bfa;--link:#38bdf8;--color-bg:#0b1120;--color-surface:#16203a;--color-surface-2:#1d2a47;--color-surface-3:#1c2f52;--color-border:#2c3a58;--color-text:#e2e8f0;--color-muted:#94a3b8;--color-subtle:#475569;--color-sidebar:#093227;--color-sidebar-text:#8aa0b8;--color-accent:#38bdf8;--color-accent-2:#0ea5e9;--color-green:#34d399;--color-red:#f87171;--color-amber:#fbbf24;--color-purple:#a78bfa;--accent:#47cd89;--vitality:#47cd89;--accent2:#093227;--evergreen:#093227}.theme-toggle{border:1px solid var(--border,#e2e8f0);background:var(--surface,#fff);width:32px;height:32px;color:var(--text,#0f172a);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;font-size:15px;line-height:1;transition:background .15s,border-color .15s;display:inline-flex}.theme-toggle:hover{background:var(--surface2,#f1f5f9)}