:root{--bg:#f7f5f2;--sidebar-bg:#14162b;--sidebar-text:#b8bacf;--primary:#f0622f;--card-bg:#fff;--border:#eae7e2;--text:#1f2130;--text-muted:#8b8d9c;--green:#1fa971;--red:#e0523f;--amber:#d99a2b}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:Segoe UI,Roboto,Helvetica,Arial,sans-serif}.app-shell{min-height:100vh;display:flex}.sidebar{background:var(--sidebar-bg);width:230px;color:var(--sidebar-text);flex-shrink:0;padding:20px 14px}.sidebar-logo{align-items:center;gap:10px;margin-bottom:24px;padding:0 6px;display:flex}.sidebar-logo .icon{background:var(--primary);color:#fff;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-weight:700;display:flex}.sidebar-logo .title{color:#fff;font-size:15px;font-weight:700}.sidebar-logo .subtitle{color:var(--sidebar-text);font-size:11px}.sidebar-group-label{text-transform:uppercase;letter-spacing:.04em;color:#6b6e85;margin:18px 8px 6px;font-size:11px}.sidebar-link{color:var(--sidebar-text);border-radius:8px;align-items:center;gap:10px;margin-bottom:2px;padding:9px 10px;font-size:14px;text-decoration:none;display:flex}.sidebar-link:hover{background:#ffffff0f}.sidebar-link.active{color:#fff;background:#f0622f29}.main-area{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{border-bottom:1px solid var(--border);background:#fff;justify-content:space-between;align-items:center;height:56px;padding:0 24px;display:flex}.topbar .company-name{font-size:14px;font-weight:600}.content{padding:24px}.page-title{margin:0 0 2px;font-size:22px;font-weight:700}.page-subtitle{color:var(--text-muted);margin-bottom:20px;font-size:13px}.cards-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px;display:grid}@media (width<=900px){.cards-grid{grid-template-columns:repeat(2,1fr)}}.stat-card{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:16px}.stat-card .label{text-transform:uppercase;color:var(--text-muted);letter-spacing:.03em;justify-content:space-between;font-size:11px;display:flex}.stat-card .value{margin-top:6px;font-size:24px;font-weight:700}.stat-card .hint{color:var(--text-muted);margin-top:4px;font-size:12px}.panels-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=900px){.panels-grid{grid-template-columns:1fr}}.panel{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;min-height:220px;padding:16px}.panel h3{color:var(--text);margin:0 0 12px;font-size:14px}.empty-state{color:var(--text-muted);text-align:center;padding:40px 0;font-size:13px}.btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:9px 16px;font-size:14px;font-weight:600}.btn:hover{opacity:.92}.btn-secondary{border:1px solid var(--border);color:var(--text);background:#fff}table.data-table{border-collapse:collapse;width:100%;font-size:13px}table.data-table th{text-align:left;color:var(--text-muted);border-bottom:1px solid var(--border);text-transform:uppercase;padding:8px;font-size:12px;font-weight:600}table.data-table td{border-bottom:1px solid var(--border);padding:10px 8px}table.data-table tr:hover td{background:#fbfaf8}.form-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:16px;display:grid}.form-field{flex-direction:column;gap:4px;display:flex}.form-field label{color:var(--text-muted);font-size:12px}.form-field input,.form-field select{border:1px solid var(--border);border-radius:8px;padding:8px 10px;font-size:14px}.login-shell{background:var(--sidebar-bg);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{background:#fff;border-radius:14px;width:340px;padding:32px}.login-card h1{margin-bottom:4px;font-size:20px}.login-card p{color:var(--text-muted);margin-bottom:20px;font-size:13px}.login-card input{border:1px solid var(--border);border-radius:8px;width:100%;margin-bottom:10px;padding:10px}.error-msg{color:var(--red);margin-bottom:10px;font-size:13px}.badge{border-radius:999px;padding:3px 8px;font-size:12px;font-weight:600}.badge-green{color:var(--green);background:#e5f6ee}.badge-red{color:var(--red);background:#fbe9e7}.badge-amber{color:var(--amber);background:#fbf1e0}.toolbar{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}