:root{--background:#ffffff;--foreground:#171717}@media (prefers-color-scheme:dark){:root{--background:#0a0a0a;--foreground:#ededed}}html{height:100%}body,html{max-width:100vw;overflow-x:hidden}body{min-height:100%;display:flex;flex-direction:column;color:var(--foreground);background:var(--background);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;padding:0;margin:0}a{color:inherit;text-decoration:none}@media (prefers-color-scheme:dark){html{color-scheme:dark}}.nav{display:flex;align-items:center;gap:1.25rem;padding:.75rem 1.5rem;border-bottom:1px solid #333}.nav-brand{margin-right:.5rem}.nav-link{color:inherit;text-decoration:none;opacity:.75}.nav-link:hover{opacity:1}main{max-width:1080px;margin:0 auto;padding:1.5rem}.health-status{padding:.75rem 1.5rem;font-size:.85rem;opacity:.7}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.card{border:1px solid #333;border-radius:8px;padding:1rem 1.25rem}.card:hover{border-color:#888}.total{font-size:1.1rem}table{width:100%;border-collapse:collapse;font-size:.95rem}td,th{text-align:left;padding:.5rem .75rem;border-bottom:1px solid #333}.pos{color:#4caf50}.neg{color:#ef5350}.subrow{background-color:#1a1a1a;font-size:.85rem}.subrow td{border-bottom:1px dashed #444!important}.nav{padding:.6rem 1rem}.nav-top{display:flex;align-items:center;gap:1.5rem}.nav-brand{font-size:1.05rem;font-weight:700;letter-spacing:.02em}.nav-menu{display:flex;gap:.25rem;flex:1 1}.nav-menu-item{position:relative}.nav-menu-btn{border:none;background:transparent;color:inherit;font:inherit;cursor:pointer;padding:.35rem .6rem;border-radius:4px;display:inline-flex;align-items:center;gap:.35rem;font-size:.9rem}.nav-menu-btn:focus-visible,.nav-menu-btn:hover{background:rgba(255,255,255,.12)}.nav-chevron{font-size:.7rem;opacity:.7}.nav-dropdown{position:absolute;top:calc(100% + .25rem);left:0;display:flex;flex-direction:column;gap:.15rem;background:#1e1e2a;border:1px solid rgba(255,255,255,.2);border-radius:6px;padding:.5rem .75rem;min-width:140px;box-shadow:0 6px 20px rgba(0,0,0,.45);z-index:100}.nav-dropdown .nav-link{padding:.3rem 0;font-size:.9rem;color:inherit;text-decoration:none}.nav-dropdown .nav-link:hover{text-decoration:underline}.locale-toggle{display:inline-flex;gap:.15rem}.locale-btn{border:1px solid rgba(255,255,255,.25);background:transparent;color:inherit;cursor:pointer;padding:.2rem .45rem;border-radius:4px;font-size:.75rem;line-height:1}.locale-btn-active{background:rgba(255,255,255,.25);font-weight:600}.nav-top{flex:1 1}.dashboard-grid-layout{display:flex;flex-direction:column;gap:1rem}.grid-settings-toolbar{background:rgba(255,255,255,.05);padding:.75rem 1rem;border-radius:6px;border:1px solid rgba(255,255,255,.1);margin-bottom:.5rem}.grid-settings-toolbar h4{margin:0 0 .5rem;font-size:.85rem;opacity:.8}.panel-toggle{display:flex;align-items:center;gap:.5rem;margin:.25rem 0;font-size:.9rem;-webkit-user-select:none;user-select:none}.panel-toggle,.panel-toggle input[type=checkbox]{cursor:pointer}.grid-panel{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:.75rem 1rem}.grid-panel h3{margin:0 0 .75rem;font-size:.95rem;opacity:.9;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:.4rem}.grid-panel-content{min-height:80px}.cards{display:flex;flex-wrap:wrap;gap:1rem}.card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.15);border-radius:6px;padding:1rem;min-width:200px;flex:1 1 220px;transition:border-color .2s;text-decoration:none;color:inherit}.card:hover{border-color:rgba(255,255,255,.3)}.card h2{margin:0 0 .5rem;font-size:1rem}.card p{margin:0;font-size:.85rem;opacity:.7}.panel-placeholder{margin:0;opacity:.6;font-style:italic;font-size:.85rem}.dashboard-portfolio-select{display:flex;align-items:center;gap:.5rem;margin:.5rem 0 1rem;font-size:.9rem}.dashboard-portfolio-select select{background:rgba(255,255,255,.08);color:inherit;border:1px solid rgba(255,255,255,.2);border-radius:4px;padding:.25rem .5rem}.panel-table{width:100%;border-collapse:collapse;font-size:.85rem}.panel-table th{text-align:left;font-weight:600;opacity:.7;padding:.25rem .5rem;border-bottom:1px solid rgba(255,255,255,.15)}.panel-table td{padding:.25rem .5rem;border-bottom:1px solid rgba(255,255,255,.06)}.panel-error{margin:0;color:#ff9a9a;font-size:.85rem}.panel-kpi{margin:.5rem 0 0;font-size:.85rem;opacity:.85}.watchlist-meta{color:var(--muted,#888);margin-bottom:.75rem;font-size:.9rem}.watchlist-add{display:flex;gap:.5rem;margin-bottom:1rem}.watchlist-input{max-width:220px}.login-page{align-items:center;justify-content:center;min-height:70vh;gap:1.5rem}.login-form,.login-page{display:flex;flex-direction:column}.login-form{gap:.75rem;width:100%;max-width:420px}.login-form label{font-weight:600;margin-bottom:.25rem}.login-form input{padding:.6rem .75rem;font-size:1rem;border-radius:6px;border:1px solid #666;background:#2a2a2a;color:inherit}.login-form button[type=submit]{padding:.6rem 1rem;font-size:1rem;font-weight:600;border-radius:6px;cursor:pointer;margin-top:.5rem}.login-error{color:#ff6b6b;font-size:.95rem}