:root{--bg-main:#f3f6fb;--bg-soft:#eef3f8;--bg-panel:#fff;--bg-sidebar:#0f172a;--text-main:#0f172a;--text-soft:#475569;--text-muted:#64748b;--text-white:#f8fafc;--border:#dbe3ee;--primary:#2563eb;--primary-hover:#1d4ed8;--success:#16a34a;--danger:#dc2626;--warning:#f97316;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--shadow-soft:0 8px 22px #0f172a14;color:var(--text-main);background:var(--bg-main);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:system-ui,Segoe UI,Roboto,Arial,sans-serif;font-size:14px;line-height:1.45}*{box-sizing:border-box}body{color:var(--text-main);background:radial-gradient(circle at 0 0,#2563eb14,#0000 28%),linear-gradient(135deg,#f8fafc 0%,#eef3f8 48%,#f3f6fb 100%);margin:0}#root{width:100%;min-height:100vh}h1,h2,h3,p{margin:0}h1{color:var(--text-main);letter-spacing:-.35px;font-size:26px;font-weight:800;line-height:1.2}h2{color:var(--text-main);font-size:19px;font-weight:750;line-height:1.25}h3{color:var(--text-main);font-size:15px;font-weight:700;line-height:1.3}p,label,span{color:var(--text-soft)}small{color:var(--text-muted)}button,input,select,textarea{font-family:inherit;font-size:14px}button{border-radius:var(--radius-md);cursor:pointer;border:none;padding:10px 14px;font-weight:700;transition:all .16s}button:hover{filter:brightness(1.04)}button:active{transform:scale(.99)}input,select,textarea{color:var(--text-main);border:1px solid var(--border);border-radius:var(--radius-md);background:#fff;outline:none;padding:10px 12px;transition:border .16s,box-shadow .16s}input::placeholder,textarea::placeholder{color:#94a3b8}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1f}table{border-collapse:collapse;background:var(--bg-panel);width:100%}table th{color:#334155;text-align:left;border-bottom:1px solid var(--border);text-transform:uppercase;letter-spacing:.35px;background:#f1f5f9;padding:11px 12px;font-size:12.5px;font-weight:800}table td{border-bottom:1px solid var(--border);color:#334155;padding:11px 12px;font-size:13px}table tr:hover{background:#f8fafc}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:#e2e8f0}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.mobile-scroll{width:100%;overflow-x:auto}@media (width<=900px){:root{font-size:13px}h1{font-size:23px}h2{font-size:17px}button,input,select,textarea{font-size:13px}table th,table td{padding:9px;font-size:12px}}@media (width<=768px){body{overflow-x:hidden}h1{font-size:21px}h2{font-size:17px}input,select,textarea{width:100%}table{min-width:700px}.mobile-scroll{width:100%;padding-bottom:8px;overflow-x:auto}}@media (width<=480px){:root{font-size:12.5px}h1{font-size:20px}table th,table td{padding:8px;font-size:11.5px}}.mobile-menu-button,.mobile-menu-overlay{display:none}@media (width<=768px){html,body,#root{width:100%;max-width:100%;overflow-x:hidden}.app-layout{width:100%!important;min-height:100vh!important;display:block!important;overflow-x:hidden!important}.mobile-menu-button{z-index:3001;color:#fff;background:#0f172a;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:fixed;top:14px;left:14px;box-shadow:0 8px 24px #0f172a40}.mobile-menu-overlay{z-index:1999;background:#0f172a73;display:block;position:fixed;inset:0}.app-sidebar{z-index:3000!important;width:270px!important;min-width:270px!important;max-width:270px!important;height:100vh!important;transition:transform .25s!important;position:fixed!important;top:0!important;bottom:0!important;left:0!important;transform:translate(-110%)!important}.app-sidebar.open{transform:translate(0)!important}.app-main{width:100%!important;min-width:0!important;max-width:100%!important;margin-left:0!important;padding:72px 10px 18px!important;overflow-x:hidden!important}.app-main>*{width:100%!important;max-width:100%!important}.app-main>section,.app-main>form,.app-main>div{max-width:100%!important}div[style*="padding: 24px"]{padding:12px!important}.mobile-scroll,div[style*="overflow-x: auto"]{width:100%!important;overflow-x:auto!important}table{min-width:720px}}