:root{--bg: #0f1115;--sidebar: #15181f;--card: #1a1d24;--card-2: #22262f;--text: #f2f4f8;--muted: #8a91a0;--accent: #7c5cff;--green: #34d399;--yellow: #fbbf24;--red: #f87171;--border: #2a2e38;--radius: 14px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.layout{display:flex;min-height:100vh}.sidebar{width:220px;background:var(--sidebar);border-right:1px solid var(--border);padding:20px 12px;flex-shrink:0}.logo{font-weight:800;font-size:18px;padding:0 12px 20px}.sidebar a{display:block;padding:11px 12px;color:var(--muted);text-decoration:none;border-radius:10px;margin-bottom:4px;font-size:14px}.sidebar a.active{background:var(--card-2);color:var(--text)}.sidebar a:hover{color:var(--text)}.logout{margin-top:20px;color:var(--red);cursor:pointer;padding:11px 12px;font-size:14px}.main{flex:1;padding:28px 32px;overflow-y:auto;max-height:100vh}h1{font-size:24px;margin-bottom:20px}h2{font-size:18px;margin-bottom:14px}h3{font-size:15px;margin-bottom:8px}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:18px;margin-bottom:16px}.muted{color:var(--muted);font-size:13px}.row{display:flex;gap:16px;flex-wrap:wrap}.login-wrap{display:flex;align-items:center;justify-content:center;min-height:100vh}.login-box{width:340px}.input{width:100%;background:var(--card-2);border:1px solid var(--border);border-radius:10px;padding:12px;color:var(--text);font-size:14px;margin-bottom:12px}.btn{background:var(--accent);color:#fff;border:none;border-radius:10px;padding:12px 18px;font-size:14px;font-weight:600;cursor:pointer}.btn:hover{opacity:.9}.btn.secondary{background:var(--card-2);color:var(--text)}.btn.danger{background:var(--red);color:#2a0a0a}.btn:disabled{opacity:.5;cursor:default}.btn-sm{padding:7px 12px;font-size:13px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}.client-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:16px;cursor:pointer;border-left:4px solid var(--border)}.client-card:hover{border-color:var(--accent)}.client-card.red{border-left-color:var(--red)}.client-card.yellow{border-left-color:var(--yellow)}.client-card.green{border-left-color:var(--green)}.client-name{font-weight:700;font-size:16px;margin-bottom:8px}.chip{display:inline-block;padding:3px 9px;border-radius:999px;font-size:11px;font-weight:600;background:var(--card-2);margin-right:6px}.chip.red{background:#f8717133;color:var(--red)}.chip.yellow{background:#fbbf2433;color:var(--yellow)}.chip.green{background:#34d39933;color:var(--green)}.toolbar{display:flex;gap:10px;margin-bottom:18px;align-items:center}.toolbar .input{margin-bottom:0;max-width:280px}.select{background:var(--card-2);border:1px solid var(--border);border-radius:10px;padding:10px;color:var(--text)}.tabs{display:flex;gap:6px;margin-bottom:18px;border-bottom:1px solid var(--border)}.tab{padding:10px 16px;cursor:pointer;color:var(--muted);border-bottom:2px solid transparent;font-size:14px}.tab.active{color:var(--text);border-bottom-color:var(--accent)}.stat-big{font-size:32px;font-weight:800}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--border);font-size:13px}th{color:var(--muted);font-weight:600}.toggle-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.switch{width:42px;height:24px;background:var(--card-2);border-radius:999px;position:relative;cursor:pointer;transition:background .2s}.switch.on{background:var(--green)}.switch:after{content:"";position:absolute;width:18px;height:18px;border-radius:50%;background:#fff;top:3px;left:3px;transition:left .2s}.switch.on:after{left:21px}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:50}.modal{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:24px;width:420px;max-height:90vh;overflow-y:auto}.toast{position:fixed;bottom:24px;right:24px;background:var(--green);color:#06281d;padding:12px 20px;border-radius:10px;font-weight:600;z-index:100}textarea.input{resize:vertical;min-height:90px;font-family:inherit}label{display:block;font-size:13px;color:var(--muted);margin-bottom:6px}.field{margin-bottom:14px}