*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #F0F4F8;--surface: #FFFFFF;--surface-2: #F8FAFC;--border: #E2E8F0;--text: #1E2A3A;--muted: #64748B;--accent: #3B82F6;--accent-d: #1D4ED8;--accent-bg: #EFF6FF;--green: #10B981;--green-bg: #D1FAE5;--purple: #8B5CF6;--purple-bg: #EDE9FE;--red: #EF4444;--red-bg: #FEE2E2;--yellow: #F59E0B;--yellow-bg: #FEF3C7;--radius: 10px;--shadow: 0 1px 3px rgba(0,0,0,.07), 0 4px 16px rgba(0,0,0,.05);--nav-w: 220px;--topbar-h: 56px}body{font-family:Inter,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}@keyframes spin{to{transform:rotate(360deg)}}.spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes slideInRight{0%{transform:translate(40px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}table{width:100%;border-collapse:collapse;font-size:.875rem}th{text-align:left;padding:.65rem 1rem;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);border-bottom:2px solid var(--border);white-space:nowrap}td{padding:.75rem 1rem;border-bottom:1px solid var(--border);vertical-align:middle}tr:last-child td{border-bottom:none}tr:hover td{background:var(--surface-2)}input,select,textarea{font-family:inherit;font-size:.875rem;color:var(--text)}input:focus,select:focus,textarea:focus{outline:none}@media (max-width: 1024px){:root{--nav-w: 190px}}@media (max-width: 768px){:root{--nav-w: 100%}table{min-width:500px}}@media (max-width: 768px){h1{font-size:1.1rem!important}.card{border-radius:10px!important}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}table{min-width:480px}input,select,textarea{font-size:16px!important}button{min-height:40px}.app-main{padding:1rem .9rem!important}[style*="grid-template-columns: 1fr 1fr"],[style*="grid-template-columns:1fr 1fr"]{grid-template-columns:1fr!important}.desktop-only{display:none!important}.modal-handle{display:block!important}}@media (min-width: 769px){.modal-handle{display:none}.mobile-only{display:none!important}}