:root{--bg:#f5f7fa;--panel:#fff;--accent:#1e88e5;--accent-2:#f57c00;--text:#1a1a1a;--muted:#666;--danger:#d32f2f;--success:#388e3c;--radius:14px;--bg-gradient-1:#e3f2fd;--bg-gradient-2:#f5f7fa;--bg-gradient-3:#bbdefb;--nav-bg:hsla(0,0%,100%,.95);--nav-border:rgba(0,0,0,.08);--card-bg:hsla(0,0%,100%,.9);--card-border:rgba(0,0,0,.08);--nav-section-title:rgba(0,0,0,.5);--nav-hover-bg:rgba(30,136,229,.08);--nav-hover-border:rgba(30,136,229,.2);--input-bg:rgba(0,0,0,.03);--input-bg-focus:rgba(0,0,0,.05);--input-border:rgba(0,0,0,.12);--tag-bg:rgba(0,0,0,.06);--chip-bg:rgba(0,0,0,.05);--list-item-bg:rgba(0,0,0,.02);--list-item-border:rgba(0,0,0,.08);--btn-secondary-bg:rgba(0,0,0,.05);--btn-secondary-bg-hover:rgba(0,0,0,.1);--btn-secondary-border:rgba(0,0,0,.12)}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Helvetica Neue,Arial,sans-serif;background:radial-gradient(circle at 20% 20%,var(--bg-gradient-1),var(--bg-gradient-2) 35%),radial-gradient(circle at 80% 0,var(--bg-gradient-3),var(--bg-gradient-2) 30%),var(--bg-gradient-2);color:var(--text);min-height:100vh;transition:background .3s ease,color .3s ease}a{color:var(--accent);text-decoration:none}.shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.nav{padding:20px 16px;background:var(--nav-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-right:1px solid var(--nav-border);display:flex;flex-direction:column}.nav h1{margin:0 0 16px;font-size:20px;letter-spacing:.2px}.nav nav{flex:1 1}.nav nav,.nav ul{display:flex;flex-direction:column}.nav ul{list-style:none;padding:0;margin:0;gap:2px}.nav-section{margin-bottom:16px}.nav-section-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--nav-section-title);margin-bottom:6px;padding:0 12px}.nav li,.nav li a{transition:all .2s ease}.nav li a{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:8px;background:transparent;border:1px solid transparent;color:var(--text);font-size:13px}.nav li a:hover{background:var(--nav-hover-bg);border-color:var(--nav-hover-border);transform:translateX(2px)}.nav-icon{font-size:16px;line-height:1;opacity:.9}.main{padding:28px 32px 48px;flex:1 1;width:100%}.grid{grid-gap:20px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.grid,.grid-2{display:grid;gap:20px}.grid-2{grid-gap:20px;grid-template-columns:repeat(2,1fr)}.grid-3{display:grid;grid-gap:20px;gap:20px;grid-template-columns:repeat(3,1fr)}@media (max-width:1024px){.grid-2,.grid-3{grid-template-columns:1fr}}.card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius);padding:18px 16px;box-shadow:0 2px 8px rgba(0,0,0,.06),0 4px 16px rgba(0,0,0,.04)}.card h3{margin:0 0 8px;font-size:16px}.muted{color:var(--muted);font-size:14px}.tag{display:inline-flex;padding:4px 10px;border-radius:999px;background:var(--tag-bg);font-size:12px;color:var(--accent-2);margin-right:8px}.kpi{font-size:28px;font-weight:700;margin:6px 0 2px}.chip{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:10px;background:var(--chip-bg);font-size:13px;margin-right:8px}.list{display:grid;grid-gap:10px;gap:10px}.list-item{padding:10px;border-radius:10px;background:var(--list-item-bg);border:1px solid var(--list-item-border)}.space-y>*+*{margin-top:18px}.btn,button{padding:10px 16px;border-radius:10px;border:none;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:14px}.btn-primary{background:linear-gradient(135deg,#1e88e5,#1565c0);color:#fff}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(30,136,229,.25)}.btn-secondary{background:var(--btn-secondary-bg);color:var(--text);border:1px solid var(--btn-secondary-border)}.btn-secondary:hover{background:var(--btn-secondary-bg-hover)}.btn-danger{background:hsla(0,100%,71%,.15);color:var(--danger);border:1px solid hsla(0,100%,71%,.3)}.btn-danger:hover{background:hsla(0,100%,71%,.25)}.btn-sm{padding:6px 12px;font-size:12px}input,select,textarea{padding:10px 12px;border-radius:10px;border:1px solid var(--input-border);background:var(--input-bg);color:var(--text);font-family:inherit;font-size:14px;transition:all .2s ease;width:100%}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);background:var(--input-bg-focus)}h2{font-size:24px;font-weight:700;margin:0}h3{font-size:18px}h3,h4{font-weight:600;margin:0}h4{font-size:14px;text-transform:uppercase;letter-spacing:.5px}.badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600}.badge-success{background:rgba(142,227,200,.15);color:var(--success);border:1px solid rgba(142,227,200,.3)}.badge-warning{background:hsla(63,69%,85%,.15);color:var(--accent-2);border:1px solid hsla(63,69%,85%,.3)}.badge-danger{background:hsla(0,100%,71%,.15);color:var(--danger);border:1px solid hsla(0,100%,71%,.3)}.badge-info{background:rgba(123,223,242,.15);color:var(--accent);border:1px solid rgba(123,223,242,.3)}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:14px;font-weight:600;color:var(--text);margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 14px}.form-group textarea{min-height:80px;resize:vertical}