*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--brand:#1d9e75;--brand-dark:#0f6e56;--brand-bg:#e1f5ee;--danger:#e24b4a;--danger-bg:#fcebeb;--amber-bg:#faeeda;--amber:#ef9f27;--purple-bg:#eeedfe;--purple:#7f77dd;--bg:#f7f7f5;--surface:#fff;--border:#0000001a;--border-strong:#0000002e;--text:#1a1a18;--text-2:#5f5e5a;--text-3:#888780;--radius:10px;--font:"Inter", -apple-system, sans-serif}body{font-family:var(--font);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font-size:13px}.shell{flex-direction:column;min-height:100vh;display:flex}.topbar{background:var(--surface);border-bottom:.5px solid var(--border-strong);flex-shrink:0;align-items:center;gap:24px;height:52px;padding:0 24px;display:flex}.topbar-brand{color:var(--text);align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}.topbar-brand .dot{background:var(--brand);border-radius:50%;width:8px;height:8px}.topbar-badge{background:var(--brand-bg);color:var(--brand-dark);border-radius:20px;padding:2px 7px;font-size:10px;font-weight:500}.tabs{gap:2px;margin-left:8px;display:flex}.tab{cursor:pointer;color:var(--text-2);background:0 0;border:none;border-radius:7px;padding:6px 14px;font-size:12px;font-weight:500;transition:all .15s}.tab:hover,.tab.active{background:var(--bg);color:var(--text)}.content{flex:1;width:100%;max-width:1100px;margin:0 auto;padding:28px 32px}.card{background:var(--surface);border:.5px solid var(--border-strong);border-radius:var(--radius);padding:18px 20px}.card-grid{gap:12px;display:grid}.card-grid.cols-4{grid-template-columns:repeat(4,1fr)}.card-grid.cols-3{grid-template-columns:repeat(3,1fr)}.stat-label{color:var(--text-3);text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px;font-size:11px;font-weight:500}.stat-value{color:var(--text);font-variant-numeric:tabular-nums;font-size:26px;font-weight:500}.stat-sub{color:var(--text-3);margin-top:4px;font-size:11px}.section-title{color:var(--text-2);text-transform:uppercase;letter-spacing:.05em;margin-top:24px;margin-bottom:12px;font-size:12px;font-weight:500}.badge{white-space:nowrap;border-radius:20px;align-items:center;padding:2px 8px;font-size:10px;font-weight:500;display:inline-flex}.badge.free{background:var(--bg);color:var(--text-2);border:.5px solid var(--border-strong)}.badge.pro{background:var(--purple-bg);color:#3c3489}.badge.specialist{background:var(--amber-bg);color:#633806}.table-wrap{background:var(--surface);border:.5px solid var(--border-strong);border-radius:var(--radius);overflow:hidden}table{border-collapse:collapse;width:100%}th{color:var(--text-3);text-align:left;background:var(--bg);border-bottom:.5px solid var(--border-strong);text-transform:uppercase;letter-spacing:.04em;padding:10px 16px;font-size:11px;font-weight:500}td{border-bottom:.5px solid var(--border);color:var(--text);vertical-align:middle;padding:11px 16px;font-size:12px}tr:last-child td{border-bottom:none}tr:hover td{background:#fafaf9}.btn{cursor:pointer;font-size:12px;font-weight:500;font-family:var(--font);border:none;border-radius:8px;align-items:center;gap:5px;padding:6px 14px;transition:opacity .15s;display:inline-flex}.btn:hover{opacity:.85}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--brand);color:#fff}.btn-ghost{background:var(--bg);color:var(--text);border:.5px solid var(--border-strong)}.btn-danger{background:var(--danger-bg);color:var(--danger);border:.5px solid #f09595}.btn-sm{padding:4px 10px;font-size:11px}input,select{height:32px;font-size:12px;font-family:var(--font);border:.5px solid var(--border-strong);background:var(--surface);color:var(--text);border-radius:8px;outline:none;padding:0 10px;transition:border-color .15s}input:focus,select:focus{border-color:var(--brand)}.field{flex-direction:column;gap:5px;display:flex}.field label{color:var(--text-2);font-size:11px;font-weight:500}.modal-backdrop{z-index:100;background:#00000059;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border-radius:12px;flex-direction:column;gap:16px;width:360px;padding:24px;display:flex;box-shadow:0 8px 32px #0000001f}.modal-title{font-size:14px;font-weight:500}.modal-footer{justify-content:flex-end;gap:8px;margin-top:4px;display:flex}.toolbar{align-items:center;gap:8px;margin-bottom:14px;display:flex}.toolbar input{width:220px}.pagination{color:var(--text-2);align-items:center;gap:8px;margin-top:14px;font-size:12px;display:flex}.empty{text-align:center;color:var(--text-3);padding:40px;font-size:12px}.mono{font-family:SF Mono,monospace;font-size:11px}.text-2{color:var(--text-2)}.text-3{color:var(--text-3)}.error-msg{color:var(--danger);background:var(--danger-bg);border:.5px solid #f09595;border-radius:8px;padding:8px 12px;font-size:12px}