:root{--bg: #081318;--bg-soft: #0f1e26;--panel: rgba(14, 29, 35, .88);--panel-strong: #122833;--line: #214452;--text: #e6f3f7;--muted: #9ab6c1;--accent: #22d3a7;--accent-strong: #12b88d;--warn: #f59e0b}*{box-sizing:border-box}body{margin:0;color:var(--text);font-family:Trebuchet MS,Segoe UI,sans-serif;min-height:100vh;background:radial-gradient(1100px 580px at 8% -18%,rgba(34,211,167,.2),transparent 55%),radial-gradient(860px 460px at 95% -12%,rgba(245,158,11,.14),transparent 48%),linear-gradient(160deg,#071116,#0a1820 44%,#0d1f29)}a{color:var(--accent);text-decoration:none}button,input,select{font:inherit}.shell-wrap{min-height:100vh}.topbar{position:sticky;top:0;z-index:4;padding:12px 18px;background:#081318e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:14px}.topbar h2{margin:0;font-size:clamp(16px,2vw,20px);letter-spacing:.03em}nav{display:flex;flex-wrap:wrap;align-items:center;gap:10px}nav a{padding:6px 10px;border-radius:7px;border:1px solid transparent}nav a:hover{border-color:var(--line);background:#12283373}button{border-radius:8px;border:1px solid var(--line);padding:8px 12px;color:var(--text);background:var(--panel-strong);cursor:pointer}button:hover{border-color:var(--accent)}button:disabled{opacity:.65;cursor:not-allowed}main{padding:16px}.page-section{width:min(1140px,100%);margin:0 auto;display:grid;gap:14px}.section-head{border:1px solid var(--line);border-radius:14px;padding:14px 16px;background:linear-gradient(120deg,#122833b8,#0c1e28e6)}.section-head h1{margin:0;font-size:clamp(22px,3vw,30px)}.section-head p{margin:6px 0 0;color:var(--muted)}.panel-card{border:1px solid var(--line);border-radius:12px;background:var(--panel);padding:14px}.panel-card h2{margin:0 0 10px;font-size:16px;color:var(--muted);letter-spacing:.04em;text-transform:uppercase}.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px}.metric-card{border:1px solid var(--line);border-radius:11px;background:#0e1f28f2;padding:12px;position:relative}.metric-card:before{content:"";position:absolute;left:10px;right:10px;top:0;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--accent),var(--warn))}.metric-label{display:block;font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.metric-value{display:block;margin-top:6px;font-size:21px}.metric-delta{color:var(--accent);font-size:13px}.panel-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px}.clean-list{margin:0;padding-left:18px;color:var(--muted);display:grid;gap:8px}.compact-table{width:100%;border-collapse:collapse;font-size:14px}.compact-table th,.compact-table td{border-bottom:1px solid rgba(33,68,82,.7);text-align:left;padding:8px}.compact-table th{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.05em}.option-table th:nth-child(1),.option-table th:nth-child(2),.option-table td:nth-child(1),.option-table td:nth-child(2){color:#60f0cb}.option-table th:nth-child(4),.option-table th:nth-child(5),.option-table td:nth-child(4),.option-table td:nth-child(5){color:#f9b454}.atm-row{background:#12b88d24}.form-grid{display:grid;gap:10px}.form-grid label{display:grid;gap:6px;font-size:13px;color:var(--muted)}.form-grid input,.form-grid select{width:100%;padding:9px 10px;border-radius:8px;border:1px solid var(--line);background:#0f222a;color:var(--text)}.result-box{margin:0;border:1px solid var(--line);border-radius:8px;padding:9px;background:#0d1f26;color:#b7d2db;overflow-x:auto}.login-page{width:min(980px,100%);margin:20px auto;display:grid;gap:12px}.hero-card{border:1px solid var(--line);border-radius:14px;background:linear-gradient(115deg,#122833d1,#142026e6);padding:18px}.hero-card h1{margin:0;font-size:clamp(26px,4vw,36px)}.hero-card p{margin:7px 0 0;color:var(--muted)}.role-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px}.role-card{text-align:left;border:1px solid var(--line);border-radius:12px;background:var(--panel);padding:12px;display:grid;gap:8px}.role-card strong{font-size:15px}.role-card span{color:var(--muted);font-size:13px;line-height:1.35}.direction-muted{color:var(--muted);font-size:20px;font-weight:700;margin:4px 0 10px}.direction-buy-ce{color:#60f0cb;font-size:20px;font-weight:700;margin:4px 0 10px}.direction-buy-pe{color:#f9b454;font-size:20px;font-weight:700;margin:4px 0 10px}.error-text{color:#fca5a5;margin:4px 0 0}@media (max-width: 860px){.topbar{align-items:flex-start;flex-direction:column}nav{width:100%}}