*{box-sizing:border-box;margin:0;padding:0}:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80}:root :root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}@media (prefers-color-scheme:dark){:root :root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root :root{font-size:16px}}@media (width<=640px){:root :root{font-size:15px}}@media (width<=400px){:root :root{font-size:14px}}@media (prefers-color-scheme:dark){:root :root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}:root #social .button-icon{filter:invert()brightness(2)}}:root body{min-height:100dvh;margin:0}:root #root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;width:1126px;max-width:100%;min-height:100svh;padding:0 env(safe-area-inset-right) 0 env(safe-area-inset-left);flex-direction:column;margin:0 auto;display:flex}@media (width<=1024px){:root #root{border-inline:none;width:100%}}@media (width<=640px){:root #root{min-height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}}:root h1,:root h2{font-family:var(--heading);color:var(--text-h);font-weight:500}:root h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){:root h1{margin:20px 0;font-size:36px}}@media (width<=640px){:root h1{letter-spacing:-.84px;font-size:28px}}@media (width<=400px){:root h1{font-size:24px}}:root h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){:root h2{font-size:20px}}@media (width<=640px){:root h2{font-size:18px}}@media (width<=400px){:root h2{font-size:16px}}:root p{margin:0}:root code,:root .counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}:root code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}@media (width<=640px){:root code{padding:2px 6px;font-size:13px}}:root button,:root a,:root [role=button],:root input[type=submit],:root input[type=button]{touch-action:manipulation;min-width:44px;min-height:44px}:root input,:root textarea,:root select{appearance:none;font-size:16px!important}@media (prefers-color-scheme:dark){:root input,:root textarea,:root select{background:var(--code-bg);color:var(--text-h);border-color:var(--border)}}:root ::-webkit-scrollbar{width:4px;height:4px}:root ::-webkit-scrollbar-track{background:0 0}:root ::-webkit-scrollbar-thumb{background:var(--accent);border-radius:4px}@media (prefers-color-scheme:dark){:root ::-webkit-scrollbar-thumb{background:var(--accent)}}@media print{:root #root{box-shadow:none;border:none}}:root{--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}@media (width<=1024px){:root{font-size:16px}}@media (width<=640px){:root{font-size:15px}}@media (width<=400px){:root{font-size:14px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{min-height:100dvh;margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;width:1126px;max-width:100%;min-height:100svh;padding:0 env(safe-area-inset-right) 0 env(safe-area-inset-left);flex-direction:column;margin:0 auto;display:flex}@media (width<=1024px){#root{border-inline:none;width:100%}}@media (width<=640px){#root{min-height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}@media (width<=640px){h1{letter-spacing:-.84px;font-size:28px}}@media (width<=400px){h1{font-size:24px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}@media (width<=640px){h2{font-size:18px}}@media (width<=400px){h2{font-size:16px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}@media (width<=640px){code{padding:2px 6px;font-size:13px}}button,a,[role=button],input[type=submit],input[type=button]{touch-action:manipulation;min-width:44px;min-height:44px}input,textarea,select{appearance:none;font-size:16px!important}@media (prefers-color-scheme:dark){input,textarea,select{background:var(--code-bg);color:var(--text-h);border-color:var(--border)}}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--accent);border-radius:4px}@media (prefers-color-scheme:dark){::-webkit-scrollbar-thumb{background:var(--accent)}}@media print{#root{box-shadow:none;border:none}}.auth-container{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.auth-box{background:#fff;border-radius:12px;width:100%;max-width:400px;padding:40px;box-shadow:0 10px 40px #0003}.auth-header{text-align:center;margin-bottom:30px}.auth-header h1{color:#333;margin:0 0 8px;font-size:28px}.auth-subtitle{color:#888;margin:0;font-size:14px}.auth-error{color:#c33;text-align:center;background:#fee;border-radius:6px;margin-bottom:20px;padding:12px;font-size:14px}.form-group{margin-bottom:20px}.form-group label{color:#555;margin-bottom:6px;font-size:14px;font-weight:500;display:block}.form-group input{box-sizing:border-box;border:1px solid #ddd;border-radius:6px;width:100%;padding:12px;font-size:16px;transition:border-color .3s,opacity .3s}.form-group input:focus{border-color:#667eea;outline:none}.form-group input:disabled{opacity:.6}.auth-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:6px;width:100%;padding:12px;font-size:16px;font-weight:500;transition:transform .2s,opacity .2s}.auth-btn:hover:not(:disabled){opacity:.9;transform:translateY(-2px)}.auth-btn:disabled{opacity:.6;cursor:not-allowed}.auth-footer{text-align:center;margin-top:20px}.auth-footer a{color:#667eea;font-size:14px;text-decoration:none}.auth-footer a:hover{text-decoration:underline}.register-box{max-width:420px}.auth-success{color:#2e7d32;text-align:center;background:#e8f5e9;border-radius:6px;margin-bottom:20px;padding:12px;font-size:14px}.input-with-status{position:relative}.input-with-status input{padding-right:40px}.status-icon{font-size:18px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.status-icon.valid{color:#4caf50}.status-icon.invalid{color:#f44336}.status-icon.checking{color:#ff9800}.field-hint{margin-top:4px;font-size:12px}.field-hint.error{color:#f44336}.field-hint.success{color:#4caf50}.field-hint.info{color:#667eea}.captcha-wrapper{align-items:center;gap:10px;display:flex}.captcha-wrapper input{flex:1}.captcha-image{cursor:pointer;background:#f5f5f5;border:1px solid #ddd;border-radius:6px;flex-shrink:0;height:44px}.verify-code-wrapper{gap:10px;display:flex}.verify-code-wrapper input{flex:1}.resend-btn{cursor:pointer;white-space:nowrap;color:#667eea;background:#f5f5f5;border:1px solid #ddd;border-radius:6px;padding:0 16px;font-size:14px;font-weight:500}.resend-btn:hover:not(:disabled){background:#eee}.resend-btn:disabled{opacity:.5;cursor:not-allowed}@media (width<=480px){.auth-box{padding:24px}.captcha-wrapper{flex-direction:column}.captcha-image{width:100%;height:auto;max-height:50px}.verify-code-wrapper{flex-direction:column}.resend-btn{padding:10px}}.home-container{background:#f0f2f5;flex-direction:column;min-height:100vh;display:flex}.home-header{z-index:100;background:#fff;padding:0 40px;position:sticky;top:0;box-shadow:0 2px 8px #00000014}.header-content{justify-content:space-between;align-items:center;max-width:1200px;height:64px;margin:0 auto;display:flex}.header-content h1{color:#333;margin:0;font-size:24px}.header-actions{align-items:center;gap:20px;display:flex}.user-greeting{color:#555;font-size:14px}.logout-btn{color:#fff;cursor:pointer;background:#ff6b6b;border:none;border-radius:6px;padding:8px 20px;font-size:14px;transition:background .2s}.logout-btn:hover{background:#ff5252}.home-main{flex:1;padding:40px}.home-content{max-width:1200px;margin:0 auto}.welcome-section{margin-bottom:32px}.welcome-section h2{color:#333;margin-bottom:8px;font-size:28px}.welcome-section p{color:#888;font-size:16px}.user-info-card{background:#fff;border-radius:12px;margin-bottom:32px;padding:24px 32px;box-shadow:0 2px 8px #0000000f}.user-info-card h3{color:#333;margin:0 0 20px;font-size:18px}.info-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px 32px;display:grid}.info-item{flex-direction:column;gap:4px;display:flex}.info-label{color:#999;text-transform:uppercase;letter-spacing:.5px;font-size:12px}.info-value{color:#333;font-size:16px;font-weight:500}.status-badge.active{color:#4caf50}.status-badge.inactive{color:#f44336}.quick-actions{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;display:grid}.action-card{text-align:center;cursor:pointer;background:#fff;border-radius:12px;padding:24px;transition:transform .2s,box-shadow .2s;box-shadow:0 2px 8px #0000000f}.action-card:hover{transform:translateY(-4px);box-shadow:0 4px 16px #0000001a}.action-icon{margin-bottom:12px;font-size:32px}.action-card h4{color:#333;margin:0 0 4px;font-size:16px}.action-card p{color:#999;margin:0;font-size:13px}.home-footer{text-align:center;background:#fff;border-top:1px solid #eee;padding:16px}.home-footer p{color:#999;margin:0;font-size:13px}@media (width<=768px){.home-header{padding:0 16px}.home-main{padding:16px}.header-content h1{font-size:18px}.user-greeting{display:none}.info-grid,.quick-actions{grid-template-columns:1fr}.user-info-card{padding:16px}}.auth-loading{color:#666;justify-content:center;align-items:center;min-height:100vh;font-size:18px;display:flex}