:root{--bg: #F4F6F7;--surface: #FFFFFF;--surface-alt: #EDF1F2;--ink: #0F2A38;--primary: #0E6E7D;--primary-dark: #0A5560;--accent: #E8A317;--success: #1F9D6B;--danger: #D64545;--muted: #5B6B72;--border: #DCE3E6;--radius: 10px;--radius-lg: 14px;--shadow: 0 1px 2px rgba(15,42,56,.06), 0 4px 16px rgba(15,42,56,.05);--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Inter, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font);background:var(--bg);color:var(--ink);font-size:15px;-webkit-font-smoothing:antialiased}a{color:var(--primary);text-decoration:none}button{font-family:inherit;cursor:pointer}input,select{font-family:inherit;font-size:15px}.btn{border:0;border-radius:var(--radius);padding:11px 18px;font-weight:700;font-size:14px;color:#fff;background:var(--primary);transition:filter .15s}.btn:hover{filter:brightness(1.06)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.accent{background:var(--accent);color:var(--ink)}.btn.danger{background:var(--danger)}.btn.ghost{background:transparent;color:var(--primary);border:1px solid var(--primary)}.btn.sm{padding:7px 12px;font-size:13px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.field label{font-size:13px;font-weight:600;color:var(--muted)}.field input,.field select{border:1px solid var(--border);border-radius:var(--radius);padding:10px 12px;background:var(--surface);color:var(--ink)}.field input:focus,.field select:focus{outline:2px solid var(--primary);outline-offset:0;border-color:var(--primary)}.table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface)}table{width:100%;border-collapse:collapse;font-size:14px}thead th{text-align:left;background:var(--surface-alt);color:var(--muted);font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.4px;padding:12px 14px;white-space:nowrap}tbody td{padding:12px 14px;border-top:1px solid var(--border);white-space:nowrap}tbody tr:hover{background:#fafcfc}.pill{display:inline-block;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:700}.pill.green{background:#e3f5ec;color:var(--success)}.pill.amber{background:#fcf1d9;color:#9a6b08}.pill.red{background:#fce6e6;color:var(--danger)}.pill.gray{background:#e8ebed;color:#5b6b72}.pill.blue{background:#e0effa;color:#1a6fb5}.pill.purple{background:#f0e6fa;color:#7b2cb5}tr.row-warn{background:#fff0f0}tr.row-warn:hover{background:#ffe4e4}.brand{display:inline-flex;gap:6px;align-items:center}.chip{font-size:11px;font-weight:800;letter-spacing:.5px;padding:3px 8px;border-radius:4px;color:#fff;background:var(--primary)}.chip.tap{background:var(--accent);color:var(--ink)}.row{display:flex;gap:12px;flex-wrap:wrap}.muted{color:var(--muted)}.h1{font-size:24px;font-weight:800}.h2{font-size:18px;font-weight:700}.app-shell{display:grid;grid-template-columns:248px 1fr;min-height:100vh}.sidebar{background:var(--ink);color:#fff;position:sticky;top:0;height:100vh}.sidebar nav{display:flex;flex-direction:column;padding:8px;gap:2px}.nav-item{display:flex;align-items:center;gap:10px;padding:11px 14px;border-radius:var(--radius);color:#c6d3d8;font-weight:600;font-size:14px}.nav-item:hover{background:#ffffff0f;color:#fff}.nav-item.active{background:var(--primary);color:#fff}.main{display:flex;flex-direction:column;min-width:0}.topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 22px;background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:5}.content{padding:22px}.menu-btn{display:none;background:transparent;border:0;font-size:20px;color:var(--ink)}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f2a3873;display:flex;align-items:center;justify-content:center;z-index:40;padding:16px}.modal{width:100%;max-width:460px;background:var(--surface)}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--border)}.auth-wrap{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.auth-left{background:linear-gradient(160deg,var(--ink),var(--primary-dark));color:#fff;padding:48px;display:flex;flex-direction:column;justify-content:center}.auth-left h2{font-size:34px;line-height:1.1;margin:16px 0 10px}.auth-right{display:flex;align-items:center;justify-content:center;padding:32px}.auth-card{width:100%;max-width:380px;padding:28px}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-bottom:20px}.stat{padding:18px;border-left:4px solid var(--primary)}.stat .num{font-size:30px;font-weight:800}.stat .lbl{color:var(--muted);font-size:13px}.tabs{display:flex;gap:6px;border-bottom:1px solid var(--border);margin-bottom:18px;flex-wrap:wrap}.tab{padding:10px 16px;font-weight:700;font-size:14px;color:var(--muted);border:0;background:transparent;border-bottom:2px solid transparent}.tab.active{color:var(--primary);border-bottom-color:var(--primary)}@media (max-width: 900px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;z-index:50;width:248px;transform:translate(-100%);transition:transform .2s}.sidebar.open{transform:translate(0)}.menu-btn{display:block}.auth-wrap{grid-template-columns:1fr}.auth-left{display:none}}.table-wrap{-webkit-overflow-scrolling:touch}@media (max-width: 640px){.content{padding:14px}.topbar{padding:10px 14px}.topbar .h2{font-size:16px}.content .row>.field{min-width:100%!important;flex:1 1 100%}.h1{font-size:20px}thead th,tbody td{padding:10px}.btn{padding:10px 14px}.stat .num{font-size:26px}.auth-card{padding:22px}.modal{max-width:100%}}@media (max-width: 420px){td .row{flex-direction:column;align-items:stretch}td .row .btn{width:100%}}@keyframes spin{to{transform:rotate(360deg)}}