:root{--ink:#10192b;--muted:#7b879d;--line:#e2e8f1;--bg:#f4f7fb;--panel:#fff;--nav:#0d172a;--primary:#596bff;--primary2:#7887ff;--mint:#4ad4ad;--violet:#8c72f5;--amber:#f3b553;--danger:#f16e78;--shadow:0 18px 55px rgba(42,58,92,.1)}*{box-sizing:border-box}html{font-family:Manrope,system-ui,sans-serif;color:var(--ink);background:var(--bg)}body{margin:0}button,input,select{font:inherit}button,a{transition:.2s ease}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:inherit;font-size:19px;font-weight:800;letter-spacing:-.6px}.brand b{color:#6779ff}.brand-mark{width:37px;height:37px;border-radius:11px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,#7a88ff,#4c61ef);box-shadow:0 8px 22px #5266e94d}.training-pill{padding:8px 13px;border:1px solid #dce4f1;border-radius:999px;font-size:10px;font-weight:800;letter-spacing:.08em;color:#60708b;background:#fff}.eyebrow{display:block;color:#6e7d98;font-size:10px;font-weight:800;letter-spacing:.17em}.primary-btn,.secondary-btn{border:0;border-radius:12px;cursor:pointer;font-weight:800}.primary-btn{display:flex;align-items:center;justify-content:space-between;width:100%;padding:16px 18px;background:linear-gradient(110deg,var(--primary),var(--primary2));color:#fff;box-shadow:0 12px 25px rgba(89,107,255,.25)}.primary-btn:hover{transform:translateY(-2px);box-shadow:0 16px 30px rgba(89,107,255,.32)}.primary-btn.compact{width:auto;gap:20px;padding:13px 18px}.secondary-btn{padding:12px 16px;color:#5365e8;background:#f2f4ff;border:1px solid #dce2ff}.text-btn{border:0;background:none;color:#6677ef;cursor:pointer;font-weight:700;font-size:12px}.public-header{height:90px;padding:0 6vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e3e9f2}.auth-page{min-height:100vh;background:radial-gradient(circle at 18% 55%,#eef1ff 0,transparent 35%),#f8fafc}.auth-shell{min-height:calc(100vh - 148px);display:grid;grid-template-columns:minmax(0,1.2fr) minmax(370px,.65fr);gap:7vw;align-items:center;padding:60px 8vw}.auth-story h1{font-size:clamp(42px,5vw,73px);line-height:1.05;letter-spacing:-.055em;margin:17px 0 21px}.auth-story h1 em{font-style:normal;color:#5f73ef}.auth-story>p{max-width:650px;color:#66748a;font-size:17px;line-height:1.75}.feature-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:33px}.feature-row article{padding:18px;border:1px solid #e1e6ef;border-radius:14px;background:#ffffffa8}.feature-row article>span{font-size:10px;color:#6c7cf3;font-weight:800}.feature-row strong,.feature-row small{display:block}.feature-row strong{font-size:13px;margin:11px 0 5px}.feature-row small{font-size:10px;color:#8591a5}.hero-visual{position:relative;height:190px;margin-top:20px}.mini-chart{position:absolute;inset:20px 8% 0 3%;padding:20px 22px 0;border:1px solid #dfe6ef;border-radius:18px;background:#ffffffbd;box-shadow:var(--shadow);overflow:hidden}.mini-chart span{font-size:11px;color:#7e899d}.mini-chart strong{float:right}.mini-chart svg{width:100%;height:110px;margin-top:12px}.orb{position:absolute;border-radius:50%;filter:blur(4px)}.orb-a{width:82px;height:82px;right:0;top:0;background:#8c72f547}.orb-b{width:65px;height:65px;left:0;bottom:0;background:#4ad4ad40}.login-card{padding:35px;border:1px solid #dfe5ef;border-radius:22px;background:#fff;box-shadow:var(--shadow)}.login-card-head{display:flex;justify-content:space-between;font-size:9px;font-weight:800;letter-spacing:.14em;color:#8792a5}.login-card h2{font-size:30px;letter-spacing:-.035em;margin:26px 0 9px}.login-card>p{font-size:12px;color:#8490a3;line-height:1.6}.login-card label{display:block;font-size:11px;font-weight:700;margin-top:20px}.login-card input{display:block;width:100%;margin-top:8px;padding:14px 15px;border:1px solid #dce3ee;border-radius:11px;outline:none}.login-card input:focus{border-color:#7c8cff;box-shadow:0 0 0 3px #6b7cff16}.form-meta{display:flex;justify-content:space-between;align-items:center;color:#8a95a7;font-size:10px;margin:16px 0 23px}.form-meta .check{display:flex;align-items:center;gap:7px;margin:0;font-weight:500}.check input{width:auto;margin:0}.safe-note{display:flex;gap:10px;margin-top:22px;padding:12px 13px;border-radius:11px;background:#f0fbf7;color:#436b60}.safe-note>span{width:21px;height:21px;border-radius:50%;display:grid;place-items:center;background:#4ad4ad;color:#fff;font-size:11px}.safe-note p{font-size:9px;line-height:1.55;margin:0}.safe-note strong{display:block;font-size:10px}.public-footer{height:58px;padding:0 6vw;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e3e9f2;color:#8c97a8;font-size:10px}
.dashboard-page{min-height:100vh}.sidebar{position:fixed;z-index:10;left:0;top:0;bottom:0;width:242px;padding:27px 18px 18px;background:var(--nav);color:#c7d0df}.side-brand{color:#fff;margin:0 10px 46px}.side-brand b{color:#8d9bff}.side-label{display:block;margin:0 12px 12px;color:#61708b;font-size:8px;font-weight:800;letter-spacing:.18em}.sidebar nav{display:grid;gap:5px}.sidebar nav button{position:relative;display:flex;align-items:center;gap:14px;width:100%;padding:13px 14px;border:0;border-radius:10px;background:transparent;color:#8d9ab0;cursor:pointer;text-align:left;font-size:12px;font-weight:600}.sidebar nav button i{width:22px;font-style:normal;text-align:center;font-size:18px}.sidebar nav button b{margin-left:auto;min-width:21px;padding:3px 5px;border-radius:6px;background:#243047;color:#aeb9cc;font-size:9px;text-align:center}.sidebar nav button:hover,.sidebar nav button.active{color:#fff;background:#5266ea}.sidebar nav button.active b{background:#ffffff29;color:#fff}.sidebar-bottom{position:absolute;left:18px;right:18px;bottom:20px;display:flex;align-items:center;gap:10px;padding-top:18px;border-top:1px solid #253148}.user-avatar{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#dfe4ff;color:#5567e9;font-size:11px;font-weight:800}.sidebar-bottom>div:nth-child(2){display:grid}.sidebar-bottom strong{font-size:11px;color:#fff}.sidebar-bottom small{color:#6e7d95;font-size:8px;margin-top:3px}.sidebar-bottom button{margin-left:auto;border:0;background:none;color:#70809a;cursor:pointer}.workspace{min-height:100vh;margin-left:242px}.topbar{position:sticky;z-index:9;top:0;height:72px;padding:0 34px;display:flex;align-items:center;justify-content:space-between;background:#fffffff2;border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}.topbar>div{display:flex;align-items:center;gap:11px;font-size:10px;color:#8a96a8}.topbar strong{color:#34415a}.top-actions{gap:10px!important}.icon-btn,.bell{position:relative;width:35px;height:35px;border:1px solid #dfe5ef;border-radius:10px;background:#fff;color:#60708a;cursor:pointer}.bell{border:0;background:none}.bell i{position:absolute;right:2px;top:1px;width:14px;height:14px;display:grid;place-items:center;border-radius:50%;background:#5f72ef;color:#fff;font-style:normal;font-size:7px}.user-avatar.small{width:34px;height:34px;border-radius:50%}.mobile-menu{display:none}.workspace-content{padding:35px}.view{display:none}.view.active{display:block;animation:rise .35s ease}@keyframes rise{from{opacity:.2;transform:translateY(8px)}to{opacity:1;transform:none}}.page-title{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:25px}.page-title h1{font-size:31px;letter-spacing:-.045em;margin:7px 0}.page-title h1 span{color:#6174f1}.page-title p{font-size:11px;color:#8490a3;margin:0}.notice{display:flex;align-items:center;gap:12px;margin-bottom:18px;padding:12px 15px;border:1px solid #d9e8e3;border-radius:11px;background:#f0faf7;color:#4f7068}.notice>span{width:23px;height:23px;display:grid;place-items:center;border-radius:50%;background:#57cbaa;color:#fff;font-size:10px;font-weight:800}.notice p{font-size:9px;margin:0}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.stat-grid article,.panel{border:1px solid var(--line);border-radius:15px;background:var(--panel);box-shadow:0 5px 18px rgba(29,44,75,.035)}.stat-grid article{position:relative;padding:19px}.stat-icon{position:absolute;right:17px;top:17px;width:30px;height:30px;border-radius:9px;display:grid;place-items:center}.stat-icon.mint{color:#26a985;background:#e7faf4}.stat-icon.blue{color:#596bff;background:#eef0ff}.stat-icon.violet{color:#8c72f5;background:#f1edff}.stat-icon.amber{color:#d79327;background:#fff5e2}.stat-grid small{font-size:8px;color:#8d98a9;font-weight:700;letter-spacing:.07em}.stat-grid strong{display:block;margin:17px 0 7px;font-size:24px;letter-spacing:-.04em}.stat-grid strong em{font-size:11px;font-style:normal;color:#8793a6;font-weight:600}.stat-grid article>span{font-size:8px;color:#929daf}.stat-grid .positive,.up{color:#24ad86!important}.down{color:#e7616d!important}.dashboard-grid{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(260px,.8fr);gap:15px;margin-top:15px}.panel{padding:21px}.panel-head{display:flex;align-items:flex-start;justify-content:space-between}.panel-head h2{font-size:14px;margin:0}.panel-head p{font-size:9px;color:#8c97a8;margin:5px 0}.panel-head select{padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:#fff;color:#68758b;font-size:9px}.chart-legend{display:flex;gap:18px;margin:18px 0 2px;color:#8390a3;font-size:8px}.dot{display:inline-block;width:7px;height:7px;margin-right:6px;border-radius:50%}.dot.green{background:#4ad4ad}.dot.purple{background:#8c72f5}.main-chart{width:100%;height:205px;overflow:visible}.grid-lines path{stroke:#e8edf4;stroke-width:1;stroke-dasharray:3 5}.area{fill:#4ad4ad20}.line{fill:none;stroke:#4ad4ad;stroke-width:3;stroke-linecap:round}.line.secondary{stroke:#8c72f5;stroke-width:2;stroke-dasharray:5 5}.chart-axis{display:flex;justify-content:space-between;color:#9da6b5;font-size:7px}.module-num{font-size:21px;font-weight:800;color:#dce2ed}.ring{position:relative;width:108px;height:108px;margin:20px auto 15px}.ring svg{width:100%;transform:rotate(-90deg)}.ring circle{fill:none;stroke:#edf0f5;stroke-width:8}.ring .ring-value{stroke:#5e72ef;stroke-linecap:round;stroke-dasharray:188 258}.ring strong{position:absolute;inset:0;display:grid;place-items:center;font-size:19px}.module-panel{text-align:center}.module-panel .panel-head{text-align:left}.module-panel h3{font-size:13px;margin:0}.module-panel>p{font-size:9px;color:#8995a7;margin:7px 0 18px}.module-panel .secondary-btn{width:100%}.bottom-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.75fr);gap:15px;margin-top:15px}.decision-list>div{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #eef1f5}.decision-list>div:last-child{border:0}.decision-icon{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;font-size:13px}.decision-icon.buy{color:#21aa84;background:#e8faf4}.decision-icon.hold{color:#5d70ed;background:#edf0ff}.decision-icon.sell{color:#e0646e;background:#fff0f1}.decision-list p{display:grid;margin:0}.decision-list strong{font-size:10px}.decision-list small{font-size:8px;color:#929dad;margin-top:4px}.decision-list b{margin-left:auto;font-size:10px}.mentor-card{background:linear-gradient(145deg,#111d32,#192640);color:#fff;border:0}.mentor-card .eyebrow{color:#8190aa}.mentor-card blockquote{font-size:14px;line-height:1.65;margin:22px 0}.mentor-card>div{display:flex;gap:10px;align-items:center;margin-bottom:18px}.mentor-avatar{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,#8b72f5,#6578f1);font-size:10px;font-weight:800}.mentor-card p,.chat-window header p,.chat-list p{display:grid;margin:0}.mentor-card small,.chat-window header small,.chat-list small{font-size:8px;color:#8390a7;margin-top:3px}.mentor-card .secondary-btn{width:100%;background:#ffffff14;color:#fff;border-color:#ffffff21}.lesson-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.lesson-card{padding:20px;border:1px solid var(--line);border-radius:15px;background:#fff}.lesson-card .lesson-top{display:flex;justify-content:space-between}.lesson-card .lesson-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#eef0ff;color:#5d70ec;font-size:18px}.lesson-card .status{font-size:8px;font-weight:800;color:#4bad90}.lesson-card h2{font-size:14px;margin:22px 0 8px}.lesson-card p{min-height:38px;font-size:9px;line-height:1.6;color:#8793a5}.lesson-progress{height:5px;border-radius:6px;background:#edf0f5;overflow:hidden;margin:18px 0 8px}.lesson-progress i{display:block;height:100%;border-radius:6px;background:#5e72ef}.lesson-card footer{display:flex;justify-content:space-between;color:#919cab;font-size:8px}.simulator-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(270px,.7fr);gap:15px}.scenario{padding:28px}.tag{display:inline-block;padding:7px 9px;border-radius:7px;background:#eef0ff;color:#5c6fe9;font-size:8px;font-weight:800}.scenario h2{font-size:23px;margin:20px 0 7px}.scenario>p{font-size:10px;color:#7f8a9d;line-height:1.7}.allocation{display:grid;gap:12px;margin:25px 0}.allocation label{display:grid;grid-template-columns:110px 1fr 45px;gap:12px;align-items:center;font-size:10px;font-weight:700}.allocation input{accent-color:#5e72ef}.allocation output{text-align:right;color:#5e72ef;font-weight:800}.allocation-total{display:flex;justify-content:space-between;margin:20px 0;font-size:12px}.allocation-total strong{color:#5e72ef}.scenario-result{margin-top:14px;padding:13px;border-radius:10px;font-size:10px}.scenario-result.good{background:#eaf9f4;color:#32705f}.scenario-result.warn{background:#fff6e5;color:#80622d}.market-card h2{font-size:18px;margin:10px 0 22px}.market-list div{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid #edf1f5;font-size:10px}.market-card>small{display:block;margin-top:20px;color:#929dad;font-size:8px;line-height:1.6}.table-panel{padding:0;overflow:auto}table{width:100%;border-collapse:collapse;min-width:700px}th,td{padding:17px 20px;text-align:left;border-bottom:1px solid #edf1f5;font-size:10px}th{color:#8a96a8;font-size:8px;letter-spacing:.08em}tbody tr:last-child td{border:0}.score{padding:5px 8px;border-radius:6px;font-size:8px;font-weight:800}.score.good{color:#299171;background:#eaf9f4}.score.warn{color:#a07027;background:#fff5df}.support-layout{display:grid;grid-template-columns:290px 1fr;gap:15px;min-height:540px}.chat-list{padding:8px}.chat-list button{display:flex;align-items:center;gap:11px;width:100%;padding:13px;border:0;border-radius:11px;background:transparent;text-align:left;cursor:pointer}.chat-list button.active{background:#eff2ff}.chat-list button i{margin-left:auto;width:18px;height:18px;display:grid;place-items:center;border-radius:50%;background:#5e72ef;color:#fff;font-size:7px}.chat-list strong{font-size:10px}.blue-bg{background:linear-gradient(145deg,#53b9ec,#5c72ec)}.chat-window{padding:0;display:flex;flex-direction:column;overflow:hidden}.chat-window header{display:flex;align-items:center;gap:11px;padding:16px 20px;border-bottom:1px solid var(--line)}.chat-window header strong{font-size:11px}.messages{flex:1;padding:22px;overflow:auto;background:#fafbfd}.message{max-width:70%;margin-bottom:12px;padding:12px 14px;border-radius:12px;font-size:9px;line-height:1.65}.message.mentor{background:#fff;border:1px solid #e4e9f1}.message.student{margin-left:auto;background:#596bff;color:#fff}.chat-window form{display:flex;gap:9px;padding:15px;border-top:1px solid var(--line)}.chat-window input{flex:1;border:1px solid var(--line);border-radius:10px;padding:11px 13px;outline:0}.chat-window form button{width:40px;border:0;border-radius:10px;background:#596bff;color:#fff;cursor:pointer}.toast{position:fixed;right:25px;bottom:25px;z-index:99;padding:13px 17px;border-radius:11px;background:#101b30;color:#fff;font-size:10px;box-shadow:var(--shadow);opacity:0;transform:translateY(12px);pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:none}
html.dark{--ink:#eaf0fb;--muted:#92a0b7;--line:#2b3850;--bg:#0c1423;--panel:#141f32;--nav:#09111f}html.dark body,html.dark .workspace{background:var(--bg)}html.dark .topbar{background:#111b2cf2}html.dark .stat-grid article,html.dark .panel,html.dark .lesson-card{background:var(--panel)}html.dark .notice{background:#142c2a;border-color:#285047;color:#8fc8b8}html.dark .panel-head select,html.dark .icon-btn{background:#17243a;color:#c1ccdd;border-color:#33415a}html.dark .grid-lines path{stroke:#2b374b}html.dark .chat-window .messages{background:#101a2a}html.dark .message.mentor{background:#1c2940;border-color:#33415a}html.dark .chat-window input{background:#101a2a;color:#fff;border-color:#34425a}html.dark th,html.dark td,html.dark .decision-list>div,html.dark .market-list div{border-color:#28364d}html.dark .lesson-progress,html.dark .ring circle{background:#26334a;stroke:#26334a}html.dark .training-pill{background:#18243a;border-color:#33415a;color:#aebbd0}
@media(max-width:1100px){.auth-shell{grid-template-columns:1fr;padding:45px 7vw}.auth-story{max-width:800px}.login-card{max-width:560px;width:100%;margin:auto}.feature-row{grid-template-columns:repeat(3,1fr)}.stat-grid{grid-template-columns:repeat(2,1fr)}.lesson-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.public-header{height:70px;padding:0 18px}.auth-shell{padding:32px 18px}.auth-story h1{font-size:42px}.feature-row{grid-template-columns:1fr}.hero-visual{display:none}.login-card{padding:24px}.public-footer{padding:0 18px}.sidebar{width:72px;padding:22px 10px}.side-brand span:not(.brand-mark),.side-label,.sidebar nav button span,.sidebar nav button b,.sidebar-bottom>div:nth-child(2),.sidebar-bottom button{display:none}.side-brand{margin:0 7px 38px}.sidebar nav button{justify-content:center;padding:13px 8px}.sidebar nav button i{font-size:19px}.workspace{margin-left:72px}.topbar{height:62px;padding:0 14px}.topbar>div:first-child span,.topbar>div:first-child b,.topbar .training-pill{display:none}.workspace-content{padding:22px 14px}.page-title{align-items:flex-start;gap:15px}.page-title .primary-btn{display:none}.page-title h1{font-size:25px}.dashboard-grid,.bottom-grid,.simulator-layout,.support-layout{grid-template-columns:1fr}.stat-grid{grid-template-columns:1fr 1fr}.lesson-grid{grid-template-columns:1fr}.support-layout{min-height:auto}.chat-list{display:none}.chat-window{height:520px}.messages{min-height:380px}}@media(max-width:470px){.stat-grid{grid-template-columns:1fr}.auth-story h1{font-size:35px}.auth-story>p{font-size:14px}.login-card h2{font-size:25px}.top-actions .user-avatar{display:none}.workspace-content{padding:18px 10px}.panel{padding:16px}.message{max-width:88%}}