:root{color-scheme:light;--primary: #2563EB;--primary-hover: #1D4ED8;--primary-foreground: #FFFFFF;--primary-muted: rgba(37, 99, 235, .1);--primary-subtle: rgba(37, 99, 235, .04);--primary-glow: rgba(37, 99, 235, .2);--primary-light: var(--primary-muted);--background: #F5F6F8;--surface: #FFFFFF;--surface-raised: #F8FAFC;--surface-hover: #F1F5F9;--bg-secondary: var(--surface-raised);--text: #0F172A;--text-primary: var(--text);--text-secondary: #475569;--text-muted: #94A3B8;--border: rgba(226, 232, 240, .8);--border-subtle: rgba(226, 232, 240, .5);--border-strong: rgba(203, 213, 225, .9);--success: #16A34A;--success-muted: rgba(22, 163, 74, .1);--success-light: var(--success-muted);--error: #DC2626;--error-muted: rgba(220, 38, 38, .1);--error-light: var(--error-muted);--warning: #D97706;--warning-muted: rgba(217, 119, 6, .1);--warning-light: var(--warning-muted);--info: #0284C7;--info-muted: rgba(2, 132, 199, .1);--purple: #7C3AED;--purple-muted: rgba(124, 58, 237, .1);--purple-light: var(--purple-muted);--danger: var(--error);--danger-muted: var(--error-muted);--shadow-subtle: 0 1px 2px rgba(15, 23, 42, .04), 0 1px 3px rgba(15, 23, 42, .03);--shadow-card: 0 1px 3px rgba(15, 23, 42, .05), 0 4px 12px rgba(15, 23, 42, .04);--shadow-elevated: 0 4px 16px rgba(15, 23, 42, .06), 0 12px 32px rgba(15, 23, 42, .06);--shadow-float: 0 8px 24px rgba(15, 23, 42, .08), 0 24px 48px rgba(15, 23, 42, .08);--shadow-sm: var(--shadow-subtle);--shadow: var(--shadow-card);--shadow-md: var(--shadow-elevated);--radius-xs: 6px;--radius-sm: 8px;--radius: 12px;--radius-lg: 14px;--ease-out: cubic-bezier(.4, 0, .2, 1);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1)}[data-theme=dark]{color-scheme:dark;--primary: #3B82F6;--primary-hover: #60A5FA;--primary-muted: rgba(59, 130, 246, .16);--primary-subtle: rgba(59, 130, 246, .06);--primary-glow: rgba(59, 130, 246, .24);--background: #0B0D12;--surface: #13161D;--surface-raised: #1A1F29;--surface-hover: #232936;--text: #F1F5F9;--text-primary: var(--text);--text-secondary: #94A3B8;--text-muted: #64748B;--border: rgba(51, 65, 85, .6);--border-subtle: rgba(51, 65, 85, .35);--border-strong: rgba(71, 85, 105, .7);--success: #22C55E;--success-muted: rgba(34, 197, 94, .15);--error: #EF4444;--error-muted: rgba(239, 68, 68, .15);--warning: #F59E0B;--warning-muted: rgba(245, 158, 11, .15);--info: #38BDF8;--info-muted: rgba(56, 189, 248, .15);--purple: #A78BFA;--purple-muted: rgba(167, 139, 250, .16);--shadow-subtle: 0 1px 2px rgba(0, 0, 0, .3), 0 1px 3px rgba(0, 0, 0, .25);--shadow-card: 0 1px 3px rgba(0, 0, 0, .35), 0 4px 12px rgba(0, 0, 0, .3);--shadow-elevated: 0 4px 16px rgba(0, 0, 0, .4), 0 12px 32px rgba(0, 0, 0, .35);--shadow-float: 0 8px 24px rgba(0, 0, 0, .45), 0 24px 48px rgba(0, 0, 0, .4)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,Roboto,Inter,sans-serif;background:var(--background);color:var(--text);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased}::selection{background:var(--primary-muted);color:var(--primary)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:40px;padding:.625rem 1.25rem;border:1px solid transparent;border-radius:var(--radius-sm);font-size:.875rem;font-weight:500;cursor:pointer;text-decoration:none;font-family:inherit;line-height:1.5;transition:all .2s var(--ease-out)}.btn:active:not(:disabled){transform:scale(.97)}.btn:focus-visible{outline:none;box-shadow:0 0 0 2px var(--surface),0 0 0 4px var(--primary-glow)}.btn-primary{background:var(--primary);color:var(--primary-foreground);box-shadow:var(--shadow-subtle)}.btn-primary:hover:not(:disabled){background:var(--primary-hover);box-shadow:var(--shadow-card)}.btn-secondary{background:var(--surface-raised);color:var(--text);border-color:var(--border)}.btn-secondary:hover:not(:disabled){background:var(--surface-hover);border-color:var(--border-strong)}.btn-danger{background:var(--error);color:#fff;box-shadow:var(--shadow-subtle)}.btn-danger:hover:not(:disabled){background:var(--error);filter:brightness(.92)}.btn-danger-soft{background:transparent;border-color:transparent;color:var(--error)}.btn-danger-soft:hover:not(:disabled){background:var(--error-muted)}.btn-success{background:var(--success);color:#fff;box-shadow:var(--shadow-subtle)}.btn-success:hover:not(:disabled){background:var(--success);filter:brightness(.95)}.btn-outline{background:transparent;border-color:var(--border);color:var(--text-secondary)}.btn-outline:hover:not(:disabled){border-color:var(--primary);color:var(--primary);background:var(--primary-subtle)}.btn-sm{min-height:32px;padding:.375rem .875rem;font-size:.8125rem;border-radius:var(--radius-xs)}.btn:disabled{opacity:.5;cursor:not-allowed}.input,.textarea,.form-input{width:100%;min-height:40px;padding:.5rem .75rem;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.875rem;outline:none;font-family:inherit;background:var(--surface);color:var(--text);transition:border-color .2s var(--ease-out),box-shadow .2s var(--ease-out)}.input:hover:not(:disabled),.textarea:hover:not(:disabled),.form-input:hover:not(:disabled){border-color:var(--border-strong)}.input:focus,.textarea:focus,.form-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.input::placeholder,.textarea::placeholder,.form-input::placeholder{color:var(--text-muted)}.textarea{resize:vertical;min-height:80px}.form-input:disabled{background:var(--surface-raised);cursor:not-allowed}select.input,select.form-input{cursor:pointer}.label,.form-label{display:block;font-size:.875rem;font-weight:500;color:var(--text);margin-bottom:.375rem}.form-label .input{margin-top:.5rem}.form-hint{font-size:.75rem;color:var(--text-muted);margin-top:.25rem}.card{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);padding:1.5rem;box-shadow:var(--shadow-card);overflow-x:auto;transition:box-shadow .2s var(--ease-out),border-color .2s var(--ease-out)}.card-hover{transition:box-shadow .25s var(--ease-out),transform .25s var(--ease-out),border-color .25s var(--ease-out)}.card-hover:hover{box-shadow:var(--shadow-elevated);border-color:var(--border-strong)}.data-table,.table{width:100%;table-layout:fixed;border-collapse:collapse;font-size:.875rem}.data-table th,.data-table td,.table th,.table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--border-subtle);vertical-align:middle}.data-table th,.table th{font-weight:500;color:var(--text-secondary);background:color-mix(in srgb,var(--surface-raised) 60%,transparent);font-size:.75rem;letter-spacing:.02em;white-space:nowrap;border-bottom-color:var(--border)}.data-table tbody tr,.table tbody tr{transition:background .15s var(--ease-out)}.data-table tbody tr:hover,.table tbody tr:hover{background:color-mix(in srgb,var(--surface-raised) 40%,transparent)}.data-table tbody tr:last-child td,.table tbody tr:last-child td{border-bottom:none}.data-table td,.table td{color:var(--text);overflow:hidden;text-overflow:ellipsis}.table th{white-space:nowrap}.badge{display:inline-flex;align-items:center;padding:.125rem .5rem;border-radius:var(--radius-xs);font-size:.6875rem;font-weight:500;line-height:1.5;white-space:nowrap}.badge-primary{background:var(--primary-muted);color:var(--primary)}.badge-success{background:var(--success-muted);color:var(--success)}.badge-error,.badge-danger{background:var(--error-muted);color:var(--error)}.badge-warning{background:var(--warning-muted);color:var(--warning)}.badge-info{background:var(--info-muted);color:var(--info)}.badge-purple{background:var(--purple-muted);color:var(--purple)}.badge-muted{background:var(--surface-hover);color:var(--text-secondary)}.alert{padding:.625rem .875rem;border-radius:var(--radius-sm);font-size:.875rem;border:1px solid transparent}.alert-error{background:var(--error-muted);color:var(--error);border-color:color-mix(in srgb,var(--error) 25%,transparent)}.alert-success{background:var(--success-muted);color:var(--success);border-color:color-mix(in srgb,var(--success) 25%,transparent)}.alert-warning{background:var(--warning-muted);color:var(--warning);border-color:color-mix(in srgb,var(--warning) 25%,transparent)}.alert-info{background:var(--info-muted);color:var(--info);border-color:color-mix(in srgb,var(--info) 25%,transparent)}.table-num{text-align:right;font-variant-numeric:tabular-nums}.text-muted{color:var(--text-secondary);font-size:.875rem}.text-sm{font-size:.8rem}.text-center{text-align:center}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes spin{to{transform:rotate(360deg)}}.main-content>*{animation:fadeIn .25s var(--ease-out)}.modal-overlay,.modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .15s var(--ease-out);padding:1rem}.modal-mask{z-index:1000}.modal,.modal-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-float);max-width:100%;max-height:90vh;overflow-y:auto;animation:scaleIn .2s var(--ease-out)}.modal{width:440px}.modal-card{width:520px;padding:1.5rem}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:.875rem 1.25rem;border-bottom:1px solid var(--border)}.modal-header h3{margin:0;font-size:.9375rem;font-weight:600;color:var(--text)}.modal-card h3{font-size:1.0625rem;font-weight:600;color:var(--text);margin:0 0 1.25rem}.modal-close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:none;border:none;border-radius:var(--radius-xs);font-size:1.375rem;line-height:1;color:var(--text-muted);cursor:pointer;transition:all .15s var(--ease-out)}.modal-close:hover{color:var(--text);background:var(--surface-hover)}.modal-body{padding:1.25rem 1.5rem}.modal-footer{display:flex;justify-content:flex-end;gap:.5rem;padding:.875rem 1.5rem;border-top:1px solid var(--border)}.modal-wide{width:760px}.modal-wide .modal-body{max-height:65vh;overflow-y:auto;padding:1rem 1.5rem}.modal-sm{width:480px}.form-group{margin-bottom:1rem}.form-row,.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}.todo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.todo-card{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm, 8px);cursor:pointer;text-align:left;transition:background .15s,border-color .15s}.todo-card:hover{background:var(--surface-hover);border-color:var(--border-strong)}.todo-card-num{font-size:24px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--text-muted);line-height:1}.todo-card-num.has-todo{color:var(--warning)}.todo-card-label{font-size:13px;color:var(--text-secondary)}.todo-card-arrow{margin-left:auto;color:var(--text-muted);flex-shrink:0}.form-field{margin-bottom:1rem}.form-actions{margin-top:1.5rem}.form-checkbox{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text);cursor:pointer}.form-checkbox input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:var(--primary)}.app-layout{display:flex;min-height:100vh}.sidebar{width:248px;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:40;transition:width .25s var(--ease-out)}.sidebar-collapsed{width:68px}.sidebar-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;height:60px;padding:0 1rem 0 1.25rem;border-bottom:1px solid var(--border)}.sidebar-collapsed .sidebar-header{padding:0 .5rem;flex-direction:column;gap:.5rem;justify-content:center}.sidebar-logo{display:flex;align-items:center;gap:.6rem;text-decoration:none}.sidebar-logo-btn{background:none;border:none;cursor:pointer;padding:0;justify-content:center;width:100%}.sidebar-logo-icon{width:34px;height:34px;border-radius:var(--radius-xs);background:linear-gradient(135deg,var(--primary),color-mix(in srgb,var(--primary) 55%,#06B6D4));display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;box-shadow:var(--shadow-subtle)}.sidebar-logo-img{width:34px;height:34px;border-radius:var(--radius-xs);flex-shrink:0;object-fit:contain}.sidebar-logo-text{font-size:.9375rem;font-weight:700;letter-spacing:-.01em;color:var(--text);white-space:nowrap}.sidebar-nav{flex:1;min-height:0;overflow-y:auto;padding:.875rem .75rem;scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:2px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar-group{margin-bottom:.25rem}.sidebar-group-label{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);padding:.875rem .75rem .375rem;white-space:nowrap}.sidebar-item{position:relative;display:flex;align-items:center;gap:.65rem;height:38px;padding:0 .75rem;border-radius:var(--radius-sm);text-decoration:none;color:var(--text-secondary);font-size:.875rem;font-weight:400;transition:background .15s var(--ease-out),color .15s var(--ease-out);cursor:pointer;border:none;background:none;width:100%;text-align:left;font-family:inherit;margin-bottom:2px}.sidebar-item:hover{background:var(--surface-raised);color:var(--text)}.sidebar-item-active{background:var(--primary-muted);color:var(--primary);font-weight:600}.sidebar-item-active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:20px;background:var(--primary);border-radius:0 999px 999px 0}.sidebar-item-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0;transition:transform .15s var(--ease-out)}.sidebar-item-active .sidebar-item-icon{transform:scale(1.08)}.sidebar-item-label{white-space:nowrap;overflow:hidden}.sidebar-collapsed .sidebar-logo-text,.sidebar-collapsed .sidebar-item-label,.sidebar-collapsed .sidebar-group-label{display:none}.sidebar-collapsed .sidebar-item{justify-content:center;padding:0}.sidebar-collapsed .sidebar-item-active:before{height:18px}.sidebar-toggle{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:none;border-radius:var(--radius-xs);background:transparent;cursor:pointer;color:var(--text-muted);transition:background .15s var(--ease-out),color .15s var(--ease-out);flex-shrink:0}.sidebar-toggle:hover{color:var(--text);background:var(--surface-hover)}.main-content{flex:1;min-width:0;margin-left:248px;padding:1.75rem 2.25rem;transition:margin-left .25s var(--ease-out)}.sidebar-collapsed~.main-content{margin-left:68px}@media(max-width:1024px){.sidebar{width:68px}.sidebar .sidebar-header{padding:0 .5rem;flex-direction:column;gap:.5rem}.sidebar .sidebar-logo{gap:0}.sidebar .sidebar-logo-text,.sidebar .sidebar-group-label,.sidebar .sidebar-item-label{display:none}.sidebar .sidebar-item{justify-content:center;padding:0}.main-content{margin-left:68px;padding:1.5rem}}.page-container{max-width:100%}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.75rem;padding-bottom:1rem;border-bottom:1px solid var(--border-subtle)}.page-header h2{font-size:1.375rem;font-weight:700;letter-spacing:-.02em;color:var(--text)}.page-header-actions{display:flex;gap:.625rem;align-items:center}.page-title{font-size:1.5rem;font-weight:700;letter-spacing:-.015em;color:var(--text);margin-bottom:1.5rem}.login-layout{display:flex;height:100vh;background:var(--background)}.login-banner{flex:1;display:flex;flex-direction:column;justify-content:center;padding:0 8%;background:linear-gradient(160deg,#0a1930,#0b1b3f 60%,#10265a);color:#fff;position:relative;overflow:hidden}.login-banner:before{content:"";position:absolute;top:-40px;right:-40px;bottom:-40px;left:-40px;background-image:radial-gradient(rgba(255,255,255,.16) 1px,transparent 1px);background-size:26px 26px;opacity:.3;transform:translate3d(calc(var(--mx, 0) * 18px),calc(var(--my, 0) * 18px),0);transition:transform .2s ease-out}.login-banner-circle-1{position:absolute;top:-120px;right:-120px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,var(--primary),transparent 70%);filter:blur(80px);opacity:.5;animation:banner-drift-1 12s ease-in-out infinite alternate}.login-banner-circle-2{position:absolute;bottom:-140px;left:-100px;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,#06B6D4,transparent 70%);filter:blur(90px);opacity:.35;animation:banner-drift-2 15s ease-in-out infinite alternate}@keyframes banner-drift-1{0%{transform:translate(0)}to{transform:translate(-48px,56px)}}@keyframes banner-drift-2{0%{transform:translate(0)}to{transform:translate(56px,-44px)}}.login-banner-content{position:relative;z-index:1;animation:banner-fade-in .6s var(--ease-out) both}@keyframes banner-fade-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.login-banner-brand{display:flex;align-items:center;gap:14px;margin-bottom:18px}.login-banner-logo{width:48px;height:48px;object-fit:contain;filter:drop-shadow(0 6px 16px rgba(0,0,0,.35))}.login-banner-name{font-size:22px;font-weight:600;letter-spacing:.5px}.login-banner-subtitle{font-size:16px;color:#ffffffa6;margin:0;line-height:1.8;letter-spacing:.5px}.login-form-side{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0 32px;background:var(--background);position:relative;overflow:hidden}.login-form-side:before{content:"";position:absolute;top:-160px;right:-160px;width:384px;height:384px;border-radius:50%;background:radial-gradient(circle,var(--primary),transparent 70%);filter:blur(48px);opacity:.12;pointer-events:none}.login-form-card{width:100%;max-width:400px;background:var(--surface);border-radius:16px;padding:40px 36px;box-shadow:var(--shadow-elevated);border:1px solid var(--border)}.login-form-title{font-size:24px;font-weight:600;letter-spacing:-.02em;color:var(--text);margin:0 0 6px}.login-form-subtitle{font-size:13px;color:var(--text-muted);margin:0 0 28px}.login-submit{width:100%;height:46px;background:var(--primary);color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:background .2s var(--ease-out),transform .15s var(--ease-out);font-family:inherit;box-shadow:var(--shadow-subtle)}.login-submit:hover:not(:disabled){background:var(--primary-hover)}.login-submit:active:not(:disabled){transform:scale(.98)}.login-submit:disabled{opacity:.7;cursor:not-allowed}.upload-zone{border:2px dashed var(--border-strong);border-radius:var(--radius);padding:2rem;text-align:center;cursor:pointer;transition:all .2s var(--ease-out);color:var(--text-secondary);background:var(--surface)}.upload-zone:hover,.upload-zone-dragover{border-color:var(--primary);background:var(--primary-subtle)}.upload-zone-disabled{cursor:default;opacity:.7}.upload-progress{margin-top:.75rem;height:6px;background:var(--surface-hover);border-radius:9999px;overflow:hidden}.upload-progress-bar{height:100%;background:var(--primary);transition:width .2s var(--ease-out);border-radius:9999px}.stats-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:24px}.stats-card{display:flex;align-items:center;gap:14px;padding:20px}.stats-greeting{display:flex;align-items:baseline;gap:12px;margin-bottom:20px}.stats-greeting-title{font-size:20px;font-weight:600;letter-spacing:-.01em;color:var(--text)}.stats-greeting-sub{font-size:13px;color:var(--text-secondary)}.stats-trend{font-size:11px;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}.stats-trend-up{color:var(--success)}.stats-trend-down{color:var(--error)}.stats-trend-flat{color:var(--text-muted)}.stats-card-icon{width:42px;height:42px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;flex-shrink:0}.stats-card-icon svg{width:20px;height:20px}.stats-icon-blue{background:linear-gradient(135deg,#3b82f6,#06b6d4);color:#fff;box-shadow:0 2px 8px #3b82f64d}.stats-icon-violet{background:linear-gradient(135deg,#8b5cf6,#a855f7);color:#fff;box-shadow:0 2px 8px #8b5cf64d}.stats-icon-emerald{background:linear-gradient(135deg,#10b981,#14b8a6);color:#fff;box-shadow:0 2px 8px #10b9814d}.stats-icon-amber{background:linear-gradient(135deg,#f59e0b,#f97316);color:#fff;box-shadow:0 2px 8px #f59e0b4d}.stats-icon-rose{background:linear-gradient(135deg,#f43f5e,#ec4899);color:#fff;box-shadow:0 2px 8px #f43f5e4d}.stats-icon-sky{background:linear-gradient(135deg,#0ea5e9,#38bdf8);color:#fff;box-shadow:0 2px 8px #0ea5e94d}.stats-icon-teal{background:linear-gradient(135deg,#14b8a6,#2dd4bf);color:#fff;box-shadow:0 2px 8px #14b8a64d}.stats-card-label{font-size:13px;color:var(--text-secondary);margin-bottom:4px}.stats-card-value{font-size:24px;font-weight:600;letter-spacing:-.02em;color:var(--text);line-height:1.25}.stats-main{display:grid;grid-template-columns:2fr 1fr;gap:16px;margin-bottom:24px}.stats-dist{display:grid;grid-template-columns:1fr 1fr;gap:16px}.stats-section-title{font-size:15px;font-weight:600;color:var(--text);margin-bottom:16px}@media(max-width:1200px){.stats-main{grid-template-columns:1fr}}@media(max-width:768px){.stats-dist{grid-template-columns:1fr}}.spinner{display:inline-block;width:14px;height:14px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin .6s linear infinite}.skeleton{border-radius:var(--radius-xs);background:linear-gradient(90deg,var(--surface-raised) 25%,var(--surface-hover) 50%,var(--surface-raised) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite linear}.toolbar{display:flex;align-items:center;gap:12px;margin-bottom:20px;flex-wrap:wrap}.toolbar .input,.toolbar select{height:36px;min-height:36px}.toolbar .btn{min-height:36px}.toolbar-spacer{flex:1}.toolbar-count{font-size:13px;color:var(--text-muted);white-space:nowrap}.table-cell-truncate{max-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-cell-secondary{font-size:13px;color:var(--text-secondary)}.table-cell-date{font-size:12px;color:var(--text-muted);white-space:nowrap;font-variant-numeric:tabular-nums}.table-cell-actions{white-space:nowrap}.table-cell-actions .btn{margin-right:4px}.table-cell-actions .btn:last-child{margin-right:0}.tabular-nums{font-variant-numeric:tabular-nums}.table-tools{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-bottom:12px}.table-compact .data-table th,.table-compact .data-table td,.table-compact .table th,.table-compact .table td{padding:.375rem .75rem}.table-compact .data-table,.table-compact .table{font-size:.8125rem}.empty-state{text-align:center;padding:48px 24px;color:var(--text-muted)}.empty-state-icon{width:48px;height:48px;margin:0 auto 12px;border-radius:var(--radius);background:var(--surface-raised);border:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:center}.empty-state-icon svg{width:24px;height:24px;color:var(--text-muted)}.empty-state-text{font-size:14px;color:var(--text-secondary)}.toggle-switch{position:relative;display:inline-flex;align-items:center;width:36px;height:20px;border-radius:9999px;background:var(--border-strong);border:none;cursor:pointer;transition:background .2s var(--ease-out);flex-shrink:0;padding:0}.toggle-switch[data-checked=true]{background:var(--primary)}.toggle-switch:after{content:"";position:absolute;left:2px;top:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:var(--shadow-subtle);transition:transform .2s var(--ease-bounce)}.toggle-switch[data-checked=true]:after{transform:translate(16px)}.toggle-switch:disabled{opacity:.5;cursor:not-allowed}.pagination{display:flex;align-items:center;justify-content:center;gap:4px;margin-top:16px;flex-wrap:wrap}.pagination-btn{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 8px;border:none;border-radius:var(--radius-xs);background:transparent;color:var(--text-secondary);font-size:.75rem;font-weight:500;cursor:pointer;transition:all .15s var(--ease-out);font-family:inherit}.pagination-btn:hover:not(:disabled):not(.pagination-active){background:var(--surface-raised);color:var(--text)}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-active{background:var(--primary);color:var(--primary-foreground);box-shadow:var(--shadow-subtle)}.pagination-ellipsis{min-width:28px;text-align:center;color:var(--text-muted);font-size:.75rem}.pagination-info{font-size:.75rem;color:var(--text-muted);margin-left:8px}.tabs{display:flex;gap:0;border-bottom:2px solid var(--border);margin-bottom:20px}.tab-btn{padding:10px 20px;font-size:14px;font-weight:500;color:var(--text-secondary);background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;cursor:pointer;transition:color .15s,border-color .15s;white-space:nowrap}.tab-btn:hover{color:var(--text)}.tab-btn.tab-active{color:var(--primary);border-bottom-color:var(--primary)}.user-picker{position:relative}.user-picker-input{width:260px}.user-picker-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm, 8px);box-shadow:var(--shadow-elevated);max-height:240px;overflow-y:auto;z-index:100}.user-picker-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 12px;border:none;background:none;cursor:pointer;text-align:left;font-size:13px;color:var(--text);transition:background .1s}.user-picker-item:hover,.user-picker-item.user-picker-item-active{background:var(--surface-hover)}.user-picker-item .picker-id{font-size:11px;color:var(--text-muted);font-variant-numeric:tabular-nums;min-width:32px}.user-picker-item .picker-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-picker-item .picker-sub{font-size:11px;color:var(--text-muted)}.user-picker-empty{padding:16px;text-align:center;font-size:13px;color:var(--text-muted)}.user-chip{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;background:var(--primary-muted);color:var(--primary);border-radius:999px;font-size:13px;font-weight:500}.user-chip .chip-clear{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;border:none;background:none;color:inherit;cursor:pointer;font-size:14px;line-height:1;opacity:.6;transition:opacity .1s}.user-chip .chip-clear:hover{opacity:1}.command-palette{width:520px;max-width:calc(100vw - 32px);overflow:hidden;align-self:flex-start;margin-top:12vh}.command-palette-input-wrap{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--border)}.command-palette-input{flex:1;border:none;outline:none;background:none;font-size:14px;color:var(--text);font-family:inherit}.command-palette-input::placeholder{color:var(--text-muted)}.command-palette-kbd{font-size:10px;color:var(--text-muted);border:1px solid var(--border);border-radius:4px;padding:1px 5px;font-family:inherit;background:var(--surface-raised)}.command-palette-list{max-height:320px;overflow-y:auto;padding:6px}.command-palette-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:9px 12px;border:none;background:none;border-radius:var(--radius-xs);cursor:pointer;font-size:13px;color:var(--text);text-align:left;font-family:inherit;transition:background .1s}.command-palette-item-active{background:var(--primary-muted);color:var(--primary)}.command-palette-item-group{font-size:11px;color:var(--text-muted);flex-shrink:0;margin-left:12px}.command-palette-item-active .command-palette-item-group{color:var(--primary);opacity:.7}.command-palette-empty{padding:24px;text-align:center;font-size:13px;color:var(--text-muted)}.sidebar-item-badge{margin-left:auto;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--warning);color:#fff;font-size:10px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;font-variant-numeric:tabular-nums}.sidebar-collapsed .sidebar-item-badge{display:none}.toast-host{position:fixed;top:16px;right:16px;z-index:2000;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast{display:flex;align-items:center;gap:10px;min-width:220px;max-width:360px;padding:10px 14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-elevated);font-size:13px;color:var(--text);cursor:pointer;pointer-events:auto;animation:slideInRight .25s var(--ease-out)}.toast-icon{display:flex;flex-shrink:0}.toast-success .toast-icon{color:var(--success)}.toast-error .toast-icon{color:var(--error)}.toast-info .toast-icon{color:var(--info)}.toast-message{flex:1;line-height:1.4}.ledger-header{display:flex;align-items:center;gap:16px;padding:12px 16px;background:var(--surface-raised);border-radius:var(--radius-sm, 8px);margin-bottom:16px}.ledger-header .ledger-username{font-weight:600;font-size:14px}.ledger-header .ledger-balance{font-size:20px;font-weight:700;font-variant-numeric:tabular-nums}.ledger-header .ledger-label{font-size:12px;color:var(--text-muted)}.loading-center{padding:24px;text-align:center;color:var(--text-muted);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.loading-center:before{content:"";width:28px;height:28px;border:2.5px solid var(--border-strong);border-top-color:var(--primary);border-radius:50%;animation:spin .7s linear infinite}.mb-16{margin-bottom:16px}.mb-12{margin-bottom:12px}.mt-16{margin-top:16px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1}.min-w-0{min-width:0}.text-right{text-align:right}.cursor-pointer{cursor:pointer}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;font-size:13px;margin-bottom:1rem}.detail-field{display:flex;gap:4px}.detail-label{color:var(--text-muted);white-space:nowrap}.detail-value{word-break:break-word}.modal-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--border)}.chart-bars{display:flex;align-items:flex-end;gap:3px;height:180px;padding:0 4px}.chart-bar-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;height:100%;justify-content:flex-end}.chart-bar{width:100%;border-radius:3px 3px 0 0;transition:opacity .15s}.chart-bar:hover{opacity:.8}.chart-bar-downloads{background:var(--primary)}.chart-bar-dau{background:var(--success)}.chart-labels{display:flex;gap:3px;padding:4px 4px 0}.chart-label{flex:1;text-align:center;font-size:10px;color:var(--text-muted);overflow:hidden;white-space:nowrap}.chart-legend{display:flex;gap:24px;margin-top:12px;font-size:12px;color:var(--text-secondary)}.chart-legend-item{display:inline-flex;align-items:center;gap:6px}.chart-legend-dot{display:inline-block;width:10px;height:10px;border-radius:2px}.progress-bar{height:8px;background:var(--background);border-radius:9999px;overflow:hidden}.progress-bar-fill{height:100%;border-radius:9999px;transition:width .3s var(--ease-out)}.rank-list{display:flex;flex-direction:column;gap:10px}.rank-item{display:flex;align-items:center;gap:10px}.rank-badge{min-width:24px;display:inline-flex;align-items:center;justify-content:center}.rank-name{flex:1;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-count{font-size:13px;font-weight:600;color:var(--text-secondary)}.prompt-block{padding:.6rem .75rem;background:var(--surface-raised);border-radius:6px;white-space:pre-wrap;word-break:break-word;font-size:13px;line-height:1.6;margin-top:4px}.landing-x{--mx: 50%;--my: 50%;position:relative;min-height:100vh;background:var(--background);color:var(--text);overflow-x:hidden}.lx-canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;opacity:.55}.lx-grid{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background-image:linear-gradient(color-mix(in srgb,var(--primary) 5%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--primary) 5%,transparent) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(ellipse 70% 60% at var(--mx) var(--my),#000 30%,transparent 80%);-webkit-mask-image:radial-gradient(ellipse 70% 60% at var(--mx) var(--my),#000 30%,transparent 80%);opacity:.7}.lx-aurora{position:fixed;border-radius:50%;filter:blur(100px);pointer-events:none;z-index:0;will-change:transform}.lx-aurora-1{width:600px;height:600px;top:-200px;left:-100px;background:radial-gradient(circle,rgba(59,130,246,.28),transparent 70%);animation:lx-float-1 18s ease-in-out infinite}.lx-aurora-2{width:500px;height:500px;top:30%;right:-150px;background:radial-gradient(circle,rgba(139,92,246,.24),transparent 70%);animation:lx-float-2 22s ease-in-out infinite}.lx-aurora-3{width:450px;height:450px;bottom:-150px;left:30%;background:radial-gradient(circle,rgba(6,182,212,.2),transparent 70%);animation:lx-float-3 20s ease-in-out infinite}[data-theme=dark] .lx-aurora-1{background:radial-gradient(circle,rgba(59,130,246,.18),transparent 70%)}[data-theme=dark] .lx-aurora-2{background:radial-gradient(circle,rgba(139,92,246,.16),transparent 70%)}[data-theme=dark] .lx-aurora-3{background:radial-gradient(circle,rgba(6,182,212,.14),transparent 70%)}@keyframes lx-float-1{0%,to{transform:translate(0)}50%{transform:translate(80px,60px)}}@keyframes lx-float-2{0%,to{transform:translate(0)}50%{transform:translate(-70px,50px)}}@keyframes lx-float-3{0%,to{transform:translate(0)}50%{transform:translate(50px,-60px)}}.lx-nav{position:fixed;top:0;left:0;right:0;z-index:100;transition:all .35s var(--ease-out)}.lx-nav-solid{background:color-mix(in srgb,var(--surface) 75%,transparent);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid var(--border);box-shadow:0 1px 20px #0000000a}.lx-nav-inner{max-width:1240px;margin:0 auto;padding:0 2rem;height:68px;display:flex;align-items:center;justify-content:space-between;gap:2rem}.lx-brand{display:flex;align-items:center;gap:10px}.lx-brand-logo-wrap{position:relative;width:36px;height:36px}.lx-brand-logo{width:36px;height:36px;border-radius:9px;object-fit:contain;position:relative;z-index:1}.lx-brand-glow{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:12px;background:linear-gradient(135deg,var(--primary),#06B6D4,#8B5CF6);filter:blur(10px);opacity:.5;z-index:0;animation:lx-glow-pulse 3s ease-in-out infinite}@keyframes lx-glow-pulse{0%,to{opacity:.4}50%{opacity:.7}}.lx-brand-name{font-size:1.0625rem;font-weight:800;letter-spacing:-.02em;color:var(--text)}.lx-brand-tag{font-size:.625rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:3px 8px;border-radius:6px;background:linear-gradient(135deg,var(--primary-muted),color-mix(in srgb,#8B5CF6 12%,transparent));color:var(--primary)}.lx-nav-links{display:flex;align-items:center;gap:2.25rem}.lx-nav-link{font-size:.875rem;color:var(--text-secondary);text-decoration:none;font-weight:500;position:relative;transition:color .2s}.lx-nav-link:after{content:"";position:absolute;bottom:-4px;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--primary),#06B6D4);transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease-out)}.lx-nav-link:hover{color:var(--text)}.lx-nav-link:hover:after{transform:scaleX(1)}.lx-nav-cta{display:inline-flex;align-items:center;gap:6px;padding:.5rem 1.25rem;min-height:38px;background:linear-gradient(135deg,var(--primary),color-mix(in srgb,var(--primary) 70%,#06B6D4));color:#fff;border:none;border-radius:999px;font-size:.875rem;font-weight:600;cursor:pointer;font-family:inherit;box-shadow:0 4px 14px color-mix(in srgb,var(--primary) 35%,transparent);transition:all .25s var(--ease-out)}.lx-nav-cta:hover{transform:translateY(-1px);box-shadow:0 6px 20px color-mix(in srgb,var(--primary) 45%,transparent);filter:brightness(1.08)}.lx-nav-cta:active{transform:scale(.97)}.lx-hero{position:relative;z-index:2;max-width:1240px;margin:0 auto;padding:180px 2rem 100px;display:flex;align-items:center;justify-content:center;min-height:90vh}.lx-hero-inner{text-align:center;max-width:820px;animation:lx-hero-in 1s var(--ease-out) both}@keyframes lx-hero-in{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.lx-eyebrow{display:inline-flex;align-items:center;gap:10px;padding:7px 16px;margin-bottom:32px;background:color-mix(in srgb,var(--surface) 70%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid color-mix(in srgb,var(--primary) 20%,transparent);border-radius:999px;font-size:.75rem;font-weight:500;color:var(--primary);letter-spacing:.02em}.lx-eyebrow-dot{width:7px;height:7px;border-radius:50%;background:var(--primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 20%,transparent);animation:lx-pulse 2s ease-in-out infinite}@keyframes lx-pulse{0%,to{box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 20%,transparent)}50%{box-shadow:0 0 0 8px color-mix(in srgb,var(--primary) 8%,transparent)}}.lx-eyebrow-text{font-variant-numeric:tabular-nums}.lx-cursor{animation:lx-blink 1s step-end infinite;font-weight:300}@keyframes lx-blink{0%,to{opacity:1}50%{opacity:0}}.lx-title{font-size:clamp(2.75rem,6vw,4.5rem);font-weight:800;letter-spacing:-.035em;line-height:1.08;margin:0 0 24px}.lx-title-line{display:block;color:var(--text)}.lx-title-gradient{position:relative;background:linear-gradient(120deg,var(--primary) 0%,#06B6D4 35%,#8B5CF6 65%,var(--primary) 100%);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:lx-shine 5s linear infinite}@keyframes lx-shine{to{background-position:200% center}}.lx-desc{font-size:1.0625rem;line-height:1.8;color:var(--text-secondary);margin:0 auto 40px;max-width:620px}.lx-desc-hl{color:var(--primary);font-weight:600}.lx-hero-actions{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap}.lx-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:0 1.75rem;border-radius:999px;font-size:.9375rem;font-weight:600;cursor:pointer;text-decoration:none;font-family:inherit;transition:all .25s var(--ease-out);border:1px solid transparent}.lx-btn-primary{background:linear-gradient(135deg,var(--primary),color-mix(in srgb,var(--primary) 65%,#06B6D4));color:#fff;box-shadow:0 6px 20px color-mix(in srgb,var(--primary) 40%,transparent),0 0 0 1px color-mix(in srgb,var(--primary) 20%,transparent) inset}.lx-btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 30px color-mix(in srgb,var(--primary) 50%,transparent);filter:brightness(1.1)}.lx-btn-primary:active{transform:scale(.97)}.lx-btn-ghost{background:color-mix(in srgb,var(--surface) 60%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:var(--text);border-color:var(--border)}.lx-btn-ghost:hover{background:var(--surface-hover);border-color:var(--border-strong);transform:translateY(-1px)}.lx-btn-white{background:#fff;color:var(--primary);box-shadow:0 6px 24px #00000026}.lx-btn-white:hover{transform:translateY(-2px);box-shadow:0 10px 30px #0003}.lx-hero-hint{display:inline-flex;align-items:center;gap:8px;margin-top:36px;font-size:.8125rem;color:var(--text-muted)}.lx-hero-hint svg{color:var(--primary)}.lx-stats{position:relative;z-index:2;max-width:1100px;margin:0 auto;padding:0 2rem 100px}.lx-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.lx-stat-card{position:relative;padding:28px 24px;background:color-mix(in srgb,var(--surface) 70%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:all .3s var(--ease-out)}.lx-stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--primary, #3B82F6),transparent);opacity:0;transition:opacity .3s}.lx-stat-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--primary) 20%,transparent);box-shadow:var(--shadow-elevated)}.lx-stat-card:hover:before{opacity:1}.lx-stat-value{font-size:2.25rem;font-weight:800;letter-spacing:-.03em;line-height:1;font-variant-numeric:tabular-nums;margin-bottom:8px}.lx-stat-suffix{font-size:1.25rem;font-weight:700;margin-left:2px}.lx-stat-label{font-size:.8125rem;color:var(--text-muted);margin-bottom:14px}.lx-stat-bar{height:3px;background:var(--surface-hover);border-radius:999px;overflow:hidden}.lx-stat-bar-fill{height:100%;border-radius:999px;transition:width 1.5s var(--ease-out)}.lx-features,.lx-modules,.lx-cta-section{position:relative;z-index:2;max-width:1240px;margin:0 auto;padding:80px 2rem}.lx-section-head{text-align:center;margin-bottom:56px}.lx-section-tag{display:inline-block;font-size:.6875rem;font-weight:700;letter-spacing:.15em;color:var(--primary);margin-bottom:14px;padding:4px 12px;border-radius:999px;background:var(--primary-muted)}.lx-section-title{font-size:clamp(1.875rem,3.5vw,2.5rem);font-weight:800;letter-spacing:-.025em;color:var(--text);margin:0 0 12px}.lx-section-desc{font-size:1rem;color:var(--text-secondary);margin:0}.lx-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.lx-feature-grid.in-view .lx-feature-card{animation:lx-card-in .6s var(--ease-out) both}.lx-feature-card{position:relative;padding:32px 28px;background:color-mix(in srgb,var(--surface) 75%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;cursor:default;transition:box-shadow .3s var(--ease-out),border-color .3s var(--ease-out);transform-style:preserve-3d;will-change:transform;animation:lx-card-in .6s var(--ease-out) both;animation-delay:calc(var(--i) * .08s)}@keyframes lx-card-in{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.lx-feature-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:radial-gradient(400px circle at var(--mx) var(--my),var(--glow),transparent 40%);opacity:0;transition:opacity .4s;pointer-events:none}.lx-feature-card:hover:before{opacity:.12}.lx-feature-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,transparent 40%,var(--glow) 50%,transparent 60%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .4s;pointer-events:none}.lx-feature-card:hover:after{opacity:.5}.lx-feature-shine{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 40%,rgba(255,255,255,.03) 50%,transparent 60%);transform:translate(-100%);pointer-events:none}.lx-feature-card:hover .lx-feature-shine{animation:lx-shine-sweep .8s ease-out}@keyframes lx-shine-sweep{to{transform:translate(100%)}}.lx-feature-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;margin-bottom:18px;color:#fff;box-shadow:0 6px 16px var(--glow);transform:translateZ(20px)}.lx-feature-title{font-size:1.125rem;font-weight:700;color:var(--text);margin:0 0 8px;transform:translateZ(12px)}.lx-feature-desc{font-size:.875rem;line-height:1.75;color:var(--text-secondary);margin:0;transform:translateZ(6px)}.lx-feature-arrow{position:absolute;bottom:24px;right:24px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:var(--text-muted);background:var(--surface-hover);opacity:0;transform:translate(-6px,6px);transition:all .3s var(--ease-out)}.lx-feature-card:hover .lx-feature-arrow{opacity:1;transform:translate(0);color:var(--primary)}.lx-module-groups{display:flex;flex-direction:column;gap:28px}.lx-module-group{animation:lx-fade-up .6s var(--ease-out) both;animation-delay:calc(var(--gi) * .1s)}@keyframes lx-fade-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.lx-module-group-label{font-size:.75rem;font-weight:700;color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:12px;padding-left:4px}.lx-module-chips{display:flex;flex-wrap:wrap;gap:10px}.lx-module-chip{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;font-size:.875rem;font-weight:500;color:var(--text-secondary);background:color-mix(in srgb,var(--surface) 70%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--border);border-radius:999px;transition:all .25s var(--ease-out);cursor:default}.lx-module-chip:hover{color:var(--primary);border-color:color-mix(in srgb,var(--primary) 35%,transparent);background:var(--primary-subtle);transform:translateY(-2px);box-shadow:0 4px 12px color-mix(in srgb,var(--primary) 15%,transparent)}.lx-module-dot{width:6px;height:6px;border-radius:50%;background:var(--primary);box-shadow:0 0 8px var(--primary)}.lx-cta-card{position:relative;border-radius:24px;padding:72px 40px;text-align:center;background:linear-gradient(135deg,#1d4ed8,#2563eb 30%,#7c3aed 70%,#6d28d9);overflow:hidden}.lx-cta-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgba(255,255,255,.12) 1px,transparent 1px);background-size:28px 28px;opacity:.6}.lx-cta-bg:before,.lx-cta-bg:after{content:"";position:absolute;border-radius:50%;filter:blur(60px)}.lx-cta-bg:before{width:300px;height:300px;top:-80px;right:-60px;background:radial-gradient(circle,rgba(6,182,212,.4),transparent 70%)}.lx-cta-bg:after{width:280px;height:280px;bottom:-80px;left:-40px;background:radial-gradient(circle,rgba(236,72,153,.3),transparent 70%)}.lx-cta-content{position:relative;z-index:1}.lx-cta-title{font-size:clamp(1.875rem,3vw,2.25rem);font-weight:800;color:#fff;letter-spacing:-.02em;margin:0 0 10px}.lx-cta-desc{font-size:1.0625rem;color:#ffffffd9;margin:0 0 32px}.lx-footer{position:relative;z-index:2;border-top:1px solid var(--border);background:color-mix(in srgb,var(--surface) 60%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.lx-footer-inner{max-width:1240px;margin:0 auto;padding:28px 2rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.lx-footer-brand{display:flex;align-items:center;gap:10px;font-size:.875rem;font-weight:600;color:var(--text)}.lx-footer-logo{width:26px;height:26px;border-radius:7px}.lx-footer-copy{font-size:.8125rem;color:var(--text-muted)}.lx-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;background:#0000008c;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;padding:1rem;animation:lx-fade .25s var(--ease-out)}@keyframes lx-fade{0%{opacity:0}to{opacity:1}}.lx-modal{position:relative;width:440px;max-width:100%;background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:40px 36px 32px;box-shadow:0 24px 64px #0003,0 0 0 1px #ffffff0d inset;animation:lx-modal-in .4s cubic-bezier(.34,1.56,.64,1)}@keyframes lx-modal-in{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.lx-modal-close{position:absolute;top:16px;right:16px;width:34px;height:34px;display:flex;align-items:center;justify-content:center;border:none;background:var(--surface-hover);border-radius:50%;color:var(--text-muted);cursor:pointer;transition:all .2s}.lx-modal-close:hover{color:var(--text);background:var(--border-strong);transform:rotate(90deg)}.lx-modal-glow{position:absolute;top:-60px;left:50%;transform:translate(-50%);width:200px;height:120px;border-radius:50%;background:radial-gradient(circle,var(--primary-glow),transparent 70%);filter:blur(30px);pointer-events:none}.lx-modal-header{text-align:center;margin-bottom:28px;position:relative}.lx-modal-logo{width:56px;height:56px;border-radius:14px;margin:0 auto 14px;box-shadow:var(--shadow-card);object-fit:contain}.lx-modal-title{font-size:1.5rem;font-weight:800;letter-spacing:-.02em;color:var(--text);margin:0 0 4px}.lx-modal-sub{font-size:.875rem;color:var(--text-muted);margin:0}.lx-modal-form{display:flex;flex-direction:column;gap:14px}.lx-input-wrap{position:relative;display:flex;align-items:center}.lx-input-icon{position:absolute;left:14px;color:var(--text-muted);pointer-events:none}.lx-input{width:100%;height:48px;padding:0 16px 0 42px;border:1.5px solid var(--border);border-radius:12px;font-size:.9375rem;background:var(--surface-raised);color:var(--text);outline:none;font-family:inherit;transition:all .2s var(--ease-out)}.lx-input:focus{border-color:var(--primary);background:var(--surface);box-shadow:0 0 0 4px var(--primary-glow)}.lx-input::placeholder{color:var(--text-muted)}.lx-submit{position:relative;width:100%;height:50px;margin-top:6px;background:linear-gradient(135deg,var(--primary),color-mix(in srgb,var(--primary) 65%,#06B6D4));color:#fff;border:none;border-radius:12px;font-size:.9375rem;font-weight:700;letter-spacing:.15em;cursor:pointer;font-family:inherit;overflow:hidden;box-shadow:0 6px 20px color-mix(in srgb,var(--primary) 35%,transparent);transition:all .25s var(--ease-out)}.lx-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 28px color-mix(in srgb,var(--primary) 45%,transparent);filter:brightness(1.08)}.lx-submit:active:not(:disabled){transform:scale(.98)}.lx-submit:disabled{opacity:.7;cursor:not-allowed}.lx-submit-shine{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);transition:left .5s}.lx-submit:hover .lx-submit-shine{left:100%}.lx-portal-hero{position:relative;z-index:2;max-width:1240px;margin:0 auto;padding:150px 2rem 90px;display:flex;align-items:center;justify-content:space-between;gap:64px;min-height:88vh}.lx-portal-left{max-width:600px;animation:lx-hero-in 1s var(--ease-out) both}.lx-portal-title{font-size:clamp(2.5rem,5vw,3.75rem);font-weight:800;letter-spacing:-.035em;line-height:1.12;margin:0 0 22px;color:var(--text)}.lx-portal-desc{font-size:1.0625rem;line-height:1.85;color:var(--text-secondary);margin:0 0 34px;max-width:540px}.lx-portal-desc-hl{color:var(--primary);font-weight:600}.lx-portal-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.lx-portal-badges{display:flex;align-items:center;gap:18px;margin-top:38px;flex-wrap:wrap}.lx-portal-badge{display:inline-flex;align-items:center;gap:7px;font-size:.8125rem;color:var(--text-secondary);font-weight:500}.lx-portal-badge svg{color:var(--primary)}.lx-terminal{position:relative;width:500px;flex-shrink:0;border-radius:16px;overflow:hidden;background:linear-gradient(160deg,#0f172a,#111c33);border:1px solid color-mix(in srgb,#3B82F6 18%,transparent);box-shadow:0 32px 80px #02061773,0 0 0 1px #ffffff0a inset,0 0 60px color-mix(in srgb,#3B82F6 10%,transparent);animation:lx-hero-in 1s var(--ease-out) .25s both}[data-theme=light] .lx-terminal{background:linear-gradient(160deg,#0f172a,#16203a)}.lx-terminal:before{content:"";position:absolute;top:-1px;left:32px;right:32px;height:2px;background:linear-gradient(90deg,transparent,#3B82F6,#06B6D4,transparent);opacity:.8;z-index:2}.lx-terminal:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:radial-gradient(rgba(255,255,255,.025) 1px,transparent 1px);background-size:22px 22px}.lx-terminal-head{display:flex;align-items:center;gap:8px;padding:14px 18px;border-bottom:1px solid rgba(148,163,184,.12);position:relative;z-index:1}.lx-terminal-dot{width:11px;height:11px;border-radius:50%}.lx-terminal-dot-r{background:#ff5f57}.lx-terminal-dot-y{background:#febc2e}.lx-terminal-dot-g{background:#28c840}.lx-terminal-title{margin-left:8px;font-size:.75rem;color:#94a3b8cc;font-family:SF Mono,Cascadia Code,Consolas,monospace;letter-spacing:.04em}.lx-terminal-live{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-size:.6875rem;font-weight:600;color:#34d399;font-family:SF Mono,Cascadia Code,Consolas,monospace}.lx-terminal-live-dot{width:6px;height:6px;border-radius:50%;background:#34d399;animation:lx-pulse 1.6s ease-in-out infinite;box-shadow:0 0 0 3px #34d3992e}.lx-terminal-body{position:relative;z-index:1;padding:18px 20px 20px;min-height:320px;max-height:320px;overflow:hidden;font-family:SF Mono,Cascadia Code,Consolas,monospace;font-size:.8125rem;line-height:2.05}.lx-terminal-line{display:flex;gap:10px;white-space:nowrap;animation:lx-term-in .4s var(--ease-out) both}@keyframes lx-term-in{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.lx-term-time{color:#64748bd9;flex-shrink:0}.lx-term-tag{flex-shrink:0;font-weight:600}.lx-term-tag-bind{color:#60a5fa}.lx-term-tag-media{color:#a78bfa}.lx-term-tag-llm{color:#22d3ee}.lx-term-info{color:#cbd5e1e0}.lx-term-money{color:#34d399;font-weight:700}.lx-term-dim{color:#94a3b899}.lx-term-cmd{color:#e2e8f0}.lx-term-prompt{color:#34d399;font-weight:700}.lx-terminal-caret{display:inline-block;width:8px;height:15px;margin-top:3px;background:#34d399;vertical-align:middle;animation:lx-caret-blink 1s step-end infinite}@keyframes lx-caret-blink{0%,to{opacity:1}50%{opacity:0}}.lx-terminal-caption{display:flex;align-items:center;justify-content:center;gap:7px;padding:10px;border-top:1px solid rgba(148,163,184,.1);font-size:.7188rem;color:#94a3b8a6;position:relative;z-index:1}.lx-terminal-caption svg{color:#34d399}.lx-login-error{font-size:.8125rem;color:#ef4444;margin:0 0 14px;padding:10px 12px;border-radius:10px;background:color-mix(in srgb,#EF4444 8%,transparent)}.lx-login-hint{display:flex;align-items:center;gap:6px;margin-top:16px;font-size:.75rem;color:var(--text-muted);justify-content:center}.lx-cases{position:relative;z-index:2;max-width:1100px;margin:0 auto;padding:0 2rem 100px}.lx-case-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.lx-case-card{position:relative;padding:26px 24px 24px;border:1px solid var(--border);border-radius:18px;overflow:hidden;cursor:default;transition:transform .3s var(--ease-out),box-shadow .3s var(--ease-out),border-color .3s var(--ease-out)}.lx-case-card.c1{background:linear-gradient(160deg,#3b82f626,#3b82f605 62%),var(--surface)}.lx-case-card.c2{background:linear-gradient(160deg,#8b5cf626,#8b5cf605 62%),var(--surface)}.lx-case-card.c3{background:linear-gradient(160deg,#06b6d426,#10b98105 62%),var(--surface)}.lx-case-card.c4{background:linear-gradient(160deg,#f59e0b26,#ef444405 62%),var(--surface)}.lx-case-card.c1:hover{border-color:color-mix(in srgb,#3B82F6 38%,transparent);box-shadow:0 12px 32px color-mix(in srgb,#3B82F6 14%,transparent);transform:translateY(-3px)}.lx-case-card.c2:hover{border-color:color-mix(in srgb,#8B5CF6 38%,transparent);box-shadow:0 12px 32px color-mix(in srgb,#8B5CF6 14%,transparent);transform:translateY(-3px)}.lx-case-card.c3:hover{border-color:color-mix(in srgb,#06B6D4 38%,transparent);box-shadow:0 12px 32px color-mix(in srgb,#06B6D4 14%,transparent);transform:translateY(-3px)}.lx-case-card.c4:hover{border-color:color-mix(in srgb,#F59E0B 38%,transparent);box-shadow:0 12px 32px color-mix(in srgb,#F59E0B 14%,transparent);transform:translateY(-3px)}.lx-case-tag{display:inline-flex;align-items:center;padding:4px 11px;margin-bottom:18px;border-radius:999px;font-size:.6875rem;font-weight:700;letter-spacing:.05em}.c1 .lx-case-tag{background:color-mix(in srgb,#3B82F6 13%,transparent);color:color-mix(in srgb,#3B82F6 78%,var(--text));border:1px solid color-mix(in srgb,#3B82F6 30%,transparent)}.c2 .lx-case-tag{background:color-mix(in srgb,#8B5CF6 13%,transparent);color:color-mix(in srgb,#8B5CF6 78%,var(--text));border:1px solid color-mix(in srgb,#8B5CF6 30%,transparent)}.c3 .lx-case-tag{background:color-mix(in srgb,#06B6D4 13%,transparent);color:color-mix(in srgb,#06B6D4 78%,var(--text));border:1px solid color-mix(in srgb,#06B6D4 30%,transparent)}.c4 .lx-case-tag{background:color-mix(in srgb,#F59E0B 13%,transparent);color:color-mix(in srgb,#F59E0B 78%,var(--text));border:1px solid color-mix(in srgb,#F59E0B 30%,transparent)}.lx-case-value{font-size:2rem;font-weight:800;letter-spacing:-.03em;line-height:1.1;color:var(--text);font-variant-numeric:tabular-nums;margin-bottom:6px}.lx-case-label{font-size:.8125rem;line-height:1.6;color:var(--text-muted)}.lx-case-mock{display:flex;flex-direction:column;gap:9px;margin-top:22px}.lx-case-mock .line{height:9px;border-radius:5px;width:0;background:color-mix(in srgb,var(--text) 9%,transparent);transition:width .9s var(--ease-out)}.lx-case-grid.in-view .line{width:100%}.lx-case-grid.in-view .line.accent{width:72%}.lx-case-grid.in-view .line.short{width:46%}.c1 .lx-case-mock .line.accent{background:linear-gradient(90deg,#3b82f6,#06b6d4)}.c2 .lx-case-mock .line.accent{background:linear-gradient(90deg,#8b5cf6,#ec4899)}.c3 .lx-case-mock .line.accent{background:linear-gradient(90deg,#06b6d4,#10b981)}.c4 .lx-case-mock .line.accent{background:linear-gradient(90deg,#f59e0b,#ef4444)}@media(max-width:960px){.lx-feature-grid,.lx-stats-grid,.lx-case-grid{grid-template-columns:repeat(2,1fr)}.lx-nav-links{display:none}.lx-portal-hero{flex-direction:column;padding-top:140px}.lx-portal-left{text-align:center;max-width:640px}.lx-portal-actions{justify-content:center}.lx-terminal{width:100%;max-width:500px}}@media(max-width:640px){.lx-nav-inner{padding:0 1.25rem;height:60px}.lx-hero{padding:130px 1.25rem 60px;min-height:auto}.lx-features,.lx-modules,.lx-cta-section{padding:56px 1.25rem}.lx-stats,.lx-cases{padding:0 1.25rem 56px}.lx-feature-grid,.lx-case-grid{grid-template-columns:1fr;gap:14px}.lx-feature-card{padding:24px 20px}.lx-cta-card{padding:48px 24px;border-radius:18px}.lx-modal{padding:32px 24px 24px}.lx-brand-tag{display:none}.lx-stat-value{font-size:1.75rem}.lx-skills-grid{grid-template-columns:1fr}.lx-platforms-row{gap:12px}.lx-platform-card{min-width:100px;padding:20px 16px}.lx-im-chips{gap:6px}.tutorial-sidebar{display:none}.tutorial-body{flex-direction:column}.tutorial-content{padding:1.25rem}.tutorial-shortcuts-grid{grid-template-columns:1fr 1fr}}.lx-skills-section{position:relative;z-index:2;max-width:1240px;margin:0 auto;padding:80px 2rem}.lx-skills-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.lx-skill-cat{background:color-mix(in srgb,var(--surface) 70%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--radius);padding:24px;transition:all .3s var(--ease-out);animation:lx-fade-up .5s var(--ease-out) both;animation-delay:calc(var(--i) * .08s)}.lx-skill-cat:hover{border-color:color-mix(in srgb,var(--cat-color, var(--primary)) 30%,transparent);box-shadow:0 8px 24px color-mix(in srgb,var(--cat-color, var(--primary)) 10%,transparent);transform:translateY(-2px)}.lx-skill-cat-head{display:flex;align-items:center;gap:10px;margin-bottom:16px}.lx-skill-cat-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.lx-skill-cat-label{font-size:.9375rem;font-weight:700;color:var(--text)}.lx-skill-items{display:flex;flex-wrap:wrap;gap:8px}.lx-skill-item{padding:5px 12px;font-size:.8125rem;font-weight:500;color:var(--text-secondary);background:var(--surface-raised);border:1px solid var(--border-subtle);border-radius:8px;transition:all .2s}.lx-skill-cat:hover .lx-skill-item{border-color:color-mix(in srgb,var(--cat-color, var(--primary)) 20%,transparent)}.lx-platforms-section{position:relative;z-index:2;max-width:1000px;margin:0 auto;padding:80px 2rem;text-align:center}.lx-platforms-row{display:flex;justify-content:center;gap:20px;margin-bottom:40px;flex-wrap:wrap}.lx-platform-card{display:flex;flex-direction:column;align-items:center;gap:12px;min-width:140px;padding:28px 24px;background:color-mix(in srgb,var(--surface) 70%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-secondary);transition:all .3s var(--ease-out)}.lx-platform-card svg{color:var(--text);opacity:.7;transition:all .3s}.lx-platform-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--primary) 30%,transparent);box-shadow:var(--shadow-elevated);color:var(--primary)}.lx-platform-card:hover svg{opacity:1;color:var(--primary)}.lx-platform-card span{font-size:.9375rem;font-weight:600}.lx-im-row{margin-top:8px}.lx-im-label{font-size:.8125rem;color:var(--text-muted);margin-bottom:14px;font-weight:500}.lx-im-chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.lx-im-chip{padding:6px 16px;font-size:.8125rem;font-weight:500;color:var(--text-secondary);background:color-mix(in srgb,var(--surface) 60%,transparent);border:1px solid var(--border);border-radius:999px;transition:all .2s}.lx-im-chip:hover{color:var(--primary);border-color:var(--primary);background:var(--primary-subtle)}.lx-btn-outline-white{background:transparent;color:#fff;border-color:#fff6}.lx-btn-outline-white:hover{background:#ffffff1f;border-color:#ffffffb3}.tutorial-x{position:relative;min-height:100vh;background:var(--background);color:var(--text)}.tx-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 50% 40% at 15% 0%,color-mix(in srgb,var(--primary) 7%,transparent),transparent),radial-gradient(ellipse 40% 50% at 85% 100%,color-mix(in srgb,#8B5CF6 5%,transparent),transparent)}.tx-grid{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background-image:linear-gradient(color-mix(in srgb,var(--primary) 4%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--primary) 4%,transparent) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(ellipse 60% 50% at 50% 30%,#000,transparent 80%);-webkit-mask-image:radial-gradient(ellipse 60% 50% at 50% 30%,#000,transparent 80%)}.tx-header{position:sticky;top:0;z-index:100;background:color-mix(in srgb,var(--surface) 80%,transparent);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid var(--border)}.tx-header-inner{max-width:1280px;margin:0 auto;padding:0 2rem;height:60px;display:flex;align-items:center;justify-content:space-between}.tx-back{display:inline-flex;align-items:center;gap:6px;padding:.45rem 1rem;min-height:34px;background:var(--surface-raised);border:1px solid var(--border);border-radius:999px;color:var(--text-secondary);font-size:.8125rem;font-weight:500;cursor:pointer;font-family:inherit;transition:all .2s}.tx-back:hover{color:var(--text);background:var(--surface-hover);border-color:var(--border-strong)}.tx-brand{display:flex;align-items:center;gap:10px;font-size:.9375rem;font-weight:700}.tx-logo{width:28px;height:28px;border-radius:7px;object-fit:contain}.tx-login{padding:.45rem 1.125rem;min-height:34px;background:linear-gradient(135deg,var(--primary),color-mix(in srgb,var(--primary) 70%,#06B6D4));color:#fff;border:none;border-radius:999px;font-size:.8125rem;font-weight:600;cursor:pointer;font-family:inherit;box-shadow:0 2px 10px color-mix(in srgb,var(--primary) 30%,transparent);transition:all .2s}.tx-login:hover{filter:brightness(1.08);transform:translateY(-1px)}.tx-layout{max-width:1280px;margin:0 auto;display:flex;gap:0;position:relative;z-index:1;align-items:flex-start}.tx-sidebar{width:220px;flex-shrink:0;position:sticky;top:60px;height:calc(100vh - 60px);overflow-y:auto;padding:2rem 0;scrollbar-width:none}.tx-sidebar::-webkit-scrollbar{display:none}.tx-sidebar-sticky{padding:0 1rem}.tx-sidebar-title{font-size:.6875rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.12em;padding:0 .75rem 12px}.tx-nav{display:flex;flex-direction:column;gap:2px}.tx-nav-item{position:relative;display:flex;align-items:center;gap:10px;width:100%;padding:9px 12px;background:none;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;font-family:inherit;text-align:left;transition:all .15s}.tx-nav-item:hover{background:var(--surface-hover);color:var(--text)}.tx-nav-item.active{background:var(--primary-muted);color:var(--primary);font-weight:600}.tx-nav-num{font-size:.6875rem;font-weight:700;font-variant-numeric:tabular-nums;opacity:.5}.tx-nav-item.active .tx-nav-num{opacity:1}.tx-nav-label{flex:1}.tx-nav-indicator{position:absolute;left:0;top:50%;transform:translateY(-50%);width:2.5px;height:18px;background:var(--primary);border-radius:0 999px 999px 0}.tx-content{flex:1;min-width:0;padding:0 2rem 4rem}.tx-section{padding:3rem 0;scroll-margin-top:80px}.tx-section:first-child{padding-top:2rem}.tx-section-head{text-align:center;margin-bottom:32px}.tx-section-num{display:inline-block;font-size:.75rem;font-weight:800;color:var(--primary);letter-spacing:.15em;margin-bottom:10px}.tx-section-title{font-size:clamp(1.5rem,2.8vw,2rem);font-weight:800;letter-spacing:-.025em;color:var(--text);margin:0 0 8px}.tx-section-desc{font-size:.9375rem;color:var(--text-secondary);margin:0}.tx-welcome{text-align:center;padding:2rem 0 3rem}.tx-welcome-badge{display:inline-flex;align-items:center;gap:8px;padding:7px 16px;margin-bottom:28px;background:var(--primary-muted);border:1px solid color-mix(in srgb,var(--primary) 20%,transparent);border-radius:999px;font-size:.8125rem;font-weight:500;color:var(--primary)}.tx-welcome-dot{width:6px;height:6px;border-radius:50%;background:var(--primary);animation:lx-pulse 2s infinite}.tx-welcome-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;letter-spacing:-.035em;line-height:1.1;margin:0 0 20px}.tx-gradient-text{background:linear-gradient(120deg,var(--primary),#06B6D4,#8B5CF6,var(--primary));background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:lx-shine 5s linear infinite}.tx-welcome-desc{font-size:1.0625rem;line-height:1.8;color:var(--text-secondary);margin:0 0 36px}.tx-start-btn{min-height:48px;padding:0 2rem;font-size:.9375rem}.tx-demo-wrap{max-width:640px;margin:0 auto 32px}.demo-chat{background:var(--surface);border:1px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:var(--shadow-elevated)}.demo-chat-header{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--border);background:var(--surface-raised)}.demo-chat-dots{display:flex;gap:5px}.demo-chat-dots span{width:9px;height:9px;border-radius:50%;background:var(--border-strong)}.demo-chat-title{font-size:.8125rem;font-weight:600;color:var(--text-secondary)}.demo-chat-body{padding:20px;display:flex;flex-direction:column;gap:14px}.demo-msg{display:flex;gap:10px;animation:demo-msg-in .35s var(--ease-out)}@keyframes demo-msg-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.demo-msg-user{justify-content:flex-end}.demo-avatar{width:28px;height:28px;border-radius:50%;flex-shrink:0;overflow:hidden}.demo-avatar img{width:100%;height:100%;object-fit:contain}.demo-bubble{max-width:80%;padding:10px 14px;border-radius:14px;font-size:.875rem;line-height:1.6}.demo-bubble-user{background:var(--primary);color:#fff;border-bottom-right-radius:4px}.demo-bubble-assistant{background:var(--surface-raised);color:var(--text);border:1px solid var(--border-subtle);border-bottom-left-radius:4px}.demo-tool-call{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:10px;background:color-mix(in srgb,var(--primary) 5%,transparent);border:1px solid color-mix(in srgb,var(--primary) 12%,transparent);animation:demo-msg-in .35s var(--ease-out)}.demo-tool-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:7px;background:var(--primary);color:#fff;flex-shrink:0}.demo-tool-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.demo-tool-name{font-size:.6875rem;font-weight:700;color:var(--primary);text-transform:uppercase;letter-spacing:.05em}.demo-tool-action{font-size:.8125rem;color:var(--text-secondary)}.demo-tool-check{color:var(--success);flex-shrink:0}.demo-done{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:10px;background:var(--success-muted);color:var(--success);font-size:.8125rem;font-weight:600;animation:demo-msg-in .35s var(--ease-out)}.demo-done svg{flex-shrink:0}.demo-typing{display:flex;gap:4px;padding:4px 0}.demo-typing span{width:7px;height:7px;border-radius:50%;background:var(--text-muted);animation:demo-typing 1.2s infinite}.demo-typing span:nth-child(2){animation-delay:.2s}.demo-typing span:nth-child(3){animation-delay:.4s}@keyframes demo-typing{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}.tx-feature-points{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:720px;margin:0 auto}.tx-point{display:flex;align-items:flex-start;gap:10px;padding:14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm)}.tx-point-icon{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;flex-shrink:0;background:var(--primary-muted);color:var(--primary)}.tx-point strong{display:block;font-size:.875rem;font-weight:700;color:var(--text);margin-bottom:2px}.tx-point span{font-size:.75rem;color:var(--text-secondary);line-height:1.5;display:block}.demo-flow{display:flex;align-items:stretch;justify-content:center;gap:0;flex-wrap:wrap;margin-bottom:32px}.demo-flow-node{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;padding:24px 16px;flex:1;min-width:130px;max-width:180px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);text-align:center;animation:demo-msg-in .5s var(--ease-out) both}.demo-flow-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;flex-shrink:0;background:linear-gradient(135deg,var(--primary),#06B6D4);color:#fff;box-shadow:0 4px 14px color-mix(in srgb,var(--primary) 30%,transparent)}.demo-flow-label{font-size:.9375rem;font-weight:700;color:var(--text)}.demo-flow-sub{font-size:.75rem;color:var(--text-muted)}.demo-flow-arrow{display:flex;align-items:center;color:var(--primary);padding:0 6px;flex-shrink:0}@media(max-width:700px){.demo-flow{flex-direction:column;align-items:center}.demo-flow-arrow{transform:rotate(90deg);padding:4px 0}.demo-flow-node{max-width:280px;width:100%}}.tx-two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:700px;margin:0 auto}.tx-info-card{padding:24px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);transition:all .3s}.tx-info-card:hover{border-color:color-mix(in srgb,var(--primary) 20%,transparent);box-shadow:var(--shadow-card)}.tx-info-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:10px;margin-bottom:14px}.tx-info-card h3{font-size:1rem;font-weight:700;margin:0 0 6px}.tx-info-card p{font-size:.875rem;color:var(--text-secondary);line-height:1.65;margin:0}.demo-skills{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;max-width:720px;margin:0 auto 24px}.demo-skill{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 8px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.8125rem;font-weight:600;color:var(--text-secondary);cursor:default;transition:all .3s var(--ease-out);animation:demo-msg-in .4s var(--ease-out) both}.demo-skill:hover,.demo-skill.hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--c, var(--primary)) 30%,transparent);box-shadow:0 8px 20px color-mix(in srgb,var(--c, var(--primary)) 12%,transparent);color:var(--c, var(--primary))}.demo-skill-icon{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;font-size:.9375rem;font-weight:800}.tx-skill-tip{display:flex;align-items:center;gap:10px;max-width:600px;margin:0 auto;padding:14px 18px;background:var(--surface-raised);border:1px solid var(--border-subtle);border-left:3px solid var(--primary);border-radius:var(--radius-sm);font-size:.875rem;color:var(--text-secondary)}.tx-skill-tip svg{color:var(--primary);flex-shrink:0}.tx-skill-tip code{padding:2px 7px;background:var(--surface);border:1px solid var(--border);border-radius:5px;font-size:.8125rem;color:var(--primary);font-weight:600}.tx-im-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:40px}.tx-im-card{display:flex;align-items:center;gap:8px;padding:10px 18px;background:var(--surface);border:1px solid var(--border);border-radius:999px;font-size:.875rem;font-weight:600;color:var(--text-secondary);animation:demo-msg-in .4s var(--ease-out) both;transition:all .2s}.tx-im-card:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-2px)}.tx-im-avatar{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,var(--primary),#8B5CF6);color:#fff;font-size:.6875rem;font-weight:700}.tx-im-demo{display:grid;grid-template-columns:1fr 40px 1fr;gap:0;align-items:stretch;max-width:860px;margin:0 auto}.tx-im-chat{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:12px;box-shadow:var(--shadow-card)}.tx-im-msg{display:flex}.tx-im-msg-in{justify-content:flex-start}.tx-im-msg-out{justify-content:flex-end}.tx-im-bubble{max-width:85%;padding:10px 14px;border-radius:12px;font-size:.875rem;line-height:1.6}.tx-im-msg-in .tx-im-bubble{background:var(--surface-raised);border:1px solid var(--border-subtle);border-bottom-left-radius:4px}.tx-im-msg-out .tx-im-bubble{background:var(--primary);color:#fff;border-bottom-right-radius:4px}.tx-im-bubble-me{background:var(--primary)}.tx-im-status{font-size:.6875rem;color:var(--success);margin-bottom:4px;font-weight:600}.tx-im-arrow{display:flex;align-items:center;justify-content:center;color:var(--primary);animation:tx-arrow-pulse 2s infinite}@keyframes tx-arrow-pulse{0%,to{transform:translate(0);opacity:.5}50%{transform:translate(6px);opacity:1}}.tx-im-pc{display:flex}.tx-im-pc-screen{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden;width:100%;box-shadow:var(--shadow-elevated);display:flex;flex-direction:column}.tx-im-pc-bar{height:28px;background:var(--surface-raised);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 12px;gap:5px;flex-shrink:0}.tx-im-pc-bar:before{content:"";width:8px;height:8px;border-radius:50%;background:#ff5f57;box-shadow:12px 0 #febc2e,24px 0 #28c840}.tx-im-pc-content{padding:0;flex:1;display:flex}.demo-terminal{border-radius:0;overflow:hidden;height:100%;display:flex;flex-direction:column}.demo-terminal-header{display:flex;align-items:center;gap:10px;padding:8px 14px;background:#1a1d27;flex-shrink:0}.demo-terminal-dots{display:flex;gap:5px}.demo-terminal-dots span{width:9px;height:9px;border-radius:50%}.demo-terminal-dots .red{background:#ff5f57}.demo-terminal-dots .yellow{background:#febc2e}.demo-terminal-dots .green{background:#28c840}.demo-terminal-title{font-size:.75rem;color:#8b8fa3;font-family:monospace}.demo-terminal-body{background:#0f1219;padding:14px;flex:1;font-family:SF Mono,Cascadia Code,Fira Code,monospace;font-size:.75rem;line-height:1.8;color:#c9d1d9}.demo-term-line{white-space:pre-wrap;word-break:break-all}.demo-term-prompt{color:#28c840;margin-right:8px;font-weight:700}.demo-term-blink{color:#c9d1d9;animation:demo-blink 1s step-end infinite}@keyframes demo-blink{0%,to{opacity:1}50%{opacity:0}}.tx-schedule{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:720px;margin:0 auto;align-items:start}.tx-schedule-chat{display:flex;flex-direction:column;gap:12px}.tx-schedule-msg{padding:14px 18px;border-radius:12px;font-size:.875rem;line-height:1.6}.tx-schedule-msg:not(.tx-schedule-agent){background:var(--primary);color:#fff;border-bottom-right-radius:4px}.tx-schedule-agent{background:var(--surface);border:1px solid var(--border);border-bottom-left-radius:4px}.tx-schedule-user{font-weight:700;margin-right:4px}.tx-schedule-bot{font-weight:700;color:var(--primary);margin-right:4px}.tx-schedule-list{display:flex;flex-direction:column;gap:8px}.tx-schedule-item{display:flex;align-items:center;gap:14px;padding:14px 16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);transition:all .2s}.tx-schedule-item:hover{border-color:var(--border-strong)}.tx-schedule-time{font-size:.9375rem;font-weight:700;color:var(--primary);font-variant-numeric:tabular-nums;white-space:nowrap;min-width:80px}.tx-schedule-info{flex:1;min-width:0}.tx-schedule-name{font-size:.875rem;font-weight:600;color:var(--text)}.tx-schedule-days{font-size:.75rem;color:var(--text-muted);margin-top:2px}.tx-switch{width:36px;height:20px;border-radius:999px;background:var(--border-strong);position:relative;cursor:pointer;transition:background .2s;flex-shrink:0}.tx-switch span{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:transform .2s var(--ease-bounce, cubic-bezier(.34,1.56,.64,1))}.tx-switch.on{background:var(--primary)}.tx-switch.on span{transform:translate(16px)}.tx-schedule-item.off{opacity:.55}.tx-memory{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:720px;margin:0 auto;align-items:center}.tx-memory-graph{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px;display:flex;align-items:center;justify-content:center}.tx-graph-svg{width:100%;max-width:280px;height:auto;color:var(--text-secondary)}.tx-memory-list{display:flex;flex-direction:column;gap:12px}.tx-memory-item{display:flex;align-items:flex-start;gap:12px;padding:16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm)}.tx-memory-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;flex-shrink:0;background:var(--primary-muted);color:var(--primary)}.tx-memory-item strong{display:block;font-size:.9375rem;font-weight:700;margin-bottom:3px}.tx-memory-item span{font-size:.8125rem;color:var(--text-secondary);line-height:1.5}.tx-security-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:720px;margin:0 auto}.tx-security-card{padding:20px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);text-align:center;transition:all .3s}.tx-security-card:hover{border-color:color-mix(in srgb,var(--primary) 20%,transparent);transform:translateY(-2px);box-shadow:var(--shadow-card)}.tx-security-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:10px;margin-bottom:12px;background:linear-gradient(135deg,var(--primary),#06B6D4);color:#fff;box-shadow:0 4px 14px color-mix(in srgb,var(--primary) 25%,transparent)}.tx-security-card h4{font-size:.9375rem;font-weight:700;margin:0 0 4px}.tx-security-card p{font-size:.75rem;color:var(--text-secondary);line-height:1.5;margin:0}.tx-end-section{padding:3rem 0}.tx-end-card{text-align:center;padding:48px 32px;background:linear-gradient(135deg,var(--primary),#1D4ED8 40%,#7C3AED);border-radius:20px;color:#fff;position:relative;overflow:hidden}.tx-end-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgba(255,255,255,.1) 1px,transparent 1px);background-size:24px 24px;opacity:.5}.tx-end-card h2{position:relative;font-size:1.75rem;font-weight:800;margin:0 0 8px}.tx-end-card p{position:relative;font-size:.9375rem;opacity:.85;margin:0 0 24px}.tx-end-card .lx-btn{position:relative}.tw-cursor{animation:demo-blink 1s step-end infinite;font-weight:300}@media(max-width:900px){.tx-sidebar{display:none}.tx-content{padding:0 1.25rem 3rem}.demo-skills{grid-template-columns:repeat(4,1fr)}.tx-feature-points,.tx-two-col,.tx-memory,.tx-schedule{grid-template-columns:1fr}.tx-security-grid{grid-template-columns:repeat(2,1fr)}.tx-im-demo{grid-template-columns:1fr;gap:16px}.tx-im-arrow{transform:rotate(90deg);justify-self:center}.demo-flow{flex-direction:column;align-items:center}.demo-flow-arrow{transform:rotate(90deg);padding:4px 0}.demo-flow-node{max-width:320px;width:100%}.tx-schedule{gap:16px}}@media(max-width:560px){.demo-skills{grid-template-columns:repeat(3,1fr)}.tx-security-grid{grid-template-columns:1fr}.tx-header-inner{padding:0 1rem}.tx-brand span{display:none}.tx-welcome{padding:1rem 0 2rem}.tx-end-card{padding:36px 20px}.tx-end-card h2{font-size:1.5rem}}