:root{--gold:#d9a51c;--gold2:#f4c94f;--bg:#07100f;--panel:#0d1715;--panel2:#111d1a;--text:#f5f6f1;--muted:#9da9a4;--line:#2b332f;--sidebar:#07100f;--input:#0b1513;--danger:#ff6b6b;--success:#38d996;--shadow:0 10px 30px rgba(0,0,0,.25)}
html[data-theme="light"]{--bg:#f6f3e9;--panel:#ffffff;--panel2:#fffaf0;--text:#171912;--muted:#6e746d;--line:#e3dcc9;--sidebar:#fffdf7;--input:#fff;--shadow:0 10px 28px rgba(65,50,10,.08)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,Segoe UI,Arial,sans-serif;transition:.2s}.app-shell{display:flex;min-height:100vh}.sidebar{width:250px;background:var(--sidebar);border-right:1px solid rgba(217,165,28,.28);position:fixed;inset:0 auto 0 0;overflow:auto;z-index:1030}.brand{height:82px;display:flex;align-items:center;gap:12px;padding:16px;border-bottom:1px solid var(--line);color:var(--gold2)}.brand-mark{width:43px;height:43px;border:2px solid var(--gold);border-radius:12px;display:grid;place-items:center;font-size:22px}.brand small,.user-chip small{display:block;color:var(--muted);font-size:11px}.menu{padding:12px}.menu a{display:flex;align-items:center;gap:12px;color:var(--text);text-decoration:none;padding:10px 12px;border-radius:9px;margin-bottom:3px;font-size:14px}.menu a:hover,.menu a.active{background:linear-gradient(90deg,var(--gold),#b17b06);color:#090b08}.menu i{color:var(--gold);width:18px}.menu a:hover i,.menu a.active i{color:#090b08}.main{margin-left:250px;min-width:0;width:calc(100% - 250px)}.topbar{height:72px;position:sticky;top:0;z-index:1020;background:color-mix(in srgb,var(--bg) 92%, transparent);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:14px;padding:0 22px}.top-search{max-width:440px;flex:1;border:1px solid var(--line);background:var(--input);border-radius:10px;display:flex;align-items:center;padding:0 12px}.top-search input{border:0;outline:0;background:transparent;color:var(--text);height:40px;width:100%;padding-left:8px}.top-actions{margin-left:auto;display:flex;align-items:center;gap:10px}.icon-btn,.theme-btn{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:9px;height:39px;padding:0 12px;display:inline-flex;align-items:center;gap:7px;text-decoration:none}.theme-btn i{color:var(--gold)}.user-chip{display:flex;align-items:center;gap:8px}.avatar{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,var(--gold2),#8f6304);color:#111;display:grid;place-items:center;font-weight:800}.content{padding:22px}.page-head{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:18px}.page-head h1{font-size:25px;margin:0}.page-head p{margin:3px 0 0;color:var(--muted)}.btn-gold{background:linear-gradient(90deg,var(--gold),var(--gold2));border:0;color:#111;font-weight:700}.cardx,.stat-card{background:var(--panel);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}.stat-card{padding:17px;height:100%}.stat-card .icon{width:42px;height:42px;border-radius:10px;background:rgba(217,165,28,.13);display:grid;place-items:center;color:var(--gold2);font-size:19px}.stat-card .value{font-size:26px;font-weight:800;margin-top:10px}.stat-card .label{color:var(--muted);font-size:13px}.cardx{padding:18px}.cardx h5{margin:0 0 14px}.table{--bs-table-bg:transparent;--bs-table-color:var(--text);--bs-table-border-color:var(--line)}.table thead th{color:var(--gold2);font-size:12px;text-transform:uppercase;white-space:nowrap}.form-control,.form-select{background:var(--input);color:var(--text);border-color:var(--line)}.form-control:focus,.form-select:focus{background:var(--input);color:var(--text);border-color:var(--gold);box-shadow:0 0 0 .2rem rgba(217,165,28,.12)}.form-control::placeholder{color:var(--muted)}.form-select option{background:var(--panel);color:var(--text)}.modal-content{background:var(--panel);color:var(--text);border:1px solid var(--line)}.btn-close{filter:invert(1)}html[data-theme="light"] .btn-close{filter:none}.badge-soft{background:rgba(217,165,28,.13);color:var(--gold2);border:1px solid rgba(217,165,28,.3)}.dataTables_wrapper,.dt-container{color:var(--text)}.dt-input{background:var(--input)!important;color:var(--text)!important;border-color:var(--line)!important}.page-link{background:var(--panel);color:var(--text);border-color:var(--line)}.active>.page-link{background:var(--gold);border-color:var(--gold);color:#111}.auth-page{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr}.auth-visual{background:radial-gradient(circle at 20% 20%,rgba(244,201,79,.22),transparent 28%),linear-gradient(140deg,#07100f,#020403);padding:60px;color:#fff;display:flex;flex-direction:column;justify-content:center}.auth-visual h1{font-size:52px;line-height:1.05;max-width:680px}.auth-visual h1 span{color:var(--gold2)}.auth-form-wrap{background:var(--bg);display:grid;place-items:center;padding:30px}.auth-card{max-width:460px;width:100%;background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:28px;box-shadow:var(--shadow)}.auth-logo{color:var(--gold2);font-size:22px;font-weight:800}.kpi-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}.dashboard-grid{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:16px}.chart-box{height:290px}.quick-actions{display:flex;gap:8px;flex-wrap:wrap}.timeline-item{padding:11px 0;border-bottom:1px solid var(--line)}
@media(max-width:1200px){.kpi-grid{grid-template-columns:repeat(3,1fr)}.dashboard-grid{grid-template-columns:1fr 1fr}}
@media(max-width:768px){.sidebar{transform:translateX(-100%);transition:.2s;width:270px}.sidebar.show{transform:none}.main{margin-left:0;width:100%}.top-search{display:none}.content{padding:15px}.kpi-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.user-chip div:not(.avatar){display:none}.auth-page{grid-template-columns:1fr}.auth-visual{display:none}.page-head{align-items:flex-start;flex-direction:column}.table-responsive.mobile-cards table,.table-responsive.mobile-cards thead,.table-responsive.mobile-cards tbody,.table-responsive.mobile-cards th,.table-responsive.mobile-cards td,.table-responsive.mobile-cards tr{display:block}.table-responsive.mobile-cards thead{display:none}.table-responsive.mobile-cards tr{border:1px solid var(--line);border-radius:12px;padding:10px;margin-bottom:12px;background:var(--panel2)}.table-responsive.mobile-cards td{border:0!important;padding:6px 4px!important}.table-responsive.mobile-cards td:before{content:attr(data-label);display:block;color:var(--gold2);font-size:11px;text-transform:uppercase}.dt-layout-row:first-child{display:block!important}.dt-search{margin-top:8px!important}}