:root{--bg:#07111f;--panel:#0f1b2b;--line:#243a57;--text:#eef5fb;--muted:#94a8bf;--blue:#5ba8ff;--green:#37d39f;--red:#ff6c7b}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top,#102742 0,#07111f 34%);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;min-height:100vh}.topbar{min-height:72px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;background:#07111fe8;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.brand{color:var(--text);text-decoration:none;font-weight:850;display:flex;align-items:center;gap:10px}.brand-mark{width:34px;height:34px;display:grid;place-items:center;background:var(--blue);color:#06101d;border-radius:10px;font-size:12px}nav{display:flex;gap:22px}nav a{color:var(--muted);text-decoration:none;font-size:14px}.container{max-width:1520px;margin:auto;padding:32px}.hero{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:20px}.hero h1,.form-card h1,.auth-card h1{font-size:34px;margin:5px 0 7px}.eyebrow{font-size:11px;letter-spacing:.15em;color:var(--blue);font-weight:800}.muted{color:var(--muted)}.actions{display:flex;gap:10px}button,input,select{font:inherit}input,select{background:var(--panel);border:1px solid var(--line);color:var(--text);padding:11px 13px;border-radius:9px}.primary,.secondary,.danger{padding:11px 15px;border-radius:9px;font-weight:750;border:1px solid transparent}.primary{background:var(--blue);color:#06101d}.secondary{background:#14253a;border-color:var(--line);color:var(--text);text-decoration:none}.danger{margin-top:18px;background:#3a1620;color:#ffb9c0;border-color:#6a2633}.summary-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.metric,.panel,.account-card,.form-card,.auth-card{background:#0f1b2bf5;border:1px solid var(--line);border-radius:14px}.metric{padding:18px}.metric span{font-size:10px;color:var(--muted)}.metric strong{display:block;font-size:24px;margin:8px 0}.metric small{color:var(--muted)}.dashboard-grid{display:grid;grid-template-columns:2fr 1fr;gap:14px;margin:14px 0}.analytics-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.panel{padding:18px}.chart-panel{height:340px}.analytics-grid .chart-panel{height:420px}.wide{grid-column:1/-1}.mover-columns{display:grid;grid-template-columns:1fr 1fr;gap:14px}.mover-row{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid var(--line)}.mover-row small{display:block;color:var(--muted);font-size:10px}.status{margin:14px 0;font-size:13px;color:var(--muted)}.status.ok,.pos{color:var(--green)!important}.neg{color:var(--red)!important}.table-wrap{background:var(--panel);border:1px solid var(--line);border-radius:14px;overflow:auto}table{width:100%;border-collapse:collapse;min-width:1080px}th,td{padding:14px 13px;border-bottom:1px solid var(--line);white-space:nowrap}th{font-size:10px;color:var(--muted);background:#0d1928}.num{text-align:right}.symbol{font-size:17px;font-weight:850}.pill{padding:5px 9px;border:1px solid var(--line);border-radius:999px;background:#172840;font-size:12px}.edit{color:var(--blue);text-decoration:none}.footnote{font-size:12px;color:var(--muted)}.form-card{max-width:640px;margin:20px auto;padding:30px}.form-card label,.auth-card label{display:block;color:var(--muted);font-size:13px;margin:17px 0 7px}.form-card input,.form-card select,.auth-card input{width:100%}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-card{width:min(430px,100%);padding:30px}.full{width:100%;margin-top:20px}.error{color:var(--red);margin-top:12px}.accounts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}.account-card{padding:20px}.inline{display:flex;gap:8px}.inline input{flex:1}@media(max-width:1100px){.summary-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.analytics-grid{grid-template-columns:1fr}.wide{grid-column:auto}}@media(max-width:760px){.container{padding:18px 12px}.topbar{align-items:flex-start;flex-direction:column;padding:12px}.brand{font-size:14px}nav{width:100%;overflow:auto;gap:14px}nav a{font-size:12px}.hero{flex-direction:column;align-items:stretch}.actions select,.actions button{flex:1}.summary-grid{grid-template-columns:1fr 1fr}.mover-columns{grid-template-columns:1fr}.chart-panel{height:300px}}
.summary-grid.six{grid-template-columns:repeat(6,1fr)}
.watch-tabs{display:flex;gap:8px;overflow:auto;margin-bottom:14px}.watch-tabs a{padding:9px 13px;border:1px solid var(--line);border-radius:999px;color:var(--muted);text-decoration:none;white-space:nowrap}.watch-tabs a.active{background:var(--blue);color:#06101d;border-color:var(--blue)}
.watch-add,.alert-form,.journal-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:9px}.cash-form{margin-top:16px}.cash-form label{display:block;color:var(--muted);font-size:12px;margin-bottom:6px}.cash-form input{width:100%;margin-bottom:8px}
.mini{padding:6px 9px;font-size:11px}.button-cell{display:flex;gap:6px}.triggered{background:#3b2f1038}.alert-banner{margin-bottom:12px;border:1px solid #6e5a1d;background:#3b3016;color:#f4c95f;border-radius:10px;padding:11px 14px}.alert-banner a{color:inherit;font-weight:700}.hidden{display:none}.notes-cell{max-width:300px;white-space:normal}
@media(max-width:1200px){.summary-grid.six{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.summary-grid.six{grid-template-columns:1fr 1fr}.journal-form,.alert-form{grid-template-columns:1fr 1fr}}
/* =========================================================
   Portfolio Manager Navigation
   ========================================================= */

.main-nav {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 18px;
    flex-wrap: nowrap;
}

.main-nav .nav-link,
.main-nav .nav-trigger {
    display: inline-flex;
    align-items: center;
    min-height: 38px;
    padding: 0 10px;
    border: none;
    border-radius: 8px;
    background: transparent !important;
    color: inherit;
    font: inherit;
    appearance: none;
    cursor: pointer;
    text-decoration: none;
    white-space: nowrap;
}

.main-nav .nav-link:hover,
.main-nav .nav-trigger:hover {
    background: rgba(127, 127, 127, 0.12) !important;
}

.main-nav .nav-menu {
    position: relative;
    display: inline-block;
}

.main-nav .nav-dropdown {
    position: absolute;
    top: calc(100% + 6px);
    left: 0;
    z-index: 5000;

    display: none !important;

    min-width: 200px;
    padding: 8px;

    border: 1px solid rgba(127, 127, 127, 0.20);
    border-radius: 10px;

    background: #111c2d;
    box-shadow: 0 14px 32px rgba(0, 0, 0, 0.35);
}

.main-nav .nav-menu:hover > .nav-dropdown,
.main-nav .nav-menu:focus-within > .nav-dropdown {
    display: block !important;
}

.main-nav .nav-dropdown a {
    display: block !important;
    padding: 10px 12px;
    border-radius: 7px;
    color: #dbe7f5;
    text-decoration: none;
    white-space: nowrap;
}

.main-nav .nav-dropdown a:hover {
    background: rgba(255, 255, 255, 0.10);
    color: white;
}

.main-nav .nav-logout {
    margin-left: 6px;
}

@media (max-width: 900px) {
    .main-nav {
        gap: 6px;
        flex-wrap: wrap;
    }
}