:root{--bg:#080f18;--card:#101d2c;--panel:#132338;--line:#25384e;--txt:#edf5fc;--muted:#98acc2;--green:#16aa79}
body{background:radial-gradient(circle at 65% -10%,#102a32 0,transparent 40%),#08111b;color:var(--txt);font-family:Inter,'Segoe UI',Arial,sans-serif;font-size:14px}
.sidebar{width:262px;background:#0c1623;border-right:1px solid #233448;padding:0 12px 14px;display:flex;flex-direction:column;z-index:40}
.ec-brand{display:flex;align-items:center;gap:11px;padding:23px 11px 22px;border-bottom:1px solid #253448;margin-bottom:10px}.ec-logo{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:linear-gradient(135deg,#16bb81,#0e765c);font-weight:900;font-size:24px;color:#fff;box-shadow:0 5px 18px #098d6140}.ec-brand strong{font-size:17px;letter-spacing:.04em;color:#fff}.ec-brand small{display:block;font-size:9px;letter-spacing:.11em;color:#8ba3b8;margin-top:3px}
.sidebar nav{flex:1}.ec-nav-group{margin-bottom:14px}.ec-nav-label{font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:#718ba4;font-weight:800;padding:12px 13px 6px}.sidebar a.ec-nav-link{display:flex;align-items:center;gap:12px;border-radius:10px;padding:10px 12px;margin:2px 0;color:#c3d0df;background:transparent;font-weight:550;transition:background .15s}.sidebar a.ec-nav-link:hover{background:#17283b;color:#fff}.sidebar a.ec-nav-link.active{background:linear-gradient(90deg,#124e46,#153044);color:#e8fff6;border:1px solid #216e5c}.ec-nav-icon{display:grid;place-items:center;width:21px;font-size:18px;color:#67c6a6}.ec-side-bottom{padding-top:10px;border-top:1px solid #233448}
.main{margin-left:262px;max-width:none;padding:24px 30px}.topbar{border-bottom:1px solid #203044;padding:0 0 20px;margin-bottom:24px}.ec-top-left{display:flex;align-items:center;gap:15px}.ec-breadcrumb{color:#7894aa;font-size:10px;font-weight:800;letter-spacing:.12em;margin-bottom:5px}.ec-top-left strong{font-size:19px}.ec-user{display:flex;align-items:center;gap:11px}.ec-user strong{font-size:12px;display:block}.ec-user small{display:block;text-align:right;color:#7fc9a7;font-size:11px;margin-top:3px}.ec-avatar{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:#193f43;color:#aaf3d2;font-weight:800}.ec-menu-toggle{display:none}
.card{border-radius:15px;background:linear-gradient(145deg,#121f30,#0f1b2b);border:1px solid #283b52;box-shadow:0 8px 24px #0000001c;padding:22px}.card h2,.card h3{margin-top:0}.kpi-card{border-left:3px solid #20ac7a}.btn,button{background:#0e996e;border-radius:9px;font-weight:700;transition:filter .15s}.btn:hover,button:hover{filter:brightness(1.13)}.btn.secondary{background:#25384b}input,select,textarea{background:#0c1726;border:1px solid #344a60;border-radius:9px}input:focus,select:focus,textarea:focus{outline:2px solid #159e79;outline-offset:1px}th{background:#16273a;color:#a8c5d7;font-size:12px}td{border-color:#24384b}tbody tr:hover{background:#14253a}.page-head h1{font-size:25px}.muted{color:#9ab0c5}
@media(max-width:850px){.sidebar{transform:translateX(-100%);transition:transform .2s}.ec-menu-open .sidebar{transform:translateX(0);box-shadow:20px 0 70px #000a}.main{margin-left:0;padding:18px}.ec-menu-toggle{display:block;background:#20364b;padding:9px 12px}.ec-user{display:none}}
@media print{.sidebar,.topbar{display:none!important}.main{margin:0!important}}

.ec-nav-search{padding:12px 12px 4px}.ec-nav-search input{width:100%;background:#091622;border:1px solid #294455;color:#fff;border-radius:10px;padding:11px;font-size:13px}.ec-nav-search input:focus{outline:2px solid #0e9976}.ec-nav-group{transition:none}