:root{--bg:#0f1115;--surface:#171a21;--surface-alt:#1e222b;--border:#2a2f3a;--text:#e7e9ee;--text-dim:#8b93a3;--accent:#3b82f6;--pos:#22c55e;--neg:#ef4444;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text)}.login-page{justify-content:center;align-items:center;height:100%;display:flex}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:14px;width:320px;padding:32px;display:flex}.login-card h1{margin:0;font-size:28px}.login-card .subtitle{color:var(--text-dim);margin:-10px 0 10px;font-size:13px}.login-card label{color:var(--text-dim);flex-direction:column;gap:6px;font-size:13px;display:flex}.login-card input{background:var(--surface-alt);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:10px;font-size:14px}.login-card button{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;margin-top:8px;padding:12px;font-weight:600}.login-card button:disabled{opacity:.6;cursor:default}.shell{flex-direction:column;height:100%;display:flex}.topbar{border-bottom:1px solid var(--border);background:var(--surface);align-items:center;gap:24px;padding:14px 24px;display:flex}.topbar .brand{font-size:18px;font-weight:700}.topbar nav{flex:1;gap:16px;display:flex}.topbar nav a{color:var(--text-dim);border-bottom:2px solid #0000;padding:6px 2px;font-size:14px;text-decoration:none}.topbar nav a.active{color:var(--text);border-bottom-color:var(--accent)}.user-area{color:var(--text-dim);align-items:center;gap:12px;font-size:13px;display:flex}.user-area button{border:1px solid var(--border);color:var(--text-dim);cursor:pointer;background:0 0;border-radius:6px;padding:6px 10px}main{flex:1;width:100%;max-width:1100px;margin:0 auto;padding:24px;overflow:auto}.page h2{margin-top:0}.search-bar{gap:10px;margin-bottom:16px;display:flex}.search-bar input{background:var(--surface-alt);border:1px solid var(--border);color:var(--text);border-radius:8px;flex:1;padding:10px 12px}.search-bar select{background:var(--surface-alt);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:10px}.search-bar button,.add-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:10px 16px;font-weight:600}.add-btn{margin-bottom:14px}table{border-collapse:collapse;background:var(--surface);border-radius:10px;width:100%;overflow:hidden}th,td{text-align:left;border-bottom:1px solid var(--border);padding:10px 12px;font-size:13px}th{color:var(--text-dim);text-transform:uppercase;letter-spacing:.03em;font-size:12px;font-weight:600}tr.clickable{cursor:pointer}tr.clickable:hover{background:var(--surface-alt)}.mono{font-family:SF Mono,Consolas,monospace}.pos{color:var(--pos)}.neg{color:var(--neg)}.empty{text-align:center;color:var(--text-dim);padding:24px}.detail-panel{background:var(--surface);border:1px solid var(--border);border-radius:10px;margin-top:20px;padding:20px}.detail-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px;display:grid}.detail-grid .label,.summary-cards .card .label{color:var(--text-dim);margin-bottom:4px;font-size:12px;display:block}.detail-grid .value,.summary-cards .card .value{font-size:18px;font-weight:600;display:block}.dividends-table{margin-top:10px}.tabs{border-bottom:1px solid var(--border);gap:4px;margin-bottom:18px;display:flex}.tabs button{color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:10px 16px;font-size:14px}.tabs button.active{color:var(--text);border-bottom-color:var(--accent)}.summary-cards{gap:16px;margin-bottom:20px;display:flex}.summary-cards .card{background:var(--surface);border:1px solid var(--border);border-radius:10px;flex:1;padding:16px 20px}.inline-form{background:var(--surface);border:1px solid var(--border);border-radius:10px;flex-wrap:wrap;align-items:flex-end;gap:14px;margin-bottom:18px;padding:18px;display:flex}.inline-form label{color:var(--text-dim);flex-direction:column;gap:6px;font-size:12px;display:flex}.inline-form input,.inline-form select{background:var(--surface-alt);border:1px solid var(--border);color:var(--text);border-radius:6px;min-width:120px;padding:8px 10px;font-size:14px}.inline-form button{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:6px;height:fit-content;padding:9px 18px;font-weight:600}.link-btn{cursor:pointer;color:var(--text-dim);background:0 0;border:none;font-size:12px;text-decoration:underline}.link-btn.danger{color:var(--neg)}.tag{background:var(--surface-alt);color:var(--text-dim);border-radius:4px;margin-left:8px;padding:2px 6px;font-size:11px}.error-msg{border:1px solid var(--neg);color:#fca5a5;background:#ef444426;border-radius:8px;margin-bottom:14px;padding:10px 14px;font-size:13px}