:root{--bg:#0b0f19;--panel:#161b29;--panel-strong:#111723;--panel-soft:#121826f0;--panel-raised:#1a2233;--line:#263854;--line-soft:#4a608252;--text:#f7fbff;--muted:#8ea3bf;--accent:#00eaff;--accent-strong:#08c6d8;--success:#16f2a3;--warning:#ffc400;--danger:#ff5b6b;--purple:#b700ff;--shadow:0 18px 40px #00000047;color:var(--text);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 0 0,#00eaff14,#0000 24%),linear-gradient(190deg,#090d16 0%,#0b0f19 100%);font-family:Segoe UI,Microsoft YaHei,sans-serif}:root[data-theme=light]{--bg:#eef4fa;--panel:#fff;--panel-strong:#fff;--panel-soft:#fffffff5;--panel-raised:#f8fbff;--line:#d5e2ef;--line-soft:#7895b347;--text:#163247;--muted:#698096;--accent:#00a9c2;--accent-strong:#00869a;--success:#0fa96f;--warning:#c89800;--danger:#d5495a;--purple:#8c27d7;--shadow:0 18px 40px #193e5b14;background:radial-gradient(circle at 0 0,#00a9c214,#0000 22%),linear-gradient(190deg,#f5f9fd 0%,#edf3f9 100%)}*{box-sizing:border-box}html,body,#root{min-height:100vh}body{color:var(--text);background:var(--bg);margin:0}button,input,select,textarea{font:inherit}button,select,input{color:inherit}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--line);border-radius:999px}.shell{grid-template-columns:76px 1fr;min-height:100vh;transition:grid-template-columns .25s;display:grid}.shell.is-sidebar-pinned,:is(.shell:has(.sidebar:hover),.shell:has(.sidebar:focus-within)){grid-template-columns:190px 1fr}.sidebar{border-right:1px solid var(--line-soft);background:var(--panel-soft);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:20;flex-direction:column;width:76px;height:100vh;padding:18px 14px;transition:width .25s,grid-column .25s;display:flex;position:sticky;top:0;overflow:hidden}.sidebar:hover,.sidebar:focus-within,.sidebar.is-pinned{width:190px}.sidebar-brand{align-items:center;gap:14px;margin-bottom:26px;display:flex}.sidebar-logo{background:linear-gradient(135deg,#00eaff2e,#b700ff29);border-radius:14px;flex:none;place-items:center;width:44px;height:44px;font-size:22px;display:grid}.sidebar-brand-copy{opacity:0;white-space:nowrap;transition:opacity .2s,transform .2s;transform:translate(-8px)}.sidebar:hover .sidebar-brand-copy,.sidebar:focus-within .sidebar-brand-copy,.sidebar.is-pinned .sidebar-brand-copy{opacity:1;transform:translate(0)}.brand-kicker,.topbar-eyebrow,.section-kicker{color:var(--accent);letter-spacing:.14em;text-transform:uppercase;margin:0 0 6px;font-size:12px}.sidebar h1,.topbar h2,.dashboard-title-block h3,.panel h3,.panel h4{margin:0}.nav{flex-direction:column;gap:10px;display:flex}.sidebar-footer{margin-top:auto;padding-top:14px}.nav-item{border:1px solid #0000;border-radius:16px;align-items:center;gap:14px;min-height:52px;padding:10px 12px;transition:background-color .2s,border-color .2s,transform .2s;display:flex}.sidebar-pin-toggle,.sidebar-theme-toggle{width:100%;min-height:52px;color:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:16px;align-items:center;gap:14px;padding:10px 12px;transition:background-color .2s,border-color .2s,transform .2s;display:flex}.sidebar-pin-toggle{margin-bottom:10px}.sidebar-pin-toggle:hover,.sidebar-theme-toggle:hover{border-color:var(--line-soft);background:#ffffff0a;transform:translate(2px)}.sidebar-pin-toggle.is-active{background:linear-gradient(135deg,#00eaff29,#00eaff0a);border-color:#00eaff5c}.sidebar-pin-toggle .nav-copy,.sidebar-theme-toggle .nav-copy{text-align:left}.nav-item:hover{border-color:var(--line-soft);background:#ffffff0a;transform:translate(2px)}.nav-item.is-active{background:linear-gradient(135deg,#00eaff29,#00eaff0a);border-color:#00eaff5c}.nav-badge{background:#ffffff0f;border-radius:10px;flex:none;place-items:center;width:28px;height:28px;font-weight:700;display:grid}.nav-copy{opacity:0;white-space:nowrap;gap:2px;transition:opacity .2s,transform .2s;display:grid;transform:translate(-8px)}.sidebar:hover .nav-copy,.sidebar:focus-within .nav-copy,.sidebar.is-pinned .nav-copy{opacity:1;transform:translate(0)}.nav-label{font-weight:700}.nav-hint,.panel-note,.dashboard-card-meta,.topbar-eyebrow{color:var(--muted)}.workspace{flex-direction:column;gap:0;padding:16px 14px 24px;display:flex}.ghost-button,.header-button,.reset-button{color:var(--accent);cursor:pointer;background:0 0;border:1px solid #00eaff7a;border-radius:6px;justify-content:center;align-items:center;padding:10px 14px;transition:background-color .2s,color .2s,box-shadow .2s;display:inline-flex}.ghost-button:hover,.header-button:hover{background:#00eaff24}.content,.page{flex-direction:column;gap:18px;display:flex}.panel,.page-hero,.dashboard-card,.chart-card,.dashboard-toolbar,.dashboard-table-shell,.dashboard-section{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:10px}.page-hero,.panel{padding:22px}.hero-row{justify-content:space-between;align-items:end;gap:18px;display:flex}.date-field{gap:8px;min-width:260px;display:grid}.date-field input,.report-input,.report-toolbar select,.editor-field input,.dashboard-search input,.dashboard-toolbar select{border:1px solid var(--line);background:var(--panel-strong);border-radius:8px;outline:none;width:100%;padding:12px 14px}.page-hero{background:linear-gradient(135deg, #00eaff14, transparent 34%), var(--panel)}.info-banner,.error-banner{border:1px solid var(--line);border-radius:10px;padding:14px 16px}.info-banner{background:#00eaff14}.error-banner{color:#ffb4bd;background:#ff5b6b1f;border-color:#ff5b6b57}.user-layout,.panel-grid,.stats-grid{gap:18px;display:grid}.user-layout{grid-template-columns:1.05fr .95fr}.user-manage-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.panel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.user-manage-chart-grid{grid-template-columns:1.2fr .8fr;gap:18px;display:grid}.user-manage-chart-card,.user-manage-chart-card-wide{min-width:0}.user-manage-table-head{padding:0 2px 14px}.user-manage-raw-table{min-width:max-content}.user-manage-raw-table td{vertical-align:middle}.user-manage-inline-link{color:var(--accent);font-weight:700}.user-manage-toolbar{flex-wrap:nowrap}.user-manage-search{min-width:0}.user-manage-filter{width:132px;min-width:132px;max-width:132px;padding:12px 36px 12px 14px}.user-manage-toolbar .reset-button{width:88px;min-width:88px;padding:10px 0}.user-manage-table-cell{cursor:default;min-width:160px}.user-manage-table-cell.is-editing{padding:8px}.user-manage-cell-text{white-space:nowrap;min-height:22px;display:block}.user-manage-raw-table th{white-space:nowrap}.user-manage-raw-table td{background:0 0}.user-manage-cell-editor{border:1px solid var(--line);background:var(--panel);width:100%;min-width:140px;color:inherit;border-radius:8px;padding:10px 12px}.stat-card,.dashboard-card{padding:20px}.user-manage-kpi-card{width:100%;color:inherit;text-align:left;cursor:pointer;background:var(--panel);border:1px solid var(--line);transition:transform .2s,border-color .2s,box-shadow .2s}.user-manage-kpi-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 12px 28px #00a9c21f}.user-manage-kpi-card.is-active{border-color:var(--accent);box-shadow:0 16px 30px #00a9c229}.stat-title,.dashboard-card-title{color:var(--muted);margin:0 0 12px;font-size:14px}.stat-value,.dashboard-card-value{font-size:40px;font-weight:800;line-height:1;display:block}.dashboard-card-value-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.trend-badge{border-radius:6px;align-items:center;padding:5px 10px;font-size:13px;font-weight:700;display:inline-flex}.trend-badge.up{color:var(--success);background:#16f2a31f}.trend-badge.down{color:var(--danger);background:#ff5b6b1f}.trend-badge.flat{color:var(--muted);background:#8ea3bf1f}.accent-cyan .dashboard-card-value,.accent-purple .dashboard-card-value,.accent-green .dashboard-card-value,.accent-gold .dashboard-card-value{color:var(--text)}.empty-state,.table-empty-state{min-height:190px;color:var(--muted);place-items:center;display:grid}.dashboard-page{gap:16px}.juhe-page{gap:22px}.page-intro,.dashboard-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-end;gap:20px;min-height:92px;padding:0 0 16px;display:flex}.page-intro-copy{gap:8px;min-width:0;display:grid}.page-intro-eyebrow{color:var(--accent);letter-spacing:.16em;text-transform:uppercase;margin:0;font-size:12px}.page-intro-title h3,.dashboard-title-block h3,.juhe-title-block h3{align-items:center;gap:10px;margin:0;font-size:28px;font-weight:800;line-height:1.15;display:flex}.page-intro-title h3 span:last-child,.dashboard-title-block h3 span:last-child{color:var(--accent)}.page-intro-description{max-width:780px;color:var(--muted);margin:0;font-size:15px;line-height:1.7}.page-intro-actions,.dashboard-header-actions,.juhe-header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}.dashboard-brand-mark{font-size:26px}.juhe-title-icon{width:40px;height:40px;color:var(--accent);background:#00a9c21f;border-radius:999px;place-items:center;font-size:22px;display:inline-grid}.date-controller{border:1px solid var(--accent);background:var(--panel);border-radius:8px;align-items:center;display:flex;overflow:hidden}.date-controller input{background:0 0;border:none;min-width:168px;padding:10px 12px}.date-arrow{width:42px;height:42px;color:var(--accent);cursor:pointer;background:0 0;border:none;font-size:24px}.header-button-solid{background:var(--accent);color:#061019;font-weight:700}.juhe-stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.juhe-kpi-card{min-height:132px}.juhe-kpi-compact{font-size:30px}.juhe-kpi-green .dashboard-card-value{color:#12f0a2}.juhe-kpi-yellow .dashboard-card-value,.juhe-panel-title{color:#ffd200}.juhe-kpi-red .dashboard-card-value{color:#ff5b6b}.juhe-panel-grid{grid-template-columns:1.4fr .95fr;gap:22px;display:grid}.juhe-panel{background:var(--panel);border-color:var(--line)}.juhe-panel-wide{min-width:0}.juhe-panel-title{font-size:20px;font-weight:800}.juhe-detail-section{gap:16px;display:grid}.juhe-detail-title{align-items:center;gap:10px;display:flex}.juhe-detail-title h4{color:#8f99ab;margin:0;font-size:20px;font-weight:800}.juhe-detail-mark{background:#ffd200;border-radius:999px;width:4px;height:28px}.dashboard-sort-root{gap:18px;display:grid}.section-wrapper,.sub-section-wrapper,.dashboard-card-wrap,.chart-wrap{min-width:0}.dashboard-card-wrap{display:block}.chart-wrap{min-width:0;display:flex}.chart-wrap-small{flex:2.5}.chart-wrap-large{flex:5}.dashboard-section{padding:0;overflow:hidden}.section-header{width:100%;color:inherit;cursor:pointer;background:#ffffff05;border:none;border-left:4px solid #0000;justify-content:space-between;align-items:center;padding:16px 18px;display:flex}.theme-nice{border-left-color:var(--accent)}.theme-tiktok{border-left-color:var(--purple)}.theme-table{border-left-color:#fff}:root[data-theme=light] .theme-table{border-left-color:#163247}.section-title-group,.sub-title{align-items:center;gap:10px;display:flex}.section-title{font-size:18px;font-weight:800}.drag-handle{color:#6d7e93;cursor:grab}.toggle-icon{color:var(--muted);transition:transform .2s}.section-header.is-collapsed .toggle-icon{transform:rotate(-90deg)}.section-content{padding:0 12px 12px}.sub-section{padding-top:8px}.sub-title{color:#6f8198;cursor:pointer;background:0 0;border:none;padding:6px 0 12px;font-size:14px}.dashboard-card-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.dashboard-chart-row{gap:18px;display:flex}.chart-card{min-height:432px;padding:14px}.chart-card-small,.chart-card-large{flex:auto;width:100%}.inline-metric-button{color:inherit;font:inherit;font-weight:inherit;cursor:pointer;background:0 0;border:none;padding:0}.inline-metric-button:hover{color:var(--accent)}.slash-divider{margin:0 10px;display:inline-block}.dashboard-toolbar{background:var(--panel-raised);flex-wrap:nowrap;align-items:center;gap:14px;margin-bottom:16px;padding:14px;display:flex}.dashboard-search{border:1px solid var(--line);background:var(--panel);border-radius:8px;flex:auto;align-items:center;gap:10px;min-width:0;padding:0 12px;display:flex}.dashboard-search input{background:0 0;border:none;padding-left:0}.dashboard-toolbar select{flex:0 0 132px;width:132px;min-width:132px;max-width:132px}.toolbar-icon{color:var(--muted)}.reset-button{color:var(--danger);border-color:#ff5b6b85;flex:none;width:88px;min-width:88px;margin-left:0;padding:10px 0}.reset-button:hover{background:#ff5b6b1f}.dashboard-table-shell{overflow:hidden}.dashboard-table-scroll{max-height:760px;overflow:auto}.dashboard-table{border-collapse:collapse;width:100%;min-width:1280px}.dashboard-table th,.dashboard-table td{text-align:left;vertical-align:middle;-webkit-user-select:text;user-select:text;border-bottom:1px solid #3a4e6c52;padding:14px 12px}.dashboard-table th{background:var(--panel-raised);color:#89b4ff;cursor:pointer;font-weight:700;position:sticky;top:0}.dashboard-table tbody tr:hover{background:#ffffff08}.col-no{text-align:center;color:#6d819a;width:56px}.col-id,.table-link,.user-link{color:var(--accent);-webkit-user-select:text;user-select:text}.col-time{color:var(--muted)}.col-file,.col-description,.col-link{-webkit-user-select:text;user-select:text;max-width:320px}.col-file{white-space:normal;word-break:break-all;min-width:260px}.col-description,.col-link{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.table-badge{border-radius:6px;justify-content:center;min-width:52px;padding:4px 10px;font-size:14px;font-weight:700;line-height:1.2;display:inline-flex}.type-follow{color:var(--success);background:#16f2a324;border:1px solid #16f2a342}.type-like{color:var(--warning);background:#ffc40024;border:1px solid #ffc4003d}.dashboard-table-footer{color:var(--muted);padding:12px 14px;font-size:13px}.user-grid,.message-table{border:1px solid var(--line);border-radius:10px;overflow:hidden}.user-grid-row,.message-row,.table-row{border-top:1px solid var(--line-soft);gap:12px;padding:14px 16px;display:grid}.user-grid-row{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;grid-template-columns:.8fr 1fr .45fr 1fr}.user-grid-row:first-child,.message-row:first-child,.table-row:first-child{border-top:none}.user-grid-head,.message-head,.table-head{background:#ffffff08;font-weight:700}.user-grid-row.is-selected{background:#00eaff1a}.editor-grid,.editor-field,.mini-metrics,.account-list{gap:14px;display:grid}.editor-field span,.editor-field label{color:var(--muted);font-size:13px}.editor-field div{border:1px solid var(--line);background:var(--panel-strong);border-radius:8px;padding:12px 14px}.report-footer,.user-report-header-actions,.month-switcher,.account-item,.panel-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.account-item{border:1px solid var(--line);border-radius:10px;padding:14px 16px}.identity-pill{background:#00eaff1f;border:1px solid #00eaff38;border-radius:999px;align-items:center;padding:10px 14px;font-weight:700;display:inline-flex}.identity-pill-inline{padding:6px 12px;font-size:13px}.user-report-page{gap:16px}.user-report-section-content{padding-top:12px}.user-report-stats-grid{margin-bottom:18px}.user-report-accent-green{color:var(--success)}.user-report-accent-gold{color:var(--warning)}.user-report-top-grid{grid-template-columns:1.15fr 1fr;gap:18px;display:grid}.user-report-panel,.user-report-panel-wide{min-width:0}.user-report-panel-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.user-report-panel-head h4{font-size:18px;font-weight:800}.user-report-month-switcher{justify-content:flex-end}.user-report-month-switcher .header-button{min-width:42px;min-height:42px;padding:0;font-size:24px;line-height:1}.user-report-month-label{text-align:center;min-width:150px;color:var(--accent);font-size:18px;font-weight:800}.user-report-account-shell{box-shadow:none;background:0 0;width:100%;min-width:0}.user-report-account-scroll{max-height:440px;overflow:auto}.user-report-account-table{table-layout:fixed;width:100%;min-width:0}.user-report-account-table th:first-child,.user-report-account-table td:first-child{width:auto}.user-report-account-table th:nth-child(2),.user-report-account-table th:nth-child(3),.user-report-account-table td:nth-child(2),.user-report-account-table td:nth-child(3){width:140px}.user-report-account-table th{position:sticky;top:0}.user-report-account-main{align-items:center;gap:12px;min-width:0;display:flex}.user-report-platform-icon{color:#ff8154;flex:0 0 28px;place-items:center;width:28px;height:28px;font-size:18px;font-weight:800;display:inline-grid}.user-report-platform-icon svg{width:100%;height:100%}.user-report-platform-icon.platform-weibo{color:#ff6a3c}.user-report-platform-icon.platform-douyin{color:#f4f7ff}.user-report-platform-icon.platform-instagram{color:#ff71a6}.user-report-platform-icon.platform-bilibili{color:#5bd8ff}.user-report-account-copy{flex:auto;gap:4px;min-width:0;display:grid}.user-report-account-copy strong,.user-report-account-link{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:16px;overflow:hidden}.user-report-account-copy span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;overflow:hidden}.user-report-account-link{display:block}.user-report-metric{font-size:30px;font-weight:800}.user-report-metric-cyan{color:var(--success)}.user-report-metric-gold{color:var(--warning)}.user-report-description-cell{white-space:normal;word-break:break-word;max-width:420px}.user-report-table-footer{justify-content:space-between;align-items:center;gap:12px;display:flex}@media (width<=1200px){.dashboard-card-grid,.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-chart-row,.user-layout,.panel-grid,.juhe-panel-grid,.user-report-top-grid,.user-manage-chart-grid{grid-template-columns:1fr;display:grid}}@media (width<=900px){.user-manage-kpi-grid,.stats-grid,.shell{grid-template-columns:1fr}.sidebar{border-right:none;border-bottom:1px solid var(--line-soft);width:100%;height:auto;position:relative}.sidebar-brand-copy,.nav-copy{opacity:1;transform:none}.workspace{padding:14px}.page-intro,.dashboard-header{flex-direction:column;align-items:flex-start;gap:14px}}@media (width<=720px){.dashboard-card-grid,.stats-grid{grid-template-columns:1fr}.dashboard-toolbar,.dashboard-header-actions,.juhe-header-actions,.hero-row,.panel-head,.user-report-panel-head,.report-footer,.user-report-header-actions,.month-switcher,.account-item,.user-report-table-footer{flex-direction:column;align-items:stretch}.dashboard-toolbar,.user-manage-toolbar{flex-wrap:wrap}.dashboard-toolbar select,.user-manage-filter,.reset-button,.user-manage-toolbar .reset-button{width:100%;min-width:0;max-width:none}.date-controller,.date-controller input,.juhe-date-controller,.header-button,.header-button-solid,.juhe-date-label{width:100%}.dashboard-table{min-width:980px}.user-grid-row,.message-row,.table-row{grid-template-columns:1fr}}.gate-page{background:#7fe7ea;min-height:100vh;padding:0}.gate-card{background:#fff;border:none;border-radius:0;grid-template-columns:minmax(520px,1fr) minmax(480px,.98fr);min-height:100vh;display:grid;overflow:hidden;box-shadow:0 24px 60px #183c4c1f}.gate-card-modern{background:#fff}.gate-left-panel{background:radial-gradient(circle at 24% 18%,#fff3,#0000 24%),radial-gradient(circle at 62% 44%,#ffffff17,#0000 28%),linear-gradient(145deg,#939ba9 0%,#717b8b 52%,#596476 100%);position:relative;overflow:hidden}.gate-brand{z-index:2;color:#fff;align-items:center;gap:14px;font-size:1.1rem;font-weight:700;display:flex;position:absolute;top:54px;left:52px}.gate-brand-mark{color:#fff;background:#000000a6;border-radius:9px;place-items:center;width:28px;height:28px;font-size:14px;display:grid;box-shadow:0 12px 24px #00000029}.gate-left-glow{filter:blur(90px);opacity:.65;border-radius:999px;position:absolute}.gate-left-glow-top{background:#ffffff38;width:220px;height:220px;top:10%;left:6%}.gate-left-glow-bottom{background:#ffffff1a;width:300px;height:300px;bottom:12%;right:8%}.gate-character-stage{z-index:1;justify-content:center;align-items:center;height:100%;padding:120px 24px;display:flex;position:relative}.gate-character-wrap{width:560px;height:440px;position:relative}.gate-actor{transform-origin:bottom;transition:all .7s ease-in-out;position:absolute;bottom:0}.gate-actor-purple{z-index:1;background:#6e39f4;border-radius:12px 12px 0 0;width:194px;height:400px;left:72px}.gate-actor-black{z-index:2;background:#2f2d2d;border-radius:10px 10px 0 0;width:130px;height:338px;left:256px}.gate-actor-orange{z-index:3;background:#ff986c;border-radius:132px 132px 0 0;width:260px;height:218px;left:6px}.gate-actor-yellow{z-index:4;background:#ecd94d;border-radius:76px 76px 0 0;width:152px;height:250px;left:346px}.gate-actor-eyes,.gate-pupil-row{transition:all .7s ease-in-out;display:flex;position:relative}.gate-actor-eyes{position:absolute}.gate-actor-eyes-purple{gap:34px}.gate-actor-eyes-black{gap:24px}.gate-pupil-row-orange{gap:34px;position:absolute}.gate-pupil-row-yellow{gap:24px;position:absolute}.gate-eye-ball{border-radius:999px;justify-content:center;align-items:center;transition:all .15s;display:flex;overflow:hidden}.gate-eye-core,.gate-pupil{border-radius:999px;transition:transform .1s ease-out}.gate-yellow-mouth{background:#2d2d2d;border-radius:999px;width:88px;height:4px;transition:all .2s ease-out;position:absolute}.gate-left-footer{z-index:2;gap:36px;display:flex;position:absolute;bottom:50px;left:50px}.gate-left-footer a{color:#2733428f;font-size:.95rem}.gate-panel{background:#fff;justify-content:center;align-items:center;padding:64px 72px;display:flex}.gate-panel-modern{background:#fff}.gate-panel-inner{width:100%;max-width:460px}.gate-header{text-align:center;margin-bottom:42px}.gate-panel h1{letter-spacing:-.04em;color:#07101f;margin:0;font-size:clamp(2.4rem,2vw + 1.8rem,3.4rem);font-weight:800;line-height:1.05}.gate-header p{color:#7f95b2;margin:12px 0 0;font-size:1rem}.gate-form{gap:22px;display:grid}.gate-form-modern{gap:22px}.gate-field{gap:10px;display:grid}.gate-form label{color:#111827;font-size:1rem;font-weight:700}.gate-form input{color:#111827;background:#fff;border:1px solid #e7edf5;border-radius:999px;width:100%;height:56px;padding:16px 20px;font-size:1rem;transition:border-color .2s,box-shadow .2s}.gate-form input::placeholder{color:#91a0b4}.gate-form input::-ms-reveal{display:none}.gate-form input::-ms-clear{display:none}.gate-form input:focus{border-color:#6b6ff7;outline:none;box-shadow:0 0 0 4px #6b6ff71f}.gate-password-wrap{position:relative}.gate-password-wrap input{padding-right:84px}.gate-toggle{color:#698096;cursor:pointer;background:0 0;border:none;font-size:.92rem;font-weight:700;position:absolute;top:50%;right:18px;transform:translateY(-50%)}.gate-password-wrap:focus-within input{border-color:#5665ff;box-shadow:0 0 0 2px #5665fff2}.gate-form-options{justify-content:space-between;align-items:center;gap:18px;margin-top:-2px;display:flex}.gate-checkbox{color:#162133;cursor:pointer;align-items:center;gap:10px;font-size:.98rem;font-weight:500;display:inline-flex}.gate-checkbox input{accent-color:#5665ff;flex:0 0 20px;width:20px;height:20px;margin:0}.gate-checkbox span{line-height:1.3}.gate-link{color:#5665d8;font-weight:600}.gate-submit,.gate-secondary{cursor:pointer;color:#0f1728;background:#fff;border:1px solid #e7edf5;border-radius:999px;width:100%;height:56px;font-size:1rem;font-weight:700;transition:transform .2s,box-shadow .2s,border-color .2s}.gate-submit:hover:not(:disabled),.gate-secondary:hover{transform:translateY(-1px);box-shadow:0 14px 30px #22395814}.gate-submit:disabled{opacity:.72;cursor:default}.gate-error{color:#b42318;background:#dc262614;border:1px solid #dc262624;border-radius:18px;margin:0;padding:12px 16px;font-size:.92rem}.gate-signup{text-align:center;color:#7389a6;margin:34px 0 0;font-size:.98rem}.gate-signup a{color:#0d1628;font-weight:700}@media (width<=1180px){.gate-card{grid-template-columns:1fr}.gate-left-panel{min-height:520px}.gate-panel{padding:48px 30px 56px}}@media (width<=720px){.gate-page{padding:0}.gate-card{min-height:100vh}.gate-left-panel{min-height:380px}.gate-brand{top:28px;left:24px}.gate-left-footer{flex-wrap:wrap;gap:22px;bottom:24px;left:24px}.gate-character-stage{align-items:center;padding:84px 10px}.gate-character-wrap{transform-origin:bottom;transform:scale(.72)}.gate-panel{padding:34px 20px 42px}.gate-form-options{flex-direction:column;align-items:flex-start}}