.login-page{background:radial-gradient(ellipse 70% 50% at 10% 0%, #c8ddf173, transparent 55%), radial-gradient(ellipse 50% 40% at 100% 100%, #0131ff0d, transparent 50%), var(--bg-page,#f5f6fc);place-items:center;min-height:100vh;padding:24px 16px;display:grid}.login-panel{border:1px solid var(--border,#d5e2ee);background:var(--bg-white,#fff);border-radius:14px;grid-template-columns:1fr 1fr;width:min(920px,100%);padding:0;display:grid;overflow:hidden;box-shadow:0 12px 40px #0b122014}.login-form-col{background:#fff;justify-content:center;align-items:center;padding:36px 32px;display:flex}.login-form-inner{width:100%;max-width:360px}.login-logo-row{align-items:center;gap:10px;margin-bottom:28px;display:flex}.login-logo-row img{object-fit:contain;width:36px;height:36px}.login-logo-row span{font-family:var(--font-display);color:var(--brand-ink);letter-spacing:-.02em;font-size:1.05rem;font-weight:800}.login-heading h1{font-family:var(--font-display);letter-spacing:-.03em;color:var(--brand-ink);margin:0 0 6px;font-size:1.55rem;font-weight:800;line-height:1.2}.login-heading p{color:var(--text-muted);margin:0 0 22px;font-size:.95rem;line-height:1.45}.login-mode-pill{border:1px solid var(--border);border-radius:6px;margin-bottom:14px;padding:6px 10px;font-size:.75rem;font-weight:700;display:inline-flex}.login-mode-pill.is-demo{background:var(--warning-soft,#fff1e4);color:#9a5b12}.login-mode-pill.is-warn{background:var(--danger-soft,#ffe9e7);color:#b42318}.login-setup{background:var(--bg-page);border:1px solid var(--border);color:var(--text-secondary);border-radius:8px;margin-bottom:14px;padding:12px 14px;font-size:.84rem;line-height:1.45}.login-setup strong{color:var(--brand-ink);margin-bottom:6px;font-size:.88rem;display:block}.login-setup ol{margin:0 0 0 1.1rem;padding:0}.login-setup code{border:1px solid var(--border);background:#fff;border-radius:3px;padding:1px 4px;font-size:.74rem}.login-error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:14px;padding:10px 12px;font-size:.86rem;font-weight:600;line-height:1.35}.login-form{flex-direction:column;display:flex}.login-form .field{margin-bottom:14px}.login-form .field label{color:var(--brand-ink);margin-bottom:6px;font-size:.84rem;font-weight:700;display:block}.login-label-row{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:6px;display:flex}.login-label-row label{margin-bottom:0}.login-forgot{color:var(--text-muted);cursor:default;font-size:.8rem;font-weight:600}.login-form .field input{border:1px solid var(--border,#d5e2ee);width:100%;min-height:46px;font:inherit;color:var(--brand-ink);background:#fff;border-radius:10px;padding:10px 14px;font-size:.95rem;transition:border-color .12s,box-shadow .12s}.login-form .field input::placeholder{color:var(--text-muted);opacity:.85}.login-form .field input:focus{border-color:var(--brand-blue,#0131ff);outline:none;box-shadow:0 0 0 3px #0131ff1f}.login-pass-wrap{position:relative}.login-pass-wrap input{padding-right:76px}.login-pass-toggle{width:32px;height:32px;color:var(--text-secondary,#3d4f63);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;transition:all .12s;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.login-pass-toggle:hover{background:var(--bg-muted,#f0f2f8);color:var(--brand-ink,#0b1220)}.login-submit{background:var(--brand-ink,#0b1220);border-color:var(--brand-ink,#0b1220);border-radius:10px;width:100%;min-height:48px;margin-top:4px;font-size:.98rem;font-weight:800}.login-submit:hover:not(:disabled){background:var(--brand-ink-soft,#151d2e);border-color:var(--brand-ink-soft,#151d2e)}.login-divider{color:var(--text-muted);align-items:center;gap:12px;margin:20px 0 14px;font-size:.8rem;font-weight:600;display:flex}.login-divider:before,.login-divider:after{content:"";background:var(--border);flex:1;height:1px}.login-switch{text-align:center;color:var(--text-secondary);margin:0;font-size:.9rem}.login-switch button{font:inherit;color:var(--brand-blue,#0131ff);cursor:pointer;text-underline-offset:2px;background:0 0;border:none;padding:0;font-weight:800;text-decoration:underline}.login-switch button:hover{color:var(--brand-blue-dark,#001fcc)}.login-hint{color:var(--text-muted);text-align:center;margin:16px 0 0;font-size:.78rem;line-height:1.4}.login-card{border:1px solid var(--border,#d5e2ee);border-radius:var(--r-lg,8px);width:min(420px,100%);box-shadow:var(--shadow-sm,0 1px 3px #0b12200f);background:var(--bg-white,#fff);padding:32px 28px}.login-card .field{margin-bottom:14px}.login-card .field label{color:var(--brand-ink);margin-bottom:6px;font-size:.84rem;font-weight:700;display:block}.login-card .field input{border:1px solid var(--border,#d5e2ee);border-radius:var(--r-md,6px);width:100%;min-height:46px;font:inherit;color:var(--brand-ink);background:#fff;padding:10px 14px;font-size:.95rem}.login-card .field input:focus{border-color:var(--primary,#0131ff);box-shadow:var(--focus-ring,0 0 0 3px #0131ff1f);outline:none}.login-brand{text-align:center;margin-bottom:18px}.login-brand .login-logo-img{object-fit:contain;width:72px;height:72px;margin:0 auto 12px;display:block}.login-brand h1{font-family:var(--font-display);letter-spacing:-.03em;color:var(--brand-ink);margin:0 0 8px;font-size:1.35rem;font-weight:800;line-height:1.25}.login-brand p{color:var(--text-muted);margin:0;font-size:.95rem;line-height:1.45}.login-brand strong{color:var(--brand-ink);font-weight:700}.login-art-col{background:var(--accent-sky-soft,#e8ebff);border-left:1px solid var(--border,#d5e2ee);justify-content:center;align-items:flex-end;min-height:100%;padding:0;display:flex;position:relative;overflow:hidden}.login-art-shuffle{z-index:2;border:1px solid color-mix(in srgb, var(--brand-ink) 12%, transparent);width:36px;height:36px;color:var(--brand-ink,#0b1220);cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffffd9;border-radius:10px;place-items:center;transition:background .12s,transform .12s,color .12s;display:grid;position:absolute;top:12px;right:12px;box-shadow:0 2px 8px #0b122014}.login-art-shuffle:hover{color:var(--brand-blue,#0131ff);background:#fff}.login-art-shuffle:active{transform:rotate(25deg)scale(.96)}.login-art-avatar.flat-av,.login-art-avatar{min-height:420px;overflow:hidden;width:100%!important;height:100%!important;box-shadow:none!important;background:var(--accent-sky-soft,#e8ebff)!important;border-radius:0!important;display:block!important}.login-art-avatar .flat-av-fallback{display:none!important}.login-art-avatar img{object-fit:cover;object-position:center bottom;width:100%;height:100%;display:block;border-radius:0!important}@media (width<=780px){.login-panel{grid-template-columns:1fr;max-width:440px}.login-art-col{display:none}.login-form-col{padding:28px 22px 32px}}:root{--brand-ink:#0b1220;--brand-ink-soft:#151d2e;--brand-ink-muted:#2a3548;--brand-blue:#0131ff;--brand-blue-dark:#001fcc;--brand-blue-soft:#e8ebff;--brand-blue-mid:#c5ccff;--bg:#f5f6fc;--bg-white:#fff;--bg-muted:#eef0fb;--bg-page:#f5f6fc;--bg-dark:#0b1220;--bg-sidebar:#fff;--bg-elevated:#fff;--accent-sky:#c5ccff;--accent-sky-soft:#e8ebff;--accent-sky-hover:#aeb8ff;--accent-green:#1cb785;--accent-green-soft:#e4f8f0;--accent-orange:#ff8f27;--accent-orange-soft:#fff1e4;--accent-purple:#9d89fc;--accent-purple-soft:#f0ecff;--accent-coral:#ff4f3f;--accent-coral-soft:#ffe9e7;--accent-lime:var(--accent-sky);--accent-lime-soft:var(--accent-sky-soft);--brand-yellow:var(--brand-ink);--brand-yellow-hover:var(--brand-ink-soft);--brand-yellow-soft:var(--accent-sky-soft);--brand-yellow-muted:var(--accent-sky);--brand-purple:var(--accent-purple);--brand-purple-deep:#7b66e0;--brand-purple-soft:var(--accent-purple-soft);--brand-red:var(--accent-coral);--border:#e0e4f2;--border-strong:#c5cce6;--border-on-ink:#ffffff24;--border-on-ink-strong:#ffffff52;--border-focus:color-mix(in srgb, var(--brand-blue) 45%, var(--border));--text:#0b1220;--text-secondary:#3d465c;--text-muted:#6b7389;--text-on-dark:#fff;--text-on-ink:#fff;--text-on-ink-muted:#ffffffc7;--text-on-yellow:#fff;--text-link:var(--brand-blue);--success:var(--accent-green);--success-soft:var(--accent-green-soft);--danger:var(--accent-coral);--danger-soft:var(--accent-coral-soft);--warning:var(--accent-orange);--warning-soft:var(--accent-orange-soft);--area-ling:var(--accent-purple);--area-hum:var(--accent-orange);--area-nat:var(--accent-green);--area-mat:var(--brand-blue);--area-red:var(--accent-coral);--primary:var(--brand-blue);--primary-dark:var(--brand-blue-dark);--primary-light:var(--brand-blue-soft);--primary-soft:var(--brand-blue-soft);--accent:var(--brand-blue);--accent-soft:var(--brand-blue-soft);--ling:var(--area-ling);--hum:var(--area-hum);--nat:var(--area-nat);--mat:var(--area-mat);--red:var(--area-red);--r-sm:4px;--r-md:6px;--r-lg:8px;--r-xl:10px;--r-pill:6px;--r-full:9999px;--radius:var(--r-lg);--radius-sm:var(--r-md);--shadow-sm:0 1px 2px #0b12200d;--shadow:0 4px 16px #0b122012;--shadow-lg:0 12px 40px #0b12201a;--shadow-ink:0 4px 14px #0b122033;--shadow-primary:0 4px 14px #0131ff52;--shadow-menu:var(--shadow-lg), 0 16px 40px #0131ff1f;--shadow-toast:0 12px 28px #0b122059;--shadow-yellow:var(--shadow-primary);--max:1440px;--max-marketing:1440px;--max-account:1000px;--max-account-narrow:960px;--gutter:28px;--sidebar-w:248px;--hub-rail-w:272px;--topbar-h:56px;--nav-h:var(--topbar-h);--ui-scale:1.1;--font:"DM Sans", system-ui, -apple-system, sans-serif;--font-display:"Outfit", "DM Sans", system-ui, sans-serif;--text-hero:clamp(2rem, 3.2vw, 2.5rem);--text-h1:clamp(1.65rem, 2.6vw, 2.05rem);--text-h2:1.4rem;--text-h3:1.2rem;--text-body:1.1rem;--text-body-lg:1.15rem;--text-sm:.95rem;--text-xs:.85rem;--leading-body:1.65;--leading-tight:1.25;--leading-lesson:1.75;--avatar-xs:28px;--avatar-sm:32px;--avatar-md:42px;--avatar-lg:72px;--avatar-xl:80px;--overlay-scrim:#0b122080;--overlay-scrim-soft:#0b122052;--hover-on-ink:#ffffff1f;--hover-danger-on-ink:#ff4f3f29;--hover-on-light:var(--primary-soft);--focus-ring:0 0 0 3px #0131ff38;--focus-ring-on-ink:0 0 0 3px #ffffff59;--z-base:1;--z-sticky:20;--z-sidebar:40;--z-topbar:50;--z-dropdown:120;--z-overlay:200;--z-modal:250;--z-toast:400;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.34, 1.4, .64, 1);--dur-fast:.12s;--dur-normal:.18s;--dur-slow:.35s;--ach-orb:72px;--ach-hold-ms:3800}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font);background:var(--bg-page);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.55}#root{min-height:100vh}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}img{max-width:100%;display:block}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text);line-height:1.2}.btn{border-radius:var(--r-pill);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:12px 22px;font-size:.95rem;font-weight:700;transition:transform .15s,background .15s,box-shadow .15s,opacity .15s;display:inline-flex}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--primary);color:var(--text-on-ink);box-shadow:var(--shadow-primary)}.btn-primary:hover:not(:disabled){background:var(--primary-dark)}.btn-secondary{background:var(--bg-white);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){background:var(--bg-muted)}.btn-sky{background:var(--primary-soft);color:var(--primary-dark)}.btn-sky:hover:not(:disabled){background:var(--brand-blue-mid)}.btn-ghost{color:var(--brand-ink);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--accent-sky-soft)}.btn-danger{background:var(--danger);color:#fff}.btn-sm{min-height:36px;padding:8px 14px;font-size:.875rem}.field{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.field label{font-size:var(--text-sm);color:var(--text);font-weight:600}.field input,.field textarea,.field select{border:1px solid var(--border);border-radius:var(--r-md);background:var(--bg-white);color:var(--text);padding:10px 12px}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--primary);box-shadow:var(--focus-ring);outline:none}.field textarea{resize:vertical;min-height:120px;line-height:1.55}.card{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);color:var(--text)}.badge{border-radius:var(--r-pill);font-size:var(--text-xs);align-items:center;gap:4px;padding:4px 10px;font-weight:700;display:inline-flex}.badge-primary,.badge-sky{background:var(--primary-soft);color:var(--primary-dark)}.badge-muted{background:var(--bg-muted);color:var(--text-secondary)}.badge-success{background:var(--success-soft);color:#0f7a56}.badge-warn{background:var(--warning-soft);color:#b45309}.card h1,.card h2,.card h3,.card h4{color:var(--brand-ink)}.card p{color:var(--text-secondary)}.card.surface-ink,.surface-ink{box-shadow:var(--shadow-primary);background:linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%)!important;color:var(--text-on-ink)!important;border-color:#0000!important}.surface-ink .btn-primary{color:var(--primary);box-shadow:none;background:#fff}.surface-ink .btn-primary:hover:not(:disabled){background:var(--primary-soft)}.area-ling{--area:var(--area-ling,#5b7cfa)}.area-hum{--area:var(--area-hum,#c45c8a)}.area-nat{--area:var(--area-nat,#2f9e6b)}.area-mat{--area:var(--area-mat,#e07a2f)}.area-red{--area:var(--area-red,#7c5cbf)}.plan-item-sub.area-ling,.plan-item-sub.area-hum,.plan-item-sub.area-nat,.plan-item-sub.area-mat,.plan-item-sub.area-red{color:var(--area)}