:root{font-family:Heebo,Arial,sans-serif;color-scheme:light;--bg:#f3f6f8;--card:#fff;--ink:#152e3d;--muted:#526672;--line:#dfe7ec;--mint:#b4f2d0;--soft:#e8f5ed;--green:#236745;--nav:#122c3c;--shadow:0 10px 30px #14344305}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-size:16px;line-height:1.6}body.dark{color-scheme:dark;--bg:#10212d;--card:#182e3c;--ink:#eaf3f5;--muted:#adbdc6;--line:#304653;--soft:#203f38;--green:#a5e7bf;--nav:#0c1c27;--shadow:none}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #2998c2;outline-offset:4px}button{border:0}button:disabled{opacity:.5;cursor:not-allowed}a{color:inherit}.shell{display:grid;grid-template-columns:240px minmax(0,1fr);min-height:100vh}.sidebar{background:var(--nav);color:#d1dfe5;padding:32px 22px;display:flex;flex-direction:column;position:fixed;right:0;top:0;bottom:0;width:240px}.brand{display:flex;align-items:center;gap:12px;color:white;font-weight:800;font-size:21px;line-height:1.25}.mark{background:#b4f2d0;color:#173c35;width:42px;height:44px;border-radius:13px;display:grid;place-items:center;font-size:25px}.brand small{font-size:12px;color:#94afb9;letter-spacing:1.8px;display:block;margin-top:7px;font-weight:400}.nav{display:grid;gap:9px;margin-top:52px}.nav button{background:transparent;color:#afc2cc;text-align:right;padding:13px 15px;border-radius:10px;display:flex;align-items:center;gap:14px;font-weight:500}.nav button.active{background:#b4f2d0;color:#173c35}.nav button:hover:not(.active){background:#203e50}.nav svg{width:21px;height:21px}.side-bottom{margin-top:auto}.side-note{border:1px solid #3a515b;border-radius:14px;padding:17px;font-size:14px;color:#a6bdc7}.side-note strong{display:block;color:#e2eee9;margin-bottom:7px}.profile{border-top:1px solid #314855;margin-top:24px;padding-top:22px;display:flex;gap:12px;align-items:center}.avatar{border-radius:50%;background:#d1c8ef;color:#3b3865;width:38px;height:38px;display:grid;place-items:center;font-weight:700}.profile small{display:block;color:#95aeb9;font-size:12px}.main{grid-column:2;padding:0 44px 35px;max-width:1600px;width:100%;margin:auto}.topbar{height:86px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:15px}.crumb{font-size:14px;color:var(--muted)}.top-controls{display:flex;align-items:center;gap:16px}.badge{background:var(--soft);color:var(--green);padding:5px 11px;border-radius:7px;font-size:12px;font-weight:600;white-space:nowrap}.theme{display:flex;border:1px solid var(--line);border-radius:9px;overflow:hidden}.theme button{background:var(--card);color:var(--muted);padding:6px 10px;font-size:14px}.theme button.selected{background:var(--ink);color:var(--card)}.greeting{display:flex;justify-content:space-between;align-items:center;margin:31px 0 25px}.eyebrow{font-size:12px;font-weight:600;letter-spacing:1px;color:var(--muted)}h1{font-size:31px;letter-spacing:-.8px;margin:4px 0;font-weight:800}p{margin:6px 0;color:var(--muted)}.level{display:flex;align-items:center;gap:9px;font-size:14px}.level-icon{background:#fff0be;color:#806116;border-radius:10px;padding:9px 14px;font-size:21px}.dashboard{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,1fr);gap:23px}.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:25px;box-shadow:var(--shadow)}.balance{background:#163848;color:#fff;border:0;position:relative;overflow:hidden;min-height:282px}.balance .muted{color:#b4c9d1}.card-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.card-head h2,h2{font-size:18px;margin:0;font-weight:700}.big-number{font-size:45px;font-weight:700;letter-spacing:-1.2px;line-height:1.3;margin-top:15px;direction:ltr;text-align:right}.balance-row{display:flex;align-items:center;gap:14px;margin:10px 0 24px;font-size:13px}.balance-row span{color:#b4f2d0;background:#254b4c;border-radius:6px;padding:2px 8px}.balance-stats{display:flex;gap:32px;border-top:1px solid #46616b;padding-top:18px;position:relative;z-index:1}.balance-stats small{display:block;font-size:12px;color:#b4c9d1}.balance-stats strong{font-weight:500;font-size:18px;display:block}.mini-chart{position:absolute;left:15px;top:72px;width:43%;height:117px;opacity:.9}.mission{background:var(--mint);color:#163d31;border:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between}.mission p{color:#426956;font-size:14px;max-width:260px}.mission h2{font-size:25px;line-height:1.4;max-width:250px;margin:15px 0 10px}.primary,.secondary{padding:10px 18px;border-radius:9px;font-weight:600;font-size:14px;display:inline-flex;align-items:center;justify-content:center;gap:10px}.primary{background:#163848;color:white}.secondary{background:var(--card);border:1px solid var(--line);color:var(--ink)}.mission .primary{margin-top:22px}.link-btn{color:var(--green);background:transparent;font-size:14px;padding:5px}.asset-row{display:flex;align-items:center;gap:12px;padding:18px 0;border-bottom:1px solid var(--line)}.asset-row:last-child{border-bottom:0;padding-bottom:0}.asset-logo{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:var(--soft);color:var(--green);font-size:19px;font-weight:700;flex-shrink:0}.asset-name{flex:1}.asset-name strong{display:block;font-size:15px}.asset-name small{color:var(--muted);font-size:12px}.asset-value{text-align:left;font-size:14px}.asset-value small{display:block;color:var(--muted);font-size:12px}.lessons-list{display:grid;margin-top:13px}.lesson-row{display:flex;align-items:center;gap:12px;background:transparent;color:var(--ink);text-align:right;padding:13px 0;border-bottom:1px solid var(--line)}.lesson-row:last-child{border:0}.lesson-no{width:34px;height:34px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;font-size:13px;color:var(--muted)}.lesson-row strong{font-size:14px;display:block}.lesson-row small{display:block;font-size:12px;color:var(--muted)}.lesson-row .arrow{margin-right:auto;color:var(--muted)}.progress{height:6px;background:var(--line);border-radius:6px;overflow:hidden;margin:15px 0 6px}.progress i{display:block;height:100%;background:#57b68b}.progress-label{font-size:12px;color:var(--muted);display:flex;justify-content:space-between}.bottom-note{display:flex;gap:14px;align-items:center;background:var(--soft);padding:17px 22px;border-radius:12px;grid-column:1/-1;font-size:14px;color:var(--green)}.bottom-note strong{white-space:nowrap}.footer{font-size:12px;color:var(--muted);margin:27px 0 0;text-align:center}.market-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.market-card .asset-logo{margin-bottom:20px;width:52px;height:52px}.market-card p{font-size:14px;min-height:68px;margin:13px 0}.market-card .primary{width:100%;margin-top:20px}.risk{display:inline-block;font-size:12px;background:var(--soft);color:var(--green);padding:3px 9px;border-radius:6px}.view-head{margin:30px 0 22px}.view-head p{font-size:15px}.empty{padding:35px 10px;text-align:center}.empty p{max-width:310px;margin:10px auto 20px;font-size:14px}.summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:22px}.summary-grid strong{display:block;font-size:27px}.summary-grid small{color:var(--muted)}dialog{width:min(520px,calc(100% - 32px));background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:20px;padding:30px;max-height:90vh;overflow:auto}dialog::backdrop{background:#061721a8;backdrop-filter:blur(4px)}dialog h2{font-size:25px;margin:10px 0}dialog p{font-size:15px;margin:15px 0}.close{float:left;background:var(--bg);color:var(--ink);border-radius:50%;width:32px;height:32px;font-size:20px}label{display:block;font-size:14px;margin:17px 0 6px}input,select{padding:12px;border:1px solid var(--line);border-radius:9px;background:var(--bg);color:var(--ink);width:100%}.modal-actions{display:flex;gap:10px;margin-top:22px}.modal-actions button{flex:1}.error{color:#c75051;font-size:14px;min-height:22px}.answer{display:block;text-align:right;padding:13px 15px;border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:9px;margin-top:10px;width:100%}.answer:hover{border-color:#55a985}.result{background:var(--soft);color:var(--green);padding:15px;border-radius:10px;margin-top:15px}.task-row{padding:20px 0;display:flex;gap:15px;align-items:center;border-bottom:1px solid var(--line)}.task-row:last-child{border:0}.task-row div{flex:1}.task-row small{display:block;color:var(--muted)}#toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);background:#163848;color:#fff;box-shadow:0 10px 30px #0003;padding:12px 22px;border-radius:12px;z-index:5;display:none;max-width:90vw}.mobile-brand{display:none}.scenario{margin-bottom:20px}.hidden{display:none!important}@media(min-width:1500px){.main{padding-inline:65px}}@media(max-width:1100px){.sidebar{width:205px;padding:28px 17px}.shell{grid-template-columns:205px minmax(0,1fr)}.main{padding-inline:25px}.dashboard{grid-template-columns:1.3fr 1fr;gap:17px}.card{padding:20px}.market-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mini-chart{width:35%;opacity:.55}.big-number{font-size:39px}.brand{font-size:18px}}@media(max-width:760px){.shell{display:block}.sidebar{top:auto;left:0;width:100%;height:73px;padding:5px 8px 9px;z-index:4;border-top:1px solid #314855}.sidebar .brand,.side-bottom{display:none}.nav{display:flex;margin:0;justify-content:space-around;gap:0}.nav button{font-size:11px;flex-direction:column;gap:2px;padding:6px 12px;border-radius:9px}.nav svg{width:20px;height:20px}.main{padding:0 18px 100px}.topbar{height:75px}.crumb{display:none}.mobile-brand{display:block;font-size:16px;font-weight:800}.top-controls{gap:8px}.top-controls>.badge{display:none}.theme button{font-size:12px;padding:6px 8px}.greeting{margin:24px 0 19px}.greeting p{font-size:14px}.greeting h1{font-size:27px}.level{font-size:12px}.level-icon{padding:6px 10px}.dashboard{grid-template-columns:1fr}.balance{min-height:267px}.mission{min-height:220px}.mission h2{max-width:none;font-size:23px}.mission p{max-width:none}.bottom-note{align-items:flex-start;flex-direction:column;gap:4px}.market-grid{grid-template-columns:1fr}.summary-grid{gap:8px}.summary-grid .card{padding:12px}.summary-grid strong{font-size:20px}.summary-grid small{font-size:12px}.mini-chart{width:42%;opacity:.9}.footer{font-size:11px}.level .level-caption{display:none}.balance-stats{gap:24px}.view-head h1{font-size:27px}#toast{bottom:88px;width:max-content}.card-head h2{font-size:17px}}
@media(max-width:760px){.scenario .card-head{flex-wrap:wrap}.scenario .card-head>div{flex:1 1 190px;min-width:0}.scenario .primary{flex-shrink:0}.summary-grid>div{min-width:0}.summary-grid strong{font-size:18px}.asset-row{flex-wrap:wrap}.asset-row .secondary{padding:8px 10px;font-size:12px}}
@media(max-width:760px){.mini-chart{display:none}.greeting{gap:12px}.greeting>div:first-child{min-width:0}.greeting h1{font-size:25px}.level{flex-shrink:0;white-space:nowrap}.level-icon{display:none}}