*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #f4f6f9;--surface: #ffffff;--surface2: #f8fafc;--border: #e8ecf0;--border2: #d0d7e0;--text-primary: #1a2332;--text-secondary: #5a6a7e;--text-muted: #8f9fb2;--blue: #3b7de8;--blue-light: #edf3fd;--blue-mid: #c8dafc;--green: #17a86a;--green-light:#e8f8f1;--red: #e03e3e;--red-light: #fdeaea;--orange: #f07d28;--orange-light:#fff2e6;--purple: #7c5ce0;--purple-light:#f1eeff;--yellow: #f5a623;--up: #17a86a;--down: #e03e3e;--neutral: #8f9fb2;--radius-sm: 6px;--radius: 10px;--radius-lg: 14px;--shadow-sm: 0 1px 4px rgba(30,50,80,.07);--shadow: 0 2px 12px rgba(30,50,80,.09);--shadow-lg: 0 8px 32px rgba(30,50,80,.14);--sidebar-w: 220px;--font: "Pretendard Variable", "Pretendard", -apple-system, BlinkMacSystemFont, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;--mono: "IBM Plex Mono", ui-monospace, "SF Mono", "Consolas", "Liberation Mono", "Courier New", monospace;--transition: .18s cubic-bezier(.4,0,.2,1)}html{font-size:14px}body{font-family:var(--font);background:var(--bg);color:var(--text-primary);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"ss01","ss02","cv01","cv11";letter-spacing:-.005em}.mono,[class*=-value],input[type=number]{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1,"zero" 1}.sidebar{width:var(--sidebar-w);background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;position:fixed;top:0;left:0;height:100vh;z-index:100;padding:0 0 20px}.sidebar-logo{display:flex;align-items:center;gap:10px;padding:22px 20px 20px;border-bottom:1px solid var(--border);margin-bottom:8px}.logo-icon{width:34px;height:34px;background:var(--blue);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:#fff;font-size:15px}.logo-text{font-size:18px;font-weight:700;color:var(--text-primary);letter-spacing:-.5px}.sidebar-nav{flex:1;display:flex;flex-direction:column;gap:2px;padding:6px 10px}.nav-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius);color:var(--text-secondary);font-size:13.5px;font-weight:500;text-decoration:none;cursor:pointer;transition:background var(--transition),color var(--transition);position:relative}.nav-item i{width:16px;text-align:center;font-size:13px}.nav-item:hover{background:var(--bg);color:var(--text-primary)}.nav-item.active{background:var(--blue-light);color:var(--blue);font-weight:600}.nav-badge{margin-left:auto;background:var(--bg);color:var(--text-secondary);font-size:11px;font-weight:600;padding:1px 7px;border-radius:20px;border:1px solid var(--border)}.nav-item.active .nav-badge{background:var(--blue-mid);color:var(--blue);border-color:var(--blue-mid)}.nav-badge.holding{background:var(--green-light);color:var(--green);border-color:var(--green-light)}.sidebar-footer{padding:12px 16px 0;border-top:1px solid var(--border);margin-top:8px}.market-status{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-secondary);margin-bottom:4px}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--neutral)}.status-dot.active{background:var(--green)}.last-update{font-size:11px;color:var(--text-muted)}.main-content{margin-left:var(--sidebar-w);flex:1;padding:28px 32px;min-height:100vh;max-width:calc(100vw - var(--sidebar-w))}.page{display:none}.page.active{display:block}.page-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:22px}.page-title{font-size:22px;font-weight:700;color:var(--text-primary);letter-spacing:-.4px}.page-sub{font-size:13px;color:var(--text-muted);margin-top:3px}.btn-refresh{display:flex;align-items:center;gap:6px;padding:8px 16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all var(--transition)}.btn-refresh:hover{border-color:var(--blue);color:var(--blue)}.btn-refresh.spinning i{animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.btn-text{background:none;border:none;color:var(--blue);font-size:12.5px;font-weight:500;cursor:pointer;padding:0}.btn-text:hover{text-decoration:underline}.btn-primary{display:flex;align-items:center;gap:6px;padding:9px 20px;background:var(--blue);color:#fff;border:none;border-radius:var(--radius);font-size:13.5px;font-weight:600;cursor:pointer;transition:opacity var(--transition)}.btn-primary:hover{opacity:.88}.btn-secondary{padding:9px 20px;background:var(--surface);color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius);font-size:13.5px;font-weight:500;cursor:pointer;transition:all var(--transition)}.btn-secondary:hover{border-color:var(--border2);color:var(--text-primary)}.btn-danger{display:flex;align-items:center;gap:6px;padding:9px 20px;background:var(--red);color:#fff;border:none;border-radius:var(--radius);font-size:13.5px;font-weight:600;cursor:pointer;transition:opacity var(--transition)}.btn-danger:hover{opacity:.88}.market-bar{display:flex;align-items:center;gap:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:12px 20px;margin-bottom:20px;overflow-x:auto}.market-item{display:flex;flex-direction:column;gap:3px;padding:0 20px;min-width:120px}.market-divider{width:1px;height:32px;background:var(--border);flex-shrink:0}.market-label{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.market-price{font-size:14px;font-weight:600;color:var(--text-primary);font-family:var(--mono)}.market-change{font-size:12px;font-weight:600}.market-item:first-child{padding-left:0}.market-item:last-child{padding-right:0}.summary-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.summary-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px;display:flex;align-items:flex-start;gap:14px;transition:box-shadow var(--transition)}.summary-card:hover{box-shadow:var(--shadow)}.sc-icon{width:40px;height:40px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.sc-icon.blue{background:var(--blue-light);color:var(--blue)}.sc-icon.green{background:var(--green-light);color:var(--green)}.sc-icon.purple{background:var(--purple-light);color:var(--purple)}.sc-icon.orange{background:var(--orange-light);color:var(--orange)}.sc-label{font-size:12px;color:var(--text-muted);font-weight:500;margin-bottom:4px}.sc-value{font-size:18px;font-weight:700;color:var(--text-primary);letter-spacing:-.4px}.sc-sub{font-size:12px;color:var(--text-muted);margin-top:3px;font-weight:500}.dash-bottom{display:grid;grid-template-columns:1fr 1fr;gap:16px}.dash-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px 20px}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.card-title{font-size:14px;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:6px}.card-title i{color:var(--blue);font-size:13px}.top3-list{display:flex;flex-direction:column;gap:8px}.top3-item{display:flex;align-items:center;padding:10px 12px;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);gap:10px;cursor:pointer;transition:box-shadow var(--transition)}.top3-item:hover{box-shadow:var(--shadow-sm)}.top3-rank{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0}.top3-rank.r1{background:#ffefc2;color:#c47f00}.top3-rank.r2{background:#e8ecf2;color:#5a6a7e}.top3-rank.r3{background:#ffe8df;color:#b34000}.top3-name{font-weight:700;font-size:14px;flex:1}.top3-score{font-size:13px;font-weight:700;color:var(--blue)}.top3-badge{flex-shrink:0}.holdings-mini{display:flex;flex-direction:column;gap:8px}.hm-item{display:flex;align-items:center;padding:10px 12px;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);gap:10px}.hm-coin{font-weight:700;font-size:14px;min-width:50px}.hm-price{font-size:13px;color:var(--text-secondary);font-family:var(--mono);flex:1}.hm-pnl{font-size:13px;font-weight:700;font-family:var(--mono)}.table-wrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:auto}.data-table{width:100%;border-collapse:collapse;min-width:900px}.data-table th{padding:11px 14px;font-size:11.5px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.4px;text-align:left;background:var(--surface2);border-bottom:1px solid var(--border);white-space:nowrap}.data-table td{padding:12px 14px;font-size:13.5px;border-bottom:1px solid var(--border);vertical-align:middle;white-space:nowrap}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:hover{background:var(--surface2)}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:20px;font-size:11.5px;font-weight:600;white-space:nowrap}.badge-buy-strong{background:#e8f8f1;color:#0d9558;border:1px solid #b2e9d2}.badge-buy{background:#edf3fd;color:#2563c8;border:1px solid #bdd4f8}.badge-watch{background:#fff8e6;color:#c47f00;border:1px solid #fde9a0}.badge-hold-off{background:#f4f6f9;color:#8f9fb2;border:1px solid #d0d7e0}.badge-blocked{background:#fdeaea;color:#c02020;border:1px solid #f5b8b8}.risk-dot{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;font-weight:500}.risk-dot:before{content:"";width:7px;height:7px;border-radius:50%;display:inline-block}.risk-safe{color:var(--green)}.risk-safe:before{background:var(--green)}.risk-caution{color:var(--orange)}.risk-caution:before{background:var(--orange)}.risk-danger{color:var(--red)}.risk-danger:before{background:var(--red)}.up{color:var(--up)}.down{color:var(--down)}.neutral{color:var(--neutral)}.greed{color:var(--orange);font-weight:600}.up-strong{color:var(--up);font-weight:700}.mono{font-family:var(--mono)}.rsi-bar-wrap{display:flex;align-items:center;gap:6px}.rsi-bar-bg{width:54px;height:5px;background:var(--border);border-radius:10px;overflow:hidden}.rsi-bar-fill{height:100%;border-radius:10px;transition:width .4s}.score-pill{display:inline-flex;align-items:center;gap:5px;font-weight:700;font-size:14px;font-family:var(--mono)}.trend-up{color:var(--green);font-weight:700}.trend-down{color:var(--red);font-weight:700}.trend-side{color:var(--neutral);font-weight:600}.btn-buy{padding:5px 14px;background:var(--blue);color:#fff;border:none;border-radius:var(--radius-sm);font-size:12px;font-weight:600;cursor:pointer;transition:opacity var(--transition)}.btn-buy:hover{opacity:.82}.btn-detail{padding:5px 12px;background:transparent;color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:12px;font-weight:500;cursor:pointer;transition:all var(--transition);margin-left:4px}.btn-detail:hover{border-color:var(--blue);color:var(--blue)}.header-actions{display:flex;gap:8px;align-items:center}.filter-select{padding:7px 12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text-primary);font-size:13px;font-family:var(--font);cursor:pointer;outline:none;transition:border-color var(--transition)}.filter-select:focus{border-color:var(--blue)}.filter-input{padding:7px 12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text-primary);font-size:13px;font-family:var(--font);outline:none;transition:border-color var(--transition)}.filter-input:focus{border-color:var(--blue)}.pnl-summary-bar{display:flex;gap:24px;align-items:flex-end}.pnl-item{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.pnl-label{font-size:11px;color:var(--text-muted);font-weight:500}.pnl-value{font-size:18px;font-weight:700;font-family:var(--mono)}.holdings-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.holding-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:box-shadow var(--transition)}.holding-card:hover{box-shadow:var(--shadow)}.hc-top{padding:16px 18px 14px;border-bottom:1px solid var(--border)}.hc-name-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.hc-coin-name{font-size:17px;font-weight:700}.hc-full-name{font-size:11.5px;color:var(--text-muted);margin-bottom:12px}.hc-price-row{display:flex;align-items:baseline;gap:8px}.hc-cur-price{font-size:22px;font-weight:700;font-family:var(--mono);color:var(--text-primary)}.hc-change{font-size:13px;font-weight:700}.hc-pnl-box{padding:12px 18px;border-bottom:1px solid var(--border)}.hc-pnl-row{display:flex;justify-content:space-between;align-items:center;padding:4px 0}.hc-pnl-label{font-size:12px;color:var(--text-muted);font-weight:500}.hc-pnl-value{font-size:13px;font-weight:600;font-family:var(--mono)}.hc-meta{padding:12px 18px;display:flex;gap:20px;border-bottom:1px solid var(--border)}.hc-meta-item{display:flex;flex-direction:column;gap:2px}.hc-meta-label{font-size:10.5px;color:var(--text-muted);font-weight:500;text-transform:uppercase;letter-spacing:.3px}.hc-meta-value{font-size:13px;font-weight:600;font-family:var(--mono)}.hc-signal{padding:10px 18px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:8px}.hc-signal-label{font-size:11.5px;color:var(--text-muted);font-weight:500}.hc-signal-text{font-size:12.5px;font-weight:600}.signal-hold{color:var(--green)}.signal-sell{color:var(--red)}.signal-caution{color:var(--orange)}.hc-actions{padding:12px 18px;display:flex;gap:8px}.btn-sell{flex:1;padding:8px 0;background:var(--red);color:#fff;border:none;border-radius:var(--radius);font-size:13px;font-weight:600;cursor:pointer;transition:opacity var(--transition)}.btn-sell:hover{opacity:.85}.btn-hold-action{flex:1;padding:8px 0;background:var(--surface2);color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius);font-size:13px;font-weight:500;cursor:pointer;transition:all var(--transition)}.btn-hold-action:hover{border-color:var(--blue);color:var(--blue)}.hold-progress-wrap{display:flex;align-items:center;gap:6px}.hold-progress-bg{flex:1;height:4px;background:var(--border);border-radius:10px;overflow:hidden}.hold-progress-fill{height:100%;border-radius:10px;background:var(--blue)}.history-summary-bar{display:flex;gap:24px;align-items:flex-end}.hs-item{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.hs-label{font-size:11px;color:var(--text-muted);font-weight:500}.hs-value{font-size:16px;font-weight:700;font-family:var(--mono)}.history-filter-row{display:flex;gap:10px;margin-bottom:14px}.chart-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px 20px;margin-top:20px}.chart-bars{display:flex;align-items:flex-end;gap:10px;height:140px;padding-bottom:24px;position:relative}.chart-bar-item{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1;position:relative}.chart-bar-fill{width:100%;border-radius:4px 4px 0 0;min-height:4px;transition:height .4s}.chart-bar-fill.profit{background:var(--green);opacity:.85}.chart-bar-fill.loss{background:var(--red);opacity:.75}.chart-bar-label{font-size:10.5px;color:var(--text-muted);font-weight:500;position:absolute;bottom:-20px}.chart-bar-val{font-size:10.5px;font-weight:600;white-space:nowrap}.chart-bar-val.profit{color:var(--green)}.chart-bar-val.loss{color:var(--red)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#141e3259;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:1000;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity var(--transition)}.modal-overlay.open{opacity:1;pointer-events:all}.modal{background:var(--surface);border-radius:var(--radius-lg);width:100%;max-width:460px;box-shadow:var(--shadow-lg);transform:translateY(8px);transition:transform var(--transition)}.modal-overlay.open .modal{transform:translateY(0)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 22px 16px;border-bottom:1px solid var(--border)}.modal-title{font-size:16px;font-weight:700}.modal-close{width:28px;height:28px;border:none;background:var(--bg);border-radius:var(--radius-sm);color:var(--text-muted);font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--transition)}.modal-close:hover{background:var(--border);color:var(--text-primary)}.modal-body{padding:18px 22px}.modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:14px 22px 18px;border-top:1px solid var(--border)}.modal-coin-info{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px;margin-bottom:16px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.mci-row{display:flex;flex-direction:column;gap:2px}.mci-label{font-size:11px;color:var(--text-muted);font-weight:500}.mci-value{font-size:13.5px;font-weight:600;font-family:var(--mono)}.form-group{margin-bottom:13px}.form-group label{display:block;font-size:12px;font-weight:600;color:var(--text-secondary);margin-bottom:5px}.form-input{width:100%;padding:8px 12px;border:1px solid var(--border);border-radius:var(--radius);font-size:13.5px;font-family:var(--font);color:var(--text-primary);background:var(--surface);outline:none;transition:border-color var(--transition)}.form-input:focus{border-color:var(--blue)}.buy-summary{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);padding:10px 14px;margin-top:4px}.bs-row{display:flex;justify-content:space-between;align-items:center;padding:4px 0;font-size:12.5px}.bs-row span:first-child{color:var(--text-muted);font-weight:500}.bs-row span:last-child{font-weight:600;font-family:var(--mono)}.toast-container{position:fixed;bottom:24px;right:24px;z-index:2000;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast{background:var(--text-primary);color:#fff;padding:10px 18px;border-radius:var(--radius);font-size:13px;font-weight:500;box-shadow:var(--shadow-lg);opacity:0;transform:translateY(8px);animation:toastIn .25s ease forwards;pointer-events:all;display:flex;align-items:center;gap:8px}.toast.success{background:var(--green)}.toast.error{background:var(--red)}.toast.info{background:var(--blue)}@keyframes toastIn{to{opacity:1;transform:translateY(0)}}.toast.hide{animation:toastOut .2s ease forwards}@keyframes toastOut{to{opacity:0;transform:translateY(4px)}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.empty-state{text-align:center;padding:48px 20px;color:var(--text-muted)}.empty-state i{font-size:32px;margin-bottom:10px;display:block;opacity:.4}.empty-state p{font-size:13.5px}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,var(--border) 25%,var(--surface2) 50%,var(--border) 75%);background-size:200% 100%;animation:shimmer 1.4s infinite;border-radius:var(--radius-sm)}