:root{--blue:#075b91;--blue2:#0aa7d0;--green:#46bf3f;--green2:#1d9d54;--orange:#ef6d1a;--bg:#f5f8fb;--panel:#fff;--text:#14213d;--muted:#64748b;--line:#e2e8f0;--shadow:0 22px 60px #0f24411a;--radius:22px}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:Inter,Segoe UI,Arial,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}.app{background:linear-gradient(135deg,#f7fbff,#eef7f1);min-height:100vh;display:flex}.dark{--bg:#0c1321;--panel:#121c2e;--text:#e8eef8;--muted:#96a4b8;--line:#24324a;--shadow:0 20px 60px #00000059}body.dark{background:var(--bg);color:var(--text)}.app.dark{background:linear-gradient(135deg,#0c1321,#0d1e35)}.dark th{background:#ffffff08}.sidebar{background:linear-gradient(180deg,var(--blue),#06466f 58%,#073857);color:#fff;z-index:5;flex-direction:column;gap:18px;width:292px;height:100vh;padding:22px;display:flex;position:sticky;top:0;box-shadow:8px 0 35px #032a4b2e}.dark .sidebar{background:linear-gradient(#0d1e35,#081425 58%,#050e1c);box-shadow:8px 0 35px #00000073}.brand{background:#ffffff1a;border-radius:20px;align-items:center;gap:12px;padding:12px;display:flex}.brand img{object-fit:cover;background:#fff;border-radius:12px;width:58px;height:42px}.brand strong{font-size:20px;display:block}.brand span{opacity:.85;font-size:12px}.sidebar nav{scrollbar-width:thin;scrollbar-color:#ffffff2e transparent;flex-direction:column;gap:6px;padding-right:4px;display:flex;overflow-y:auto}.sidebar nav::-webkit-scrollbar{width:4px}.sidebar nav::-webkit-scrollbar-track{background:0 0}.sidebar nav::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:999px}.sidebar nav::-webkit-scrollbar-thumb:hover{background:#ffffff59}.nav{color:#dbeafe;text-align:left;background:0 0;border:0;border-radius:14px;align-items:center;gap:10px;padding:12px 14px;display:flex}.nav:hover,.nav.active{color:#fff;background:#ffffff24}.nav.active{box-shadow:inset 4px 0 0 var(--green)}.sidebar-footer{border-top:1px solid #ffffff1a;flex-direction:column;gap:8px;margin-top:auto;padding-top:14px;display:flex}.view-label{letter-spacing:.06em;text-transform:uppercase;color:#ffffff73;padding:0 4px;font-size:11px;font-weight:700}.view-drop-wrap{position:relative}.view-drop-trigger{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff26;border-radius:14px;align-items:center;gap:10px;width:100%;padding:12px 14px;font-size:14px;font-weight:600;display:flex}.view-drop-trigger:hover{background:#ffffff29}.view-drop-trigger span{text-align:left;flex:1}.view-drop-trigger .rotated{transform:rotate(180deg)}.view-drop-menu{background:#0d1e35;border:1px solid #ffffff26;border-radius:14px;position:absolute;bottom:calc(100% + 8px);left:0;right:0;overflow:hidden;box-shadow:0 12px 40px #0006}.view-drop-item{color:#ffffffbf;cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:10px;width:100%;padding:12px 14px;font-size:13px;font-weight:500;display:flex}.view-drop-item:hover{color:#fff;background:#ffffff1a}.view-drop-item.active{color:#fff;box-shadow:inset 4px 0 0 var(--green);background:#ffffff24}.main{flex:1;min-width:0}.topbar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);z-index:4;background:#ffffffbd;justify-content:space-between;align-items:center;height:82px;padding:0 28px;display:flex;position:sticky;top:0}.dark .topbar{background:#121c2ec7}.topbar h2{margin:0;font-size:21px}.topbar span{color:var(--muted);font-size:13px}.top-actions{align-items:center;gap:10px;display:flex}.page{max-width:1600px;margin:0 auto;padding:28px}.page-title{justify-content:space-between;align-items:flex-start;margin-bottom:22px;display:flex}.page-title h1{margin:0 0 6px;font-size:31px}.page-title p{color:var(--muted);margin:0}.kpi-grid{grid-template-columns:repeat(4,minmax(180px,1fr));gap:16px;margin-bottom:20px;display:grid}.kpi,.panel,.table-card,.report{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.kpi{padding:20px;position:relative;overflow:hidden}.kpi:after{content:"";background:linear-gradient(135deg,var(--green),var(--blue2));opacity:.13;border-radius:50%;width:96px;height:96px;position:absolute;top:-28px;right:-28px}.kpi svg{color:var(--blue2);margin-bottom:16px}.kpi span{color:var(--muted);font-size:13px;display:block}.kpi strong{margin-top:8px;font-size:25px;display:block}.grid{gap:18px;display:grid}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.panel{padding:20px;overflow:hidden}.panel h3{margin:0 0 16px}.bars{flex-direction:column;gap:13px;display:flex}.bar-row{grid-template-columns:150px 1fr 90px;align-items:center;gap:12px;font-size:13px;display:grid}.bar-row div{background:var(--line);border-radius:999px;height:10px;overflow:hidden}.bar-row b{background:linear-gradient(90deg,var(--blue2),var(--green));border-radius:999px;height:100%;display:block}.bar-row em{text-align:right;color:var(--muted);font-style:normal}.toolbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.search{background:var(--panel);border:1px solid var(--line);border-radius:16px;align-items:center;gap:9px;min-width:330px;padding:0 14px;display:flex}.search input{color:var(--text);background:0 0;border:0;outline:0;width:100%;height:46px}.primary,.ghost,.icon{border:0;border-radius:14px;justify-content:center;align-items:center;gap:8px;transition:all .2s;display:inline-flex}.primary{background:linear-gradient(135deg,var(--blue),var(--blue2));color:#fff;padding:12px 16px;font-weight:700;box-shadow:0 10px 25px #075b9138}.primary:hover{transform:translateY(-1px)}.ghost{background:var(--panel);color:var(--text);border:1px solid var(--line);padding:11px 14px}.icon{background:var(--panel);border:1px solid var(--line);width:40px;height:40px;color:var(--text)}.icon.danger{color:#e11d48}.mobile{display:none}.table-card{overflow:auto}table{border-collapse:collapse;width:100%}th,td{border-bottom:1px solid var(--line);text-align:left;vertical-align:middle;padding:14px 16px;font-size:14px}th{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);background:#075b910a;font-size:12px}td.actions{white-space:nowrap;gap:8px;display:flex}.badge{border-radius:999px;padding:5px 10px;font-size:12px;font-weight:700;display:inline-flex}.badge.ok{color:#209328;background:#46bf3f21}.badge.warn{color:#d4510b;background:#ef6d1a24}.badge.err{color:#be123c;background:#e11d481f}.empty{color:var(--muted);justify-content:center;align-items:center;gap:10px;padding:38px;display:flex}.modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:20;background:#030c1c8c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:var(--panel);border:1px solid var(--line);border-radius:26px;width:min(980px,100%);max-height:90vh;padding:20px;overflow:auto;box-shadow:0 30px 90px #00000059}.modal header,.modal footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.modal header{margin-bottom:14px}.modal h2{margin:0}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin:14px 0;display:grid}.form-grid label{color:var(--muted);flex-direction:column;gap:7px;font-size:13px;font-weight:700;display:flex}.form-grid input,.form-grid select,.form-grid textarea,.login-card input{background:var(--bg);border:1px solid var(--line);width:100%;color:var(--text);border-radius:14px;outline:0;padding:12px}.form-grid textarea{resize:vertical;min-height:88px}.span2{grid-column:span 2}.mini td{font-size:13px}.report-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.report{flex-direction:column;gap:10px;padding:18px;display:flex}.report svg{color:var(--green2)}.report span{color:var(--muted);font-size:13px}.login{background:radial-gradient(circle at 80% 20%,#46bf3f2e,#0000 30%),linear-gradient(135deg,#f8fbff,#edf8f0);grid-template-columns:minmax(360px,520px) 1fr;align-items:center;gap:40px;min-height:100vh;padding:48px;display:grid}.login.dark{background:radial-gradient(circle at 80% 20%,#46bf3f21,#0000 30%),#0c1321}.login-card{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:32px;padding:34px}.login-brand img{width:250px;max-width:100%;margin-bottom:10px;display:block}.login-brand span{color:var(--muted);font-size:13px}.login-card h1{margin:24px 0 10px;font-size:34px}.login-card p{color:var(--muted);line-height:1.55}.login-card label{color:var(--muted);margin:14px 0 7px;font-size:13px;font-weight:700;display:block}.role-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.role{border:1px solid var(--line);background:var(--bg);color:var(--text);border-radius:14px;padding:12px;font-weight:700}.role.active{background:linear-gradient(135deg,var(--blue),var(--green2));color:#fff;border:0}.full{width:100%;margin-top:12px}.login-side{gap:18px;max-width:520px;display:grid}.floating-card{box-shadow:var(--shadow);background:#ffffffb8;border:1px solid #ffffff80;border-radius:26px;gap:8px;padding:22px;display:grid}.dark .floating-card{border-color:var(--line);background:#121c2eb3}.floating-card svg{color:var(--blue2)}.floating-card span{color:var(--muted)}@media (width<=1100px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.grid.two,.login{grid-template-columns:1fr}.login-side{display:none}.report-grid{grid-template-columns:repeat(2,1fr)}.mobile{display:inline-flex}.sidebar{transition:all .25s;position:fixed;transform:translate(-110%)}.sidebar.open{transform:translate(0)}}@media (width<=700px){.page{padding:18px}.topbar{padding:0 16px}.topbar span{display:none}.kpi-grid,.report-grid,.form-grid{grid-template-columns:1fr}.span2{grid-column:auto}.toolbar{flex-direction:column;align-items:stretch}.search{min-width:0}.login{padding:18px}.role-grid,.bar-row{grid-template-columns:1fr}.bar-row em{text-align:left}}