:root{--bg:#f5f7fb;--text:#0f172a;--sidebar-bg:#0f1d36;--sidebar-text:#cdd8ea;--card-bg:#fff;--border:#e2e8f0;--muted-text:#64748b;--primary:#1e3a5f;--primary-hover:#274a76}*{box-sizing:border-box}body{background:radial-gradient(circle at top, #f8fbff 0%, var(--bg) 38%, #eef4fb 100%);color:var(--text);letter-spacing:.1px;margin:0;font-family:Inter,SF Pro Text,Segoe UI,system-ui,-apple-system,sans-serif}#root{min-height:100vh}.app-shell{grid-template-columns:260px 1fr;min-height:100vh;display:grid}.sidebar{background:linear-gradient(180deg, #11264a 0%, var(--sidebar-bg) 42%, #0b1730 100%);color:var(--sidebar-text);border-right:1px solid #ffffff0f;flex-direction:column;justify-content:space-between;gap:8px;padding:20px;display:flex}.sidebar-top{flex-direction:column;gap:8px;display:flex}.sidebar-bottom{margin-top:20px}.sidebar h1{color:#fff;margin:0 0 12px;font-size:20px;font-weight:700}.menu-btn{text-align:left;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:10px;padding:10px 12px;transition:all .2s}.menu-btn.active,.menu-btn:hover{color:#fff;background:#ffffff24;transform:translate(2px)}.logout-btn{color:#fff;cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:8px;width:100%;padding:10px 12px}.logout-btn:hover{background:#ffffff1f}.main-content{padding:24px}.top{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.top h2{letter-spacing:-.4px;margin:0;font-size:32px;font-weight:750}.top span{color:#334155;font-size:14px;font-weight:600}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.card{background:var(--card-bg);border:1px solid var(--border);border-radius:14px;gap:6px;padding:14px;display:grid;box-shadow:0 6px 20px #0f172a0d}.card p{color:var(--muted-text);margin:0;font-size:13px}.card strong{font-size:24px}.content-grid{grid-template-columns:1fr 1.3fr;gap:12px;display:grid}.panel{background:var(--card-bg);border:1px solid var(--border);border-radius:14px;padding:16px;box-shadow:0 8px 24px #0f172a0d}.panel h3{margin:0 0 12px;font-size:30px}.panel-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.task-row{border-bottom:1px solid #eef2f7;justify-content:space-between;align-items:center;padding:10px 0;display:flex}.task-row p{color:var(--muted-text);margin:4px 0 0;font-size:13px}.task-row span{color:#334155;font-size:12px}.list{color:#334155;gap:8px;margin:0;padding-left:18px;display:grid}.table{border-collapse:collapse;width:100%;font-size:14px}.table th,.table td{text-align:left;border-bottom:1px solid var(--border);vertical-align:middle;padding:10px}.table th{color:var(--muted-text);font-weight:600}.table tr:hover{background:#1e3a5f08}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:12px;display:grid}.form-grid label{color:#334155;gap:6px;font-size:13px;display:grid}.form-grid input,.form-grid select{background:#fff;border:1px solid #cbd5e1;border-radius:10px;padding:9px 10px}.form-grid input:focus,.form-grid select:focus{border-color:#60a5fa;outline:none;box-shadow:0 0 0 3px #3b82f626}.primary-btn{color:#fff;cursor:pointer;background:linear-gradient(#1e3a5f 0%,#18314f 100%);border:0;border-radius:10px;padding:10px 14px;font-weight:600;transition:all .2s}.primary-btn:hover{background:linear-gradient(#274a76 0%,#1e3d63 100%);transform:translateY(-1px);box-shadow:0 8px 16px #1e3a5f40}.mini-btn{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:5px 8px;font-size:12px;font-weight:600;transition:all .18s}.mini-btn:hover{background:#f8fafc;border-color:#94a3b8}.table input{border:1px solid #cbd5e1;border-radius:7px;width:220px;padding:6px 8px}.team-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:10px;display:grid}.team-card{border:1px solid var(--border);background:#fbfdff;border-radius:12px;padding:10px;box-shadow:inset 0 1px #ffffffb3}.team-card h4{margin:0 0 8px}.customers-stats{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:12px;display:grid}@media (width<=1400px){.team-grid,.customers-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=1200px){.team-grid,.customers-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=1100px){.app-shell{grid-template-columns:1fr}.sidebar{display:none}.stats-grid,.content-grid,.team-grid,.customers-stats,.form-grid{grid-template-columns:1fr}}