:root{--bg:#faf9f7;--card:#fff;--bdr:#eeebe6;--bdr2:#e8e4de;--t1:#2d2a26;--t2:#5a5650;--t3:#8a8578;--t4:#b8b3aa;--acc:#e8a838;--acc2:#c4872a;--red:#dc2626;--grn:#16a34a;--blu:#6366f1;--pur:#8b5cf6;--pnk:#ec4899;--org:#f97316;--f:"Outfit",sans-serif;--m:"JetBrains Mono",monospace}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--f);background:var(--bg);color:var(--t1);min-height:100vh}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-thumb{background:#d6d0c7;border-radius:3px}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hidden{display:none!important}.inp{background:var(--card);border:1.5px solid var(--bdr2);color:var(--t1);font-size:14px;font-family:var(--m);border-radius:10px;outline:none;width:100%;padding:10px 14px;transition:all .2s}.inp:focus{border-color:var(--acc);box-shadow:0 0 0 3px #e8a8381a}.inp::-webkit-inner-spin-button{opacity:.3}.card{background:var(--card);border:1px solid var(--bdr);border-radius:16px;padding:24px;box-shadow:0 1px 3px #0000000a}.tab{cursor:pointer;font-family:var(--f);color:var(--t3);white-space:nowrap;background:0 0;border:none;border-radius:10px;padding:10px 22px;font-size:13px;font-weight:600;transition:all .2s}.tab.on{background:var(--t1);color:var(--bg)}.tab:hover:not(.on){color:var(--t2);background:#f0ede8}.pill{border:1.5px solid var(--bdr2);cursor:pointer;background:var(--card);color:var(--t3);font-size:12px;font-weight:600;font-family:var(--f);border-radius:20px;padding:6px 16px;transition:all .2s}.pill.on{border-color:var(--acc);color:var(--acc);background:#e8a8380f}.lbl{color:var(--t3);text-transform:uppercase;letter-spacing:.08em;margin-bottom:5px;font-size:11px;font-weight:600}.pi{text-align:center;background:var(--bg);border:1.5px solid var(--bdr2);width:62px;color:var(--t1);font-size:13px;font-family:var(--m);border-radius:8px;outline:none;padding:7px 4px}.pi:focus{border-color:var(--acc);background:var(--card)}table{border-collapse:collapse;width:100%;font-size:12px}th{color:var(--t3);text-transform:uppercase;letter-spacing:.06em;border-bottom:2px solid var(--bdr);text-align:right;padding:10px 8px;font-size:10px;font-weight:600}td{text-align:right;font-family:var(--m);color:var(--t2);border-bottom:1px solid #f5f2ee;padding:10px 8px;font-size:11px}th:first-child,td:first-child{text-align:center}tr:hover td{background:#e8a83805}.rb{font-size:12px;font-weight:600;font-family:var(--f);cursor:pointer;background:var(--t1);color:#fff;border:none;border-radius:8px;padding:8px 18px;transition:all .2s}.rb:hover{background:var(--acc);transform:translateY(-1px)}.li{border:2px solid var(--bdr2);width:100%;font-size:15px;font-family:var(--f);color:var(--t1);background:#fff;border-radius:12px;outline:none;padding:14px 18px;transition:all .25s}.li:focus{border-color:var(--acc);box-shadow:0 0 0 4px #e8a8381f}.li::placeholder{color:var(--t4)}.lb{width:100%;font-size:15px;font-weight:600;font-family:var(--f);cursor:pointer;background:var(--acc);color:#fff;border:none;border-radius:12px;padding:14px;transition:all .25s}.lb:hover:not(:disabled){background:#d4962f;transform:translateY(-1px);box-shadow:0 8px 24px #e8a8384d}.lb:disabled{opacity:.6;cursor:not-allowed}nav{border-bottom:1px solid var(--bdr);z-index:50;background:#fff;align-items:center;height:60px;padding:0 24px;display:flex;position:sticky;top:0}.hamburger{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:8px;display:none}.hamburger span{background:var(--t1);border-radius:2px;width:24px;height:2.5px;transition:all .3s}.mobile-menu-overlay{z-index:100;opacity:0;background:#00000080;transition:opacity .3s;display:none;position:fixed;inset:0}.mobile-menu-overlay.show{opacity:1;display:block}.mobile-menu{z-index:101;background:#fff;flex-direction:column;gap:16px;width:280px;padding:20px;transition:transform .3s;display:flex;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;transform:translate(100%)}.mobile-menu.show{transform:translate(0)}.mobile-menu-close{color:var(--t3);cursor:pointer;background:0 0;border:none;justify-content:center;align-self:flex-end;align-items:center;width:32px;height:32px;padding:0;font-size:28px;display:flex}.mobile-menu .tab{text-align:left;justify-content:flex-start;width:100%}body{padding-bottom:90px}@media (max-width:768px){nav{flex-wrap:wrap;height:auto;min-height:60px;padding:5px 16px 0}.hamburger{display:flex}#navtabs{display:none!important}nav>div:first-child{flex:1}nav>div:last-child,.nav-tabs-desktop,.nav-user-desktop{display:none!important}.mobile-view-toggle{display:block!important}.desktop-view{display:none!important}.mobile-view{display:block!important}.card{padding:18px!important}table{font-size:11px}th,td{padding:8px 6px;font-size:10px}}.login-wrap{min-height:100vh;display:flex}.login-left{background:linear-gradient(145deg,#1a1714,#2d2820,#1a1714);flex-direction:column;flex:1;justify-content:center;padding:60px 48px;display:flex;position:relative;overflow:hidden}.login-right{flex-direction:column;justify-content:center;width:440px;padding:60px 48px;animation:.6s ease-out fadeUp;display:flex}