@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--bg:#070a0f;--bgGradient:radial-gradient(ellipse 120% 80% at 0% -20%, #14b8a61f 0%, transparent 50%), radial-gradient(ellipse 100% 60% at 100% 0%, #6366f124 0%, transparent 45%), radial-gradient(ellipse 80% 50% at 50% 100%, #a855f714 0%, transparent 40%);--surface:#0f131ceb;--surface2:#161c2af2;--surface-elevated:linear-gradient(165deg, #182030fa 0%, #0e121cfc 100%);--panel:#0f131ce0;--panelSolid:#121826;--border:#ffffff17;--borderSoft:#ffffff0d;--borderAccent:#2dd4bf59;--text:#f4f4f5;--muted:#94a3b8;--accent:#2dd4bf;--accent-dim:#2dd4bf26;--accentHover:#5eead4;--accent2:#6366f1;--danger:#f87171;--success:#34d399;--warning:#fbbf24;--shadowSm:0 2px 12px #00000059;--shadowLg:0 16px 48px #0000008c;--shadowGlow:0 0 40px #2dd4bf14;--radiusLg:16px;--radiusMd:10px;--radiusSm:8px;--space1:6px;--space2:10px;--space3:14px;--space4:18px;--space5:24px;--space6:32px;--sidebar-w:288px;--font-sans:"Outfit", system-ui, -apple-system, sans-serif;--bg-color:var(--bg);--text-primary:var(--text);--text-secondary:var(--muted);--glass-bg:var(--panel);--glass-border:var(--border)}*{box-sizing:border-box;font-family:var(--font-sans);margin:0;padding:0}:focus-visible{outline-offset:2px;outline:2px solid #2dd4bf8c}body{background-color:var(--bg-color);background-image:var(--bgGradient);color:var(--text-primary);background-attachment:fixed;min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#6366f159;border-radius:99px;transition:background .2s}::-webkit-scrollbar-thumb:hover{background:#6366f1b3}::-webkit-scrollbar-corner{background:0 0}*{scrollbar-width:thin;scrollbar-color:#6366f159 transparent}.glass{background:var(--surface);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:var(--radiusLg);box-shadow:var(--shadowSm)}.glass-panel{padding:var(--space5);transition:border-color .2s,box-shadow .2s}.glass-panel:hover{border-color:var(--borderAccent);box-shadow:var(--shadowSm), var(--shadowGlow)}.ui-surface-card{background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radiusLg);padding:var(--space5);box-shadow:var(--shadowSm);transition:border-color .2s,box-shadow .2s}.ui-surface-card:hover{border-color:#2dd4bf33}.ui-stat-grid{gap:var(--space4);margin-bottom:var(--space6);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.ui-stat-card{align-items:flex-start;gap:var(--space4);padding:var(--space4);background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radiusLg);box-shadow:var(--shadowSm);display:flex}.ui-stat-card__icon{border-radius:var(--radiusMd);background:var(--accent-dim);width:52px;height:52px;color:var(--accent);flex-shrink:0;justify-content:center;align-items:center;display:flex}.ui-stat-card__label{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:4px;font-size:11px;font-weight:700}.ui-stat-card__value{letter-spacing:-.02em;color:var(--text);font-size:1.75rem;font-weight:700;line-height:1.2}.ui-stat-card__meta{color:var(--muted);flex-wrap:wrap;gap:10px;margin-top:8px;font-size:12px;display:flex}.ui-page-toolbar{margin-bottom:var(--space5);padding:var(--space4) var(--space5)}.ui-page-toolbar__header{justify-content:space-between;align-items:flex-start;gap:var(--space3);margin-bottom:var(--space4);flex-wrap:wrap;display:flex}.ui-page-toolbar__eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:4px;font-size:11px;font-weight:700;display:block}.ui-page-toolbar__meta{color:var(--muted);font-size:13px;line-height:1.4}.ui-page-toolbar__meta strong{color:var(--text);font-weight:700}.ui-page-toolbar__actions{align-items:center;gap:var(--space2);flex-wrap:wrap;display:flex}.ui-page-toolbar__body{align-items:flex-end;gap:var(--space3);flex-wrap:wrap;display:flex}.ui-page-toolbar__body>*{flex:200px}.ui-page-toolbar__body .ui-page-toolbar__row{align-items:flex-end;gap:var(--space3);flex-wrap:wrap;flex:100%;display:flex}.ui-page-toolbar__body .ui-page-toolbar__row>*{flex:160px}.ui-page-toolbar__body .ui-page-toolbar__chips{align-items:center;gap:var(--space2);flex-wrap:wrap;flex:100%;display:flex}.ui-page-toolbar .input,.ui-page-toolbar select.input{width:100%}.btn{background:linear-gradient(135deg, var(--accent) 0%, var(--accent2) 100%);color:#f8fafc;border-radius:var(--radiusMd);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:12px 22px;font-size:14px;font-weight:600;transition:transform .15s,box-shadow .15s;display:inline-flex;box-shadow:0 4px 20px #2dd4bf40}.ui-btn{border-radius:var(--radiusMd);cursor:pointer;color:#fff;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:12px 18px;font-size:14px;font-weight:600;transition:transform .15s,box-shadow .15s,background .15s,border-color .15s;display:inline-flex}.ui-btn--sm{padding:9px 12px;font-size:13px}.ui-btn--primary{background:linear-gradient(135deg, var(--accent) 0%, var(--accent2) 100%);color:#f8fafc;box-shadow:0 4px 20px #2dd4bf38}.ui-btn--primary:hover{transform:translateY(-1px);box-shadow:0 8px 28px #2dd4bf59}.ui-btn--secondary{color:var(--text);box-shadow:none;background:#ffffff0d;border-color:#ffffff1a}.ui-btn--secondary:hover{background:#ffffff17}.ui-btn--ghost{color:var(--muted);background:0 0;border-color:#ffffff14}.ui-btn--ghost:hover{color:var(--text);background:#ffffff0f}.ui-btn--danger{color:var(--danger);box-shadow:none;background:#ef44441f;border-color:#ef444440}.ui-btn--danger:hover{background:var(--danger);color:#fff}.ui-btn--disabled{opacity:.6;cursor:not-allowed;transform:none!important}.ui-spinner{border:2px solid #ffffff59;border-top-color:#fffffff2;border-radius:999px;width:14px;height:14px;animation:.9s linear infinite uiSpin}@keyframes uiSpin{to{transform:rotate(360deg)}}.ui-page{flex-direction:column;gap:16px;min-width:0;display:flex}.ui-pageHeader{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;min-width:0;margin-bottom:4px;display:flex}.ui-pageTitle{letter-spacing:-.03em;color:var(--text);font-size:1.75rem;font-weight:700}@media (width>=640px){.ui-pageTitle{font-size:2rem}}.ui-pageDescription{color:var(--muted);margin-top:6px}.ui-pageActions{flex-wrap:wrap;align-items:flex-end;gap:12px;min-width:0;max-width:100%;display:flex}@media (width<=900px){.ui-pageActions{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;justify-content:flex-start;padding-bottom:4px;overflow:auto hidden}}.ui-card{border-radius:var(--radiusLg);padding:18px}.stock-layout{grid-template-columns:340px 1fr;gap:28px;min-width:0;display:grid}.stock-stats-grid{text-align:center;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.ui-toastHost{z-index:100000;flex-direction:column;gap:10px;display:flex;position:fixed;bottom:22px;right:22px}.ui-toast{color:#fff;background:#10b981eb;border:1px solid #ffffff1f;border-radius:12px;max-width:420px;padding:12px 14px;box-shadow:0 12px 40px #00000059}.ui-toast--error{background:#ef4444eb}.btn:hover{filter:brightness(1.05);transform:translateY(-1px);box-shadow:0 8px 28px #2dd4bf59}.btn-danger{color:var(--danger);box-shadow:none;background:#ef44441a;border:1px solid #ef444433}.btn-danger:hover{background:var(--danger);color:#fff;box-shadow:0 4px 15px #ef44444d}.input{width:100%;color:var(--text-primary);background:#00000080;border:1px solid #ffffff14;border-radius:12px;outline:none;padding:14px 18px;font-size:15px;transition:all .3s}.input:focus{border-color:var(--accent);background:#0000008c;box-shadow:0 0 0 3px #2dd4bf2e}.layout{align-items:stretch;min-height:100vh;display:flex}.sidebar{width:var(--sidebar-w);border-right:1px solid var(--border);z-index:10;background:linear-gradient(#0a0e16fa 0%,#070a0ffc 100%);border-radius:0;flex-direction:column;align-self:flex-start;height:100dvh;min-height:0;max-height:100dvh;padding:20px 16px;display:flex;position:sticky;top:0;overflow:hidden}.sidebar__brand{letter-spacing:-.02em;color:var(--text);align-items:center;gap:10px;font-size:1.125rem;font-weight:700;display:flex}.sidebar__brand-dot{background:var(--accent);width:10px;height:10px;box-shadow:0 0 12px var(--accent);border-radius:50%}.sidebar__header{border-bottom:1px solid var(--border);flex-shrink:0;margin-bottom:12px;padding-bottom:16px}.nav-section{margin-bottom:14px}.nav-section__label{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);opacity:.85;padding:8px 12px 6px;font-size:10px;font-weight:700}.nav-link{border-radius:var(--radiusMd);color:var(--muted);border:1px solid #0000;align-items:center;gap:10px;padding:10px 12px;font-size:14px;font-weight:500;text-decoration:none;transition:background .15s,color .15s;display:flex}.nav-link:hover{color:var(--text);background:#ffffff0d}.nav-link--active{color:var(--accent);background:#2dd4bf1f;border-color:#2dd4bf40;font-weight:600}.nav-link--active:hover{color:var(--accentHover)}.sidebar__nav{-webkit-overflow-scrolling:touch;scrollbar-gutter:stable;overscroll-behavior:contain;scrollbar-color:#a5b4fca6 #ffffff0f;scrollbar-width:thin;flex-direction:column;flex:auto;gap:2px;min-height:0;max-height:100%;margin-right:-4px;padding-right:6px;display:flex;overflow:hidden auto}.sidebar__nav::-webkit-scrollbar{width:10px}.sidebar__nav::-webkit-scrollbar-thumb{background:#a5b4fc8c;border:2px solid #0a0a0c59;border-radius:999px}.sidebar__nav::-webkit-scrollbar-thumb:hover{background:#c7d2febf}.sidebar__nav::-webkit-scrollbar-track{background:#ffffff0a;border-radius:999px}.sidebar__footer{border-top:1px solid var(--border);flex-shrink:0;margin-top:12px;padding-top:12px}.sidebar__user{border-radius:var(--radiusMd);border:1px solid var(--borderSoft);background:#ffffff08;margin-top:12px;padding:12px}.sidebar__user-label{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:11px}.sidebar__user-name{color:var(--text);margin-top:4px;font-size:14px;font-weight:600}.sidebar__user-role{color:var(--accent);letter-spacing:.06em;text-transform:uppercase;margin-top:4px;font-size:11px;font-weight:600}.main-content{min-width:0;padding:var(--space5) var(--space6);flex:1;width:100%;max-width:1480px;margin:0 auto}.app-loading{min-height:100vh;color:var(--muted);justify-content:center;align-items:center;font-size:15px;display:flex}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)scale(.98)}to{opacity:1;transform:none}}@keyframes pulse-glow{0%{box-shadow:0 0 #6366f166}70%{box-shadow:0 0 0 10px #6366f100}to{box-shadow:0 0 #6366f100}}.animate-fade-in{animation:.6s cubic-bezier(.16,1,.3,1) forwards fadeInUp}.animate-delay-1{opacity:0;animation-delay:.1s}.animate-delay-2{opacity:0;animation-delay:.2s}.animate-delay-3{opacity:0;animation-delay:.3s}.animate-delay-4{opacity:0;animation-delay:.4s}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.table-container{-webkit-overflow-scrolling:touch;border-radius:12px;width:100%;max-height:min(75vh,920px);overflow:auto}table{border-collapse:separate;border-spacing:0;text-align:left;width:100%}th,td{border-bottom:1px solid #ffffff0d;padding:18px}th{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;background:#0f131cf2;font-size:11px;font-weight:600}tr{transition:all .2s}tr:hover td{background:#ffffff08}.ui-field{flex-direction:column;gap:8px;min-width:0;display:flex}.ui-field__label{color:var(--text-secondary);letter-spacing:.8px;text-transform:uppercase;font-size:12px;font-weight:700}.ui-field__required{color:var(--danger)}.ui-field__hint{color:var(--text-secondary);opacity:.9;font-size:12px}.ui-field__error{color:var(--danger);font-size:12px}.ui-textarea{resize:vertical;min-height:96px}.ui-modalBackdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100000;background:#000000a6;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0}.ui-modal{background:#0a0a0ce0;border:1px solid #ffffff1a;border-radius:18px;width:100%;box-shadow:0 18px 70px #0000008c}.ui-modalHeader{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:16px 16px 12px;display:flex}.ui-modalTitle{letter-spacing:-.2px;font-size:18px;font-weight:800}.ui-modalClose{color:#ffffffe6;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:12px;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.ui-modalClose:hover{background:#ffffff1a}.ui-modalBody{-webkit-overflow-scrolling:touch;max-height:min(78vh,720px);padding:16px;overflow-y:auto}.ui-modalFooter{border-top:1px solid #ffffff14;flex-wrap:wrap;justify-content:flex-end;gap:10px;padding:12px 16px 16px;display:flex}.ui-table__footer{padding-top:12px}.badge{text-transform:uppercase;letter-spacing:.5px;border-radius:20px;padding:6px 12px;font-size:12px;font-weight:700}.badge.success{color:#34d399;background:#10b98126;border:1px solid #10b98133}.badge.warning{color:#fcd34d;background:#f59e0b26;border:1px solid #f59e0b33}.badge.danger{color:#f87171;background:#ef444426;border:1px solid #ef444433}.filter-tabs{-webkit-overflow-scrolling:touch;scrollbar-width:thin;flex-wrap:nowrap;gap:12px;margin-bottom:24px;margin-right:-4px;padding-bottom:6px;padding-right:4px;display:flex;overflow:auto hidden}.filter-tab{color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:#ffffff0d;border:1px solid #ffffff0d;border-radius:12px;flex:none;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:background .2s,color .2s;display:flex}.filter-tab:hover{color:var(--text-primary);background:#ffffff1a}.filter-tab.active{color:var(--accent);background:#2dd4bf2e;border-color:#2dd4bf73;font-weight:600}.filter-count{background:#0003;border-radius:6px;padding:2px 8px;font-size:11px;font-weight:700}.filter-tab.active .filter-count{color:var(--text);background:#2dd4bf33}@media (width<=768px){.layout{flex-direction:column}.sidebar{z-index:50;width:min(280px,92vw);height:100dvh;max-height:100dvh;transition:left .3s cubic-bezier(.4,0,.2,1);position:fixed;left:-100%;box-shadow:10px 0 30px #000c}.sidebar.open{left:0}.main-content{margin-top:60px;padding:16px}.stock-layout{grid-template-columns:1fr;gap:16px}.stock-code-list{max-height:none!important;overflow:visible!important}.table-container{max-height:none;overflow-y:visible}.glass-panel{padding:20px}.filter-tabs{flex-wrap:nowrap}.filter-tab{flex:none;justify-content:center}.modal-content-container{padding:20px!important}}@media (width<=480px){th,td{padding:12px}.ui-pageTitle{font-size:1.4rem}.ui-pageDescription{font-size:13px}.ui-toastHost{bottom:14px;left:14px;right:14px}.ui-toast{max-width:none}.table-container{max-height:min(72vh,760px)}.stock-stats-grid{grid-template-columns:1fr}.moderators-perms-grid{grid-template-columns:1fr!important}}.hamburger-btn{display:none}@media (width<=768px){.hamburger-btn{z-index:60;background:var(--bg-color);color:#fff;cursor:pointer;border:1px solid #2dd4bf73;border-radius:8px;padding:8px;display:flex;position:fixed;top:16px;left:16px;box-shadow:0 4px 20px #2dd4bf26}}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:40;opacity:0;pointer-events:none;background:#0009;transition:opacity .3s;position:fixed;inset:0}.sidebar-overlay.active{opacity:1;pointer-events:auto}.login-shell{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex;position:relative}.login-shell__glow{pointer-events:none;background:radial-gradient(circle at 50% 40%,#2dd4bf1f 0%,#0000 55%);position:absolute;inset:0}.login-card{z-index:1;width:100%;max-width:420px;position:relative}.login-card__title{letter-spacing:-.03em;color:var(--text);font-size:1.5rem;font-weight:700}.login-card__subtitle{color:var(--muted);margin-top:8px;font-size:14px;line-height:1.5}