:root{color-scheme:dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}body{margin:0;background:#0f1115;color:#e6e8eb}.app{max-width:1200px;margin:0 auto;padding:24px}.app-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px}.header-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}.tabs{display:flex;gap:4px;background:#171a21;border:1px solid #262b35;border-radius:8px;padding:4px}.tab-button{background:transparent;border:none;color:#9aa2ad;border-radius:6px;padding:6px 12px;font-size:.85rem;cursor:pointer}.tab-button:hover{color:#e6e8eb}.tab-button.active{background:#4f8cff;color:#0f1115;font-weight:600}.logout-button{background:transparent;border:1px solid #333a47;color:#e6e8eb;border-radius:8px;padding:8px 14px;font-size:.85rem;cursor:pointer;flex-shrink:0}.logout-button:hover{border-color:#4f8cff;color:#4f8cff}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.auth-container{width:100%;max-width:360px;display:flex;flex-direction:column;align-items:center;gap:16px}.auth-switch{margin:0;color:#9aa2ad;font-size:.85rem;text-align:center}.link-button{background:none;border:none;padding:0;margin:0;color:#4f8cff;font-size:inherit;font-family:inherit;cursor:pointer;text-decoration:underline}.link-button:hover{color:#6ea0ff}.login-form{background:#171a21;border:1px solid #262b35;border-radius:12px;padding:32px;width:100%;display:flex;flex-direction:column;gap:10px}.login-form h1{margin:0;font-size:1.4rem}.login-subtitle{margin:0 0 12px;color:#9aa2ad;font-size:.85rem}.login-form label{font-size:.8rem;color:#9aa2ad;margin-top:6px}.login-form input{background:#0f1115;border:1px solid #262b35;border-radius:8px;padding:10px 12px;color:#e6e8eb;font-size:.95rem}.login-form input:focus{outline:none;border-color:#4f8cff}.login-error{margin:4px 0 0;color:#f87171;font-size:.85rem}.login-form button{margin-top:12px;background:#4f8cff;border:none;border-radius:8px;padding:10px 14px;color:#0f1115;font-weight:600;font-size:.95rem;cursor:pointer}.login-form button:hover:not(:disabled){background:#6ea0ff}.login-form button:disabled{opacity:.6;cursor:default}.app-header h1{font-size:1.5rem;margin:0 0 4px}.app-header p{margin:0;color:#9aa2ad;font-size:.9rem}.stock-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:20px}.stock-card{background:#171a21;border:1px solid #262b35;border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:12px}.stock-card-header{display:flex;justify-content:space-between;align-items:baseline}.stock-card-header h2{margin:0;font-size:1.1rem}.stock-card-header span{color:#9aa2ad;font-size:.85rem}.quote-error{margin:0;color:#f87171;font-size:.85rem}.quote-stats{display:flex;flex-direction:column;gap:2px}.quote-price{font-size:1.8rem;font-weight:600}.quote-change{font-size:.9rem;font-weight:500}.quote-change.positive{color:#4ade80}.quote-change.negative{color:#f87171}.quote-range{color:#9aa2ad;font-size:.8rem}.chart-container{width:100%;height:220px;border-radius:8px;overflow:hidden}.news-tile{border:1px dashed #333a47;border-radius:8px;padding:12px;min-height:90px;display:flex;flex-direction:column;gap:6px;justify-content:center;align-items:center;text-align:center;color:#6b7280}.news-tile h3{margin:0;font-size:.85rem;color:#9aa2ad;text-transform:uppercase;letter-spacing:.04em}.news-tile p{margin:0;font-size:.8rem}.positive{color:#4ade80}.negative{color:#f87171}.depot-view{display:flex;flex-direction:column;gap:20px}.position-form{background:#171a21;border:1px solid #262b35;border-radius:12px;padding:20px}.position-form h2{margin:0 0 16px;font-size:1.1rem}.position-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.form-field{display:flex;flex-direction:column;gap:4px}.form-field label{font-size:.8rem;color:#9aa2ad}.form-field input{background:#0f1115;border:1px solid #262b35;border-radius:8px;padding:9px 12px;color:#e6e8eb;font-size:.9rem}.form-field input:focus{outline:none;border-color:#4f8cff}.form-error{margin:12px 0 0;color:#f87171;font-size:.85rem}.position-form button{margin-top:16px;background:#4f8cff;border:none;border-radius:8px;padding:10px 16px;color:#0f1115;font-weight:600;font-size:.9rem;cursor:pointer}.position-form button:hover:not(:disabled){background:#6ea0ff}.position-form button:disabled{opacity:.6;cursor:default}.portfolio-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.summary-item{background:#171a21;border:1px solid #262b35;border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:6px}.summary-label{color:#9aa2ad;font-size:.8rem;text-transform:uppercase;letter-spacing:.04em}.summary-value{font-size:1.3rem;font-weight:600}.depot-hint{color:#9aa2ad;font-size:.9rem;text-align:center;padding:32px 0}.position-table-wrapper{background:#171a21;border:1px solid #262b35;border-radius:12px;overflow-x:auto}.position-table{width:100%;border-collapse:collapse;font-size:.9rem}.position-table th,.position-table td{text-align:left;padding:12px 16px;white-space:nowrap}.position-table th{color:#9aa2ad;font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid #262b35}.position-table tbody tr:not(:last-child) td{border-bottom:1px solid #1f232c}.value-placeholder{color:#6b7280}.delete-button{background:transparent;border:1px solid #333a47;color:#9aa2ad;border-radius:6px;padding:6px 10px;font-size:.8rem;cursor:pointer}.delete-button:hover:not(:disabled){border-color:#f87171;color:#f87171}.delete-button:disabled{opacity:.6;cursor:default}