.status-banner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:48px 22px;border-radius:var(--radius);border:1px solid;text-align:center}.status-icon{font-size:6rem;line-height:1}.status-title{font-size:1.3rem;font-weight:600}.status-message{font-size:.95rem;margin-top:4px;opacity:.85;font-style:italic;max-width:480px}.status-success{background:var(--success-bg);border-color:var(--success-border);color:var(--success)}.status-warning{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning)}.status-neutral{background:var(--surface2);border-color:var(--border);color:var(--text-muted)}.status-loading{background:var(--surface2);border-color:var(--border);color:var(--text-muted);animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.stock-row{display:grid;grid-template-columns:1fr 90px 110px 120px 120px 100px;align-items:center;padding:14px 18px;border-bottom:1px solid var(--border);transition:background .15s}.stock-row:last-child{border-bottom:none}.stock-row:hover{background:var(--surface2)}.stock-row.loading{opacity:.5}.stock-symbol-cell{display:flex;flex-direction:column;gap:2px}.stock-symbol{font-weight:700;font-size:1rem;letter-spacing:.02em}.stock-name{font-size:.75rem;color:var(--text-muted)}.stock-pct{font-size:.9rem;color:var(--text-muted)}.stock-price{font-size:.9rem;font-variant-numeric:tabular-nums}.stock-change{font-size:.9rem;font-weight:600;font-variant-numeric:tabular-nums}.price-error{color:var(--danger);font-size:.8rem}.dashboard{display:flex;flex-direction:column;gap:20px}.stocks-table{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.table-header{display:grid;grid-template-columns:1fr 90px 110px 120px 120px 100px;padding:10px 18px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);border-bottom:1px solid var(--border);background:var(--surface2)}.breakdown-table{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;font-size:.83rem}.breakdown-header{display:grid;grid-template-columns:1fr 60px 70px 90px;padding:8px 18px;background:var(--surface2);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.breakdown-row{display:grid;grid-template-columns:1fr 60px 70px 90px;padding:10px 18px;border-top:1px solid var(--border);align-items:center}.breakdown-sym{font-weight:700}.breakdown-total{display:grid;grid-template-columns:1fr 60px 70px 90px;padding:10px 18px;border-top:2px solid var(--border);background:var(--surface2);font-size:.85rem}.breakdown-verdict{padding:10px 18px;border-top:1px solid var(--border);font-size:.83rem;font-weight:600}.verdict-ok{color:var(--success);background:var(--success-bg)}.verdict-warning{color:var(--warning);background:var(--warning-bg)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:100;padding:20px}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:500px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--border)}.modal-header h2{font-size:1.15rem;font-weight:600}.close-btn{background:none;color:var(--text-muted);font-size:1rem;padding:4px 8px;border-radius:var(--radius-sm)}.close-btn:hover{background:var(--surface2);opacity:1}.modal-body{flex:1;overflow-y:auto;padding:22px;display:flex;flex-direction:column;gap:28px}.modal-footer{display:flex;gap:10px;justify-content:flex-end;padding:16px 22px;border-top:1px solid var(--border)}.refresh-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.settings-section h3{font-size:.95rem;font-weight:600;margin-bottom:4px}.section-desc{font-size:.8rem;color:var(--text-muted);margin-bottom:14px}.rows-header{display:grid;grid-template-columns:1fr 1fr 36px;gap:8px;font-size:.75rem;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px;padding:0 2px}.stock-input-row{display:grid;grid-template-columns:1fr 1fr 36px;gap:8px;align-items:start;margin-bottom:8px}.field-wrap{display:flex;flex-direction:column;gap:3px}.field-wrap input{width:100%}.field-error{font-size:.72rem;color:var(--danger)}.input-error{border-color:var(--danger)!important}.remove-btn{background:var(--surface2);color:var(--text-muted);border-radius:var(--radius-sm);width:36px;height:34px;display:flex;align-items:center;justify-content:center;font-size:.8rem;margin-top:1px}.remove-btn:disabled{opacity:.3;cursor:not-allowed}.rows-footer{display:flex;align-items:center;justify-content:space-between;margin-top:8px}.add-btn{font-size:.85rem;padding:6px 12px}.total-display{font-size:.85rem;font-weight:600}.total-ok{color:var(--success)}.total-err{color:var(--danger)}.total-error{margin-top:6px}.threshold-options{display:flex;gap:8px;flex-wrap:wrap}.threshold-btn{padding:8px 16px;border-radius:var(--radius-sm);background:var(--surface2);border:1px solid var(--border);color:var(--text);font-size:.875rem;font-weight:500}.threshold-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.debug-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:transparent;display:flex;align-items:flex-end;justify-content:flex-end;z-index:200;padding:20px;pointer-events:none}.debug-panel{pointer-events:auto}.debug-panel{background:#0d1117;border:1px solid #f97316;border-radius:var(--radius);width:340px;max-height:80vh;display:flex;flex-direction:column;overflow:hidden;font-family:Courier New,monospace}.debug-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#f97316;color:#000}.debug-title{font-weight:700;font-size:.9rem;letter-spacing:.05em}.debug-close{background:none;border:none;color:#000;font-size:1rem;cursor:pointer;padding:0 4px}.debug-body{flex:1;overflow-y:auto;overflow-x:hidden;padding:12px;display:flex;flex-direction:column;gap:16px}.debug-section{display:flex;flex-direction:column;gap:8px}.debug-section-title{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#f97316;margin-bottom:2px}.debug-toggle{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;background:#161b22;border-radius:var(--radius-sm);border:1px solid #21262d;cursor:pointer;font-size:.82rem;color:#c9d1d9}.debug-toggle input[type=checkbox]{width:16px;height:16px;accent-color:#f97316;cursor:pointer}.debug-btn{display:flex;flex-direction:column;align-items:flex-start;width:100%;padding:8px 10px;background:#161b22;border:1px solid #21262d;border-radius:var(--radius-sm);color:#c9d1d9;font-size:.82rem;font-family:inherit;cursor:pointer;text-align:left;transition:border-color .15s}.debug-btn:hover{border-color:#f97316;opacity:1}.debug-btn-danger{border-color:#3d1a1a;color:#ff6b6b}.debug-btn-danger:hover{border-color:#ff6b6b}.debug-btn-sub{font-size:.7rem;color:#484f58;margin-top:1px}.debug-link{color:#f97316;text-decoration:none;font-weight:600}.debug-link:hover{text-decoration:underline}.debug-api-row{display:flex;flex-direction:column;gap:6px}.debug-api-input{width:100%;background:#161b22;border:1px solid #21262d;border-radius:var(--radius-sm);color:#c9d1d9;padding:6px 8px;font-size:.78rem;font-family:Courier New,monospace;box-sizing:border-box}.debug-api-input:focus{border-color:#f97316;outline:none}.debug-btn-save{background:#f97316;color:#000;font-weight:700;padding:6px 10px;font-size:.78rem;border-radius:var(--radius-sm);align-self:flex-start}.debug-hint{font-size:.72rem;color:#484f58;margin-bottom:8px;line-height:1.4}.debug-baseline-row{display:flex;align-items:center;gap:6px;margin-bottom:6px}.debug-baseline-sym{font-size:.78rem;font-weight:700;color:#c9d1d9;width:44px;flex-shrink:0}.debug-btn-revert{width:100%;margin-top:4px;border-color:#388e3c;color:#66bb6a}.debug-btn-revert:hover{border-color:#66bb6a}.debug-pre{background:#161b22;border:1px solid #21262d;border-radius:var(--radius-sm);padding:10px;font-size:.7rem;color:#7ee787;overflow-x:auto;white-space:pre;line-height:1.5}.welcome{max-width:620px;margin:0 auto;padding:12px 0 40px;display:flex;flex-direction:column;gap:16px}.welcome-hero{text-align:center;padding:24px 0 8px}.welcome-icon{font-size:4rem;line-height:1;margin-bottom:16px}.welcome-title{font-size:2rem;font-weight:700;letter-spacing:-.02em;margin-bottom:12px}.welcome-tagline{font-size:1.05rem;color:var(--text-muted);max-width:420px;margin:0 auto;line-height:1.6}.feature-list{display:flex;flex-direction:column;gap:10px}.feature-item{display:flex;align-items:flex-start;gap:12px;padding:4px 0 14px;border-bottom:1px solid var(--border)}.feature-item:last-child{border-bottom:none;padding-bottom:0}.feature-icon{font-size:1.3rem;flex-shrink:0;line-height:1;margin-top:1px}.feature-title{font-weight:600;font-size:.95rem;margin-bottom:4px}.feature-desc{font-size:.85rem;color:var(--text-muted);line-height:1.55}.welcome-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.section-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:none;color:var(--text);font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;cursor:pointer;border-bottom:1px solid transparent;transition:border-color .15s}.welcome-section.open .section-toggle{border-bottom-color:var(--border);color:var(--text-muted)}.section-toggle:hover{opacity:1;background:var(--surface2)}.section-chevron{font-size:.65rem;color:var(--text-muted)}.section-body{padding:20px}.how-intro{font-size:.875rem;color:var(--text-muted);line-height:1.6;margin-bottom:20px}.how-steps{display:flex;flex-direction:column;gap:18px}.how-step{display:flex;align-items:flex-start;gap:14px}.how-icon{font-size:1.4rem;flex-shrink:0;line-height:1;margin-top:2px}.how-title{font-weight:600;font-size:.9rem;margin-bottom:3px}.how-desc{font-size:.83rem;color:var(--text-muted);line-height:1.55}.example-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:16px;border:1px solid var(--border);border-radius:var(--radius-sm)}.example-table{min-width:320px;width:100%;font-size:.83rem}.example-header{display:grid;grid-template-columns:1fr 52px 60px 90px;padding:8px 12px;background:var(--surface2);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.example-row{display:grid;grid-template-columns:1fr 52px 60px 90px;padding:10px 12px;border-top:1px solid var(--border);align-items:center}.example-row strong{font-weight:700;font-size:.9rem}.example-row em{font-style:normal;color:var(--text-muted);font-size:.75rem;display:block;margin-top:1px}.example-total{display:grid;grid-template-columns:1fr 52px 60px 90px;padding:10px 12px;border-top:2px solid var(--border);background:var(--surface2);font-size:.83rem;font-weight:600}.align-right{text-align:right}.negative{color:var(--danger)}.positive{color:var(--success)}.example-result{display:flex;align-items:flex-start;gap:12px;padding:14px;border-radius:var(--radius-sm);border:1px solid;margin-bottom:14px;font-size:.83rem}.example-result span:first-child{font-size:1.4rem;flex-shrink:0;line-height:1}.example-warning{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning)}.example-success{background:var(--success-bg);border-color:var(--success-border);color:var(--success)}.example-result-title{font-weight:600;margin-bottom:3px}.example-result-desc{opacity:.85;line-height:1.5}.example-note{font-size:.82rem;color:var(--text-muted);line-height:1.6;padding:10px 12px;background:var(--surface2);border-radius:var(--radius-sm);border-left:3px solid var(--accent)}.best-practices{margin-top:14px;padding:14px;background:var(--surface2);border-radius:var(--radius-sm);border-left:3px solid var(--accent)}.bp-title{font-weight:600;font-size:.88rem;margin-bottom:6px}.bp-desc{font-size:.83rem;color:var(--text-muted);line-height:1.6}.quickstart-steps{list-style:none;display:flex;flex-direction:column;gap:18px}.quickstart-steps li{display:flex;align-items:flex-start;gap:14px}.step-number{width:26px;height:26px;border-radius:50%;background:var(--accent);color:#fff;font-size:.78rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}.step-body{flex:1}.step-title{font-weight:600;font-size:.9rem;margin-bottom:3px}.step-desc{font-size:.83rem;color:var(--text-muted);line-height:1.55}.step-desc code{background:var(--surface2);border:1px solid var(--border);border-radius:4px;padding:1px 5px;font-size:.8rem;color:var(--text);font-family:Courier New,monospace}.welcome-cta{width:100%;padding:14px;font-size:1rem;font-weight:600;border-radius:var(--radius)}@media (max-width: 600px){.welcome-title{font-size:1.6rem}}.app{min-height:100vh;display:flex;flex-direction:column}.app-header{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10}.header-left{display:flex;align-items:center;gap:10px}.logo{font-size:1.5rem}.header-left h1{font-size:1.25rem;font-weight:600;letter-spacing:-.01em}.header-right{display:flex;align-items:center;gap:10px}.last-updated{font-size:.8rem;color:var(--text-muted)}.menu-toggle{display:none;background:none;color:var(--text);font-size:1.5rem;padding:4px 8px;border-radius:var(--radius-sm);line-height:1}.mobile-menu{display:none;position:absolute;top:100%;right:0;left:0;background:var(--surface);border-bottom:1px solid var(--border);flex-direction:column;gap:0;z-index:9}.mobile-menu.open{display:flex}.mobile-menu-item{display:flex;align-items:center;padding:14px 24px;border-bottom:1px solid var(--border);font-size:.95rem;gap:10px;color:var(--text)}.mobile-menu-item:last-child{border-bottom:none}.mobile-menu-item.muted{color:var(--text-muted);font-size:.85rem}.mobile-menu-item button{width:100%;text-align:left;background:none;color:inherit;font-size:inherit;padding:0}@media (max-width: 600px){.app-header{position:relative}.header-right{display:none}.menu-toggle{display:block}}.app-main{flex:1;padding:24px;max-width:960px;width:100%;margin:0 auto}.btn{padding:8px 16px;border-radius:var(--radius-sm);font-size:.875rem;font-weight:500}.btn-primary{background:var(--accent);color:#fff}.btn-ghost{background:transparent;border:1px solid var(--border);color:var(--text)}.btn-ghost:disabled{opacity:.4;cursor:not-allowed}.btn-danger{background:var(--danger);color:#fff}.btn-success{background:var(--success);color:#fff}.error-banner{background:var(--warning-bg);border:1px solid var(--warning-border);color:var(--warning);padding:12px 16px;border-radius:var(--radius);margin-bottom:20px;font-size:.9rem}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0f1117;--surface: #1a1d27;--surface2: #22263a;--border: #2e3350;--text: #e8eaf6;--text-muted: #7986cb;--accent: #5c6bc0;--success: #66bb6a;--success-bg: #1b3a1e;--success-border: #2e7d32;--warning: #ffa726;--warning-bg: #3a2a0f;--warning-border: #e65100;--danger: #ef5350;--radius: 10px;--radius-sm: 6px}body{font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;min-height:100dvh;line-height:1.5;padding-bottom:env(safe-area-inset-bottom)}button{cursor:pointer;font-family:inherit;border:none;outline:none;transition:opacity .15s,background .15s}button:hover{opacity:.85}input,select{font-family:inherit;background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:var(--radius-sm);padding:6px 10px;outline:none;transition:border-color .15s}input:focus,select:focus{border-color:var(--accent)}input::placeholder{color:var(--text-muted)}