:root{--bg:#111216;--card:#1b1d23;--card2:#22252d;--text:#f4f5f7;--muted:#9ba1ad;--line:#30343e;--accent:#5b8cff;--pos:#66d9a5;--neg:#ff7d8a;--radius:20px}
*{box-sizing:border-box}html{background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,"Segoe UI","Noto Sans KR",sans-serif}body{margin:0;background:linear-gradient(180deg,#15171c 0,#101115 28rem);min-height:100vh}.shell{width:min(1120px,calc(100% - 32px));margin:0 auto}.topbar{position:sticky;top:0;z-index:20;background:rgba(17,18,22,.86);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.05)}.topbar-inner{height:62px;display:flex;align-items:center;justify-content:space-between}.brand{font-weight:800;letter-spacing:.06em;color:var(--text);text-decoration:none}.link-button{border:0;background:none;color:var(--muted);cursor:pointer}.page{padding:26px 0 94px}.card{background:rgba(27,29,35,.94);border:1px solid rgba(255,255,255,.07);border-radius:var(--radius);padding:24px;box-shadow:0 18px 48px rgba(0,0,0,.16);margin-bottom:18px}.hero-grid,.section-grid{display:grid;grid-template-columns:2fr 1fr;gap:18px}.hero-value{font-size:clamp(2rem,6vw,3.5rem);font-weight:850;letter-spacing:-.045em;margin:8px 0 22px}.eyebrow{font-size:.75rem;letter-spacing:.12em;color:#8da9ff;font-weight:800;margin:0 0 6px}.muted,.caption{color:var(--muted)}.caption{font-size:.78rem;margin:18px 0 0}.metric-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.metric-row div{display:flex;flex-direction:column;gap:4px}.metric-row span{font-size:.8rem;color:var(--muted)}.metric-row strong{font-size:1.02rem}.positive{color:var(--pos)!important}.negative{color:var(--neg)!important}.cash-list{margin:10px 0}.cash-list div{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--line)}.cash-list dt{color:var(--muted)}.cash-list dd{font-weight:750;margin:0}.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.section-head h1,.section-head h2,h1,h2{margin:.1rem 0 .35rem;letter-spacing:-.03em}.text-link{color:#9bb5ff;text-decoration:none;font-size:.9rem}.allocation-list{display:grid;gap:17px}.allocation-label,.target-line{display:flex;justify-content:space-between;gap:14px}.allocation-label span,.target-line{color:var(--muted);font-size:.82rem}.bar{height:9px;background:#292d36;border-radius:999px;overflow:hidden;margin:7px 0}.bar i{display:block;height:100%;background:linear-gradient(90deg,#5b8cff,#8b74ff);border-radius:999px}.notice{margin-top:18px;padding:12px 14px;background:#222631;border:1px solid #313746;border-radius:12px;color:#b7bfce;font-size:.85rem}.compact-list>div,.plan-box>div{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid var(--line)}hr{border:0;border-top:1px solid var(--line);margin:20px 0}.inline-form{display:flex;gap:10px;align-items:flex-end}.inline-form label{flex:1}.plan-box{margin-top:16px;background:#151820;border-radius:14px;padding:14px}.plan-box>strong{display:block;margin-bottom:6px}label{color:#c9ced8;font-size:.86rem}input,select{width:100%;margin-top:7px;background:#111319;color:var(--text);border:1px solid #373c47;border-radius:12px;padding:12px 13px;font:inherit;outline:none}input:focus,select:focus{border-color:#668fff;box-shadow:0 0 0 3px rgba(91,140,255,.14)}button,.button{border:0;border-radius:12px;padding:11px 15px;font-weight:750;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.primary{background:#5b8cff;color:white}.secondary{background:#292d36;color:#e7e9ee;border:1px solid #3a3f4a}.button-row{display:flex;gap:10px;margin-top:18px}.table-wrap{overflow:auto;margin:0 -4px}table{width:100%;border-collapse:collapse;min-width:720px}th{text-align:left;color:var(--muted);font-size:.76rem;font-weight:650;padding:10px 12px;border-bottom:1px solid var(--line)}td{padding:14px 12px;border-bottom:1px solid rgba(48,52,62,.8);font-size:.9rem;vertical-align:middle}td small{display:block;color:var(--muted);margin-top:4px}.pill{display:inline-flex;padding:5px 9px;background:#292d36;border-radius:999px;font-size:.75rem}.pill.buy{background:rgba(91,140,255,.14);color:#9bb5ff}.pill.sell{background:rgba(255,125,138,.12);color:#ff9aa4}.history-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.history-strip div{background:#15171d;border-radius:12px;padding:12px}.history-strip span{display:block;color:var(--muted);font-size:.73rem;margin-bottom:5px}.history-strip strong{font-size:.85rem}.chips{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 16px}.chip{color:var(--muted);background:#22252c;border:1px solid #333843;border-radius:999px;padding:7px 11px;text-decoration:none;font-size:.8rem}.chip.selected{color:#dce5ff;border-color:#5b72aa;background:#26304a}.target-form{display:grid;gap:11px}.target-form label{display:flex;align-items:center;justify-content:space-between}.percent-input{width:140px;display:flex;align-items:center;gap:8px}.percent-input input{margin:0;text-align:right}.percent-input b{color:var(--muted)}.target-total{display:flex;justify-content:space-between;padding:14px 0;border-top:1px solid var(--line);font-weight:800}.target-total .ok{color:var(--pos)}.target-total .warn{color:var(--neg)}.plain-list{padding-left:20px;color:#c8cdd7;line-height:1.9}.class-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px}.class-row{display:flex;align-items:center;justify-content:space-between;gap:14px;background:#16181e;border-radius:13px;padding:11px 13px}.class-row span{min-width:0}.class-row strong,.class-row small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.class-row small{color:var(--muted);margin-top:3px}.class-row select{width:110px;margin:0}.login-wrap{min-height:65vh;display:grid;place-items:center}.login-card{width:min(430px,100%)}.stack-form{display:grid;gap:14px;margin-top:24px}.error-card{max-width:720px}.flash-stack{display:grid;gap:8px;margin-bottom:16px}.flash{padding:12px 14px;border-radius:12px;background:#272b34}.flash.error{color:#ffabb3;border:1px solid rgba(255,125,138,.25)}.flash.success{color:#94e7bf;border:1px solid rgba(102,217,165,.25)}.empty{padding:30px 0}.bottom-nav{display:none}
@media(max-width:760px){.shell{width:min(100% - 20px,1120px)}.page{padding-top:14px}.hero-grid,.section-grid,.settings-grid{grid-template-columns:1fr}.card{padding:18px;border-radius:17px}.hero-value{font-size:2.35rem}.metric-row{grid-template-columns:1fr}.inline-form{align-items:stretch;flex-direction:column}.history-strip{grid-template-columns:repeat(2,1fr)}.class-grid{grid-template-columns:1fr}.topbar{position:static}.topbar-inner{height:54px}.bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:30;display:grid;grid-template-columns:repeat(3,1fr);padding:8px 14px max(8px,env(safe-area-inset-bottom));background:rgba(18,19,24,.94);backdrop-filter:blur(18px);border-top:1px solid rgba(255,255,255,.08)}.bottom-nav a{text-decoration:none;text-align:center;color:var(--muted);font-size:.8rem;padding:10px;border-radius:10px}.bottom-nav a.active{color:white;background:#292d36}.section-head{align-items:center}.table-wrap{margin:0 -10px}.caption{line-height:1.55}}