:root{--bg: #F0F2F5;--surface: #FFFFFF;--surface-hover: #F8FAFC;--surface-subtle:#F4F6F9;--border: #E2E8F0;--border-light: #EEF2F7;--text: #0F172A;--text-secondary:#475569;--text-muted: #94A3B8;--accent: #0D9488;--accent-dark: #0F766E;--accent-light: #CCFBF1;--danger: #DC2626;--danger-light: #FEE2E2;--success: #16A34A;--success-light: #DCFCE7;--warning: #D97706;--warning-light: #FEF3C7;--blue: #2563EB;--blue-light: #DBEAFE;--sidebar: #0F172A;--sidebar-text: #FFFFFF;--sidebar-muted: rgba(255,255,255,.45);--sidebar-hover: rgba(255,255,255,.07);--sidebar-active:rgba(255,255,255,.12);--input-bg: #FFFFFF;--table-bg: #FAFBFC;--shadow: 0 1px 3px rgba(0,0,0,.07), 0 1px 2px rgba(0,0,0,.05);--shadow-md: 0 4px 20px rgba(0,0,0,.08), 0 1px 4px rgba(0,0,0,.04);--s-avail-bg: #E8F5E9;--s-avail-text: #2E7D32;--s-avail-dot: #4CAF50;--s-sold-bg: #E3F2FD;--s-sold-text: #1565C0;--s-sold-dot: #2196F3;--s-recon-bg: #FFF3E0;--s-recon-text: #E65100;--s-recon-dot: #FF9800}[data-theme=dark]{--bg: #0D1117;--surface: #161B22;--surface-hover: #1C2230;--surface-subtle:#1C2230;--border: #30363D;--border-light: #21262D;--text: #E6EDF3;--text-secondary:#8B949E;--text-muted: #484F58;--accent: #2DD4BF;--accent-dark: #14B8A6;--accent-light: #134E4A;--danger: #F85149;--danger-light: #2D1212;--success: #3FB950;--success-light: #0B2A12;--warning: #E3B341;--warning-light: #271A00;--blue: #58A6FF;--blue-light: #0C1F3A;--sidebar: #010409;--sidebar-text: #E6EDF3;--sidebar-muted: rgba(230,237,243,.4);--sidebar-hover: rgba(230,237,243,.07);--sidebar-active:rgba(230,237,243,.12);--input-bg: #0D1117;--table-bg: #0D1117;--shadow: 0 1px 3px rgba(0,0,0,.3), 0 1px 2px rgba(0,0,0,.2);--shadow-md: 0 4px 24px rgba(0,0,0,.4), 0 1px 6px rgba(0,0,0,.3);--s-avail-bg: #0B2A12;--s-avail-text: #3FB950;--s-avail-dot: #3FB950;--s-sold-bg: #0C1F3A;--s-sold-text: #58A6FF;--s-sold-dot: #58A6FF;--s-recon-bg: #271A00;--s-recon-text: #E3B341;--s-recon-dot: #E3B341}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:DM Sans,Segoe UI,system-ui,sans-serif;background:var(--bg);color:var(--text);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background .25s ease,color .2s ease}*,*:before,*:after{transition-property:background-color,border-color,color,box-shadow;transition-duration:.2s;transition-timing-function:ease}[style*=transform],[style*=width],[style*=height],button:active,input,textarea,select{transition:none}button{transition:background-color .15s ease,color .15s ease,border-color .15s ease,opacity .15s ease,transform .1s ease!important}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.page-pad{padding:32px}.page-pad-sm{padding:20px 16px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.col-2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.vdp-grid{display:grid;grid-template-columns:1fr 310px;gap:18px;align-items:start}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.table-wrap table{min-width:700px}.card{background:var(--surface);border-radius:14px;border:1px solid var(--border);box-shadow:var(--shadow)}.sidebar-wrap{width:240px;min-width:240px;background:var(--sidebar);color:var(--sidebar-text);display:flex;flex-direction:column;height:100vh;position:relative;z-index:10;flex-shrink:0;transition:background .2s ease!important}@media(max-width:768px){.sidebar-wrap{position:fixed;top:0;left:0;bottom:0;transform:translate(-100%);transition:transform .25s cubic-bezier(.4,0,.2,1),background .2s ease!important;z-index:50;box-shadow:4px 0 20px #0000004d}.sidebar-wrap.open{transform:translate(0)}.topbar{display:flex!important}.page-pad{padding:16px}}.topbar{display:none;align-items:center;gap:12px;padding:12px 16px;background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:40}@media(max-width:1024px){.stat-grid{grid-template-columns:repeat(2,1fr)}.vdp-grid{grid-template-columns:1fr}}@media(max-width:768px){.stat-grid{grid-template-columns:repeat(2,1fr);gap:10px}.col-2,.form-grid,.vdp-grid{grid-template-columns:1fr}}@media(max-width:480px){.stat-grid{grid-template-columns:1fr}}.status-badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;padding:3px 9px;border-radius:20px;white-space:nowrap}.status-dot{width:5px;height:5px;border-radius:50%;flex-shrink:0}.theme-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;border:none;cursor:pointer;background:var(--sidebar-hover);color:var(--sidebar-muted);flex-shrink:0}.theme-btn:hover{background:var(--sidebar-active);color:var(--sidebar-text)}.auth-theme-btn{position:absolute;top:16px;right:16px;width:38px;height:38px;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center}.auth-theme-btn:hover{background:var(--surface-hover);color:var(--text)}.at-input{width:100%;padding:10px 14px;border:1.5px solid var(--border);border-radius:10px;font-size:14px;color:var(--text);background:var(--input-bg);outline:none;font-family:inherit;-webkit-appearance:none}.at-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.at-input:disabled{background:var(--surface-subtle);color:var(--text-muted);cursor:not-allowed}.at-input::placeholder{color:var(--text-muted)}textarea.at-input{resize:vertical;min-height:80px}select.at-input{cursor:pointer}.at-table{width:100%;border-collapse:collapse}.at-table th{padding:11px 16px;text-align:left;font-size:11px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;background:var(--table-bg);border-bottom:2px solid var(--border);white-space:nowrap;-webkit-user-select:none;user-select:none}.at-table th.sortable{cursor:pointer}.at-table th.sortable:hover{color:var(--text)}.at-table td{padding:13px 16px;border-bottom:1px solid var(--border-light);font-size:13px;color:var(--text)}.at-table tr:last-child td{border-bottom:none}.at-table tbody tr{cursor:pointer}.at-table tbody tr:hover td{background:var(--surface-hover)}.user-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:10px}.user-card-actions{display:flex;flex-wrap:wrap;gap:6px}.report-stat{background:var(--surface);border-radius:12px;border:1px solid var(--border);padding:14px 16px}.report-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}@media(max-width:768px){.report-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.report-grid{grid-template-columns:1fr}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);z-index:100;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .15s ease}.modal-box{background:var(--surface);border:1px solid var(--border);border-radius:16px;width:100%;max-width:460px;box-shadow:0 20px 60px #0000004d;animation:slideUp .2s cubic-bezier(.34,1.56,.64,1)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:18px 22px;border-bottom:1px solid var(--border)}.modal-body{padding:22px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:none}}.auth-root{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg);padding:20px;position:relative}.auth-card{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:36px 32px;width:100%;max-width:440px;box-shadow:var(--shadow-md);animation:slideUp .3s cubic-bezier(.34,1.56,.64,1)}@media(max-width:480px){.auth-card{padding:28px 20px;border-radius:16px}}.toast{position:fixed;top:20px;right:20px;z-index:9999;border-radius:12px;padding:12px 18px;font-size:14px;font-weight:500;max-width:360px;animation:slideDown .25s cubic-bezier(.34,1.56,.64,1);box-shadow:var(--shadow-md)}@keyframes slideDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:none}}@media(max-width:480px){.toast{right:12px;left:12px;max-width:none}}.nav-btn{display:flex;align-items:center;gap:10px;width:100%;padding:9px 12px;border:none;border-radius:8px;cursor:pointer;font-size:13.5px;font-weight:500;font-family:inherit;color:var(--sidebar-muted);background:transparent;text-align:left;transition:background .15s,color .15s!important}.nav-btn:hover{background:var(--sidebar-hover);color:var(--sidebar-text)}.nav-btn.active{background:var(--sidebar-active);color:var(--sidebar-text)}.divider{height:1px;background:#ffffff12;margin:6px 8px}[data-theme=dark] .divider{background:#ffffff0f}.form-section-title{font-size:15px;font-weight:600;color:var(--text);margin:0 0 14px}.section-divider{border:none;border-top:1px solid var(--border);margin:20px 0}