:root{--bg:#f6f8fc;--ink:#102552;--muted:#6f7d98;--line:#e4eaf3;--blue:#1f6fff;--blue2:#ebf3ff;--green:#15944a;--green2:#eaf7ef;--amber:#d99300;--amber2:#fff3d8;--purple:#6c3cc3;--purple2:#f0eaff;--red:#d64747;--red2:#ffecec;--shadow:0 8px 28px rgba(29,54,110,.08)}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,"Segoe UI",sans-serif;background:var(--bg);color:var(--ink)}button,input,select{font:inherit}button{cursor:pointer}.shell{display:grid;grid-template-columns:240px minmax(0,1fr);min-height:100vh}.side{background:#fff;border-right:1px solid var(--line);padding:20px 16px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column}.brand{display:flex;gap:10px;align-items:center;padding:2px 6px 18px;border-bottom:1px solid var(--line)}.logo{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#2877ff,#7c42ff);display:grid;place-items:center;color:#fff;font-weight:800}.brand strong{font-size:18px;display:block}.brand small,.sidefoot,.user,.titlebar p,.sectionhead span,.metric span,.card p{color:var(--muted)}nav{display:flex;flex-direction:column;gap:5px;margin-top:16px}nav button,.my-lists button{border:0;background:transparent;border-radius:11px;padding:11px;text-align:left;color:var(--ink);font-weight:600}nav button.active{background:var(--blue2);color:var(--blue)}nav button:hover,.my-lists button:hover{background:#f3f6fb}.my-lists{border-top:1px solid var(--line);margin-top:15px;padding-top:14px}.my-lists h4{font-size:11px;letter-spacing:.08em;color:var(--muted);margin:0 0 8px}.my-lists button{width:100%;padding:7px;color:#394a70}.sidefoot{margin-top:auto;border-top:1px solid var(--line);padding-top:14px;font-size:12px}main{min-width:0}.top{height:66px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 26px;position:sticky;top:0;z-index:10}.top input{width:min(600px,75%);border:1px solid var(--line);border-radius:13px;background:#fafcff;padding:10px 13px}.user{font-size:12px;text-align:right}.user strong{display:block;color:var(--ink)}.content{padding:25px 28px 46px;max-width:1480px;margin:auto}.titlebar{display:flex;justify-content:space-between;gap:18px;align-items:end;margin-bottom:18px}.titlebar h1{margin:0;font-size:29px}.titlebar p{margin:5px 0 0}.toolbar,.actions,.meta,.delta-row{display:flex;gap:8px;flex-wrap:wrap}.btn{border:1px solid var(--line);background:#fff;color:var(--ink);padding:9px 12px;border-radius:11px;font-weight:700}.btn.primary{background:var(--blue);border-color:var(--blue);color:#fff}.btn.small{font-size:12px;padding:7px 9px}.btn.saved{background:var(--blue2);border-color:#c9dcff;color:var(--blue)}.btn.watching{background:var(--purple2);border-color:#d9c8ff;color:var(--purple)}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:20px}.metric,.delta,.opp,.card,.filters{background:#fff;border:1px solid var(--line);border-radius:15px}.metric,.card{padding:15px}.metric strong{font-size:25px;display:block}.metric span{font-size:12px}.delta{padding:16px;margin-bottom:18px;box-shadow:var(--shadow)}.delta-row{margin-top:10px}.badge{display:inline-flex;padding:5px 8px;border-radius:999px;font-size:11px;font-weight:750}.blue{background:var(--blue2);color:var(--blue)}.green{background:var(--green2);color:var(--green)}.amber{background:var(--amber2);color:#986600}.purple{background:var(--purple2);color:var(--purple)}.red{background:var(--red2);color:var(--red)}.gray{background:#eef1f5;color:#657087}.sectionhead{display:flex;justify-content:space-between;align-items:center;margin:22px 0 10px}.sectionhead h2{margin:0;font-size:19px}.cards{display:flex;flex-direction:column;gap:11px}.opp{padding:15px;display:grid;grid-template-columns:1fr auto;gap:12px}.opp:hover{box-shadow:var(--shadow)}.opp h3{margin:0;font-size:17px}.opp .subtitle{color:#384a70;margin:5px 0 9px}.actions{justify-content:flex-end;align-items:flex-start}.meta{gap:6px}.filters{padding:14px;margin-bottom:14px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.filters select{border:1px solid var(--line);border-radius:10px;padding:9px;background:#fff}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.card h2,.card h3{margin:0 0 8px}.listitem{padding:10px;border:1px solid var(--line);border-radius:10px;margin-top:8px;display:flex;justify-content:space-between;gap:10px;font-size:13px}.empty{background:#fff;border:1px dashed #cbd5e3;border-radius:15px;padding:30px;text-align:center;color:var(--muted)}.modalbg,.drawerbg{position:fixed;inset:0;background:rgba(12,25,55,.22);z-index:30;display:flex}.modalbg{align-items:center;justify-content:center;padding:20px}.modal{width:min(520px,95vw);background:#fff;border-radius:18px;padding:20px}.modal h2{margin:0}.modal input[type=text]{width:100%;border:1px solid var(--line);border-radius:10px;padding:10px}.checks{display:grid;gap:8px;margin:14px 0}.check{border:1px solid var(--line);border-radius:10px;padding:10px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.drawerbg{justify-content:flex-end}.drawer{width:min(620px,95vw);background:#fff;height:100%;padding:22px;overflow:auto}.drawer p,.drawer li{line-height:1.65;color:#3f4e6d}.evidence a{display:block;padding:12px 0;border-top:1px solid var(--line);color:var(--blue);text-decoration:none}.toast{position:fixed;right:20px;bottom:20px;background:#122a5b;color:#fff;padding:11px 14px;border-radius:10px;z-index:50}@media(max-width:900px){.shell{grid-template-columns:78px 1fr}.brand div:last-child,.my-lists,.sidefoot,nav button span{display:none}.metrics,.grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.shell{display:block}.side{position:fixed;top:auto;bottom:0;height:62px;width:100%;z-index:20;padding:5px}.brand,.my-lists,.sidefoot{display:none}nav{margin:0;display:grid;grid-template-columns:repeat(6,1fr)}nav button{text-align:center;padding:8px 2px;font-size:10px}.content{padding:17px 12px 78px}.user{display:none}.top{padding:0 12px}.top input{width:100%}.titlebar{align-items:flex-start;flex-direction:column}.opp{grid-template-columns:1fr}.actions{justify-content:flex-start}.metrics,.grid{grid-template-columns:1fr 1fr}}
.user-button{border:0;background:transparent;cursor:pointer;border-radius:10px;padding:7px 9px}.user-button:hover{background:#f3f6fb}.user-button span{display:block;color:var(--muted)}
.auth-card-small{width:min(470px,96vw)}.auth-full-button{width:100%;margin-top:4px}.auth-card input[readonly]{background:#f3f5f8;color:#687187}.auth-error.success{color:var(--green)}
.auth-locked{overflow:hidden}.auth-locked .shell,.auth-locked .import-fab,.auth-locked .import-status{filter:blur(3px);pointer-events:none;user-select:none}.auth-backdrop{position:fixed;inset:0;background:rgba(12,25,55,.62);z-index:100;display:grid;place-items:center;padding:20px}.auth-card{width:min(650px,96vw);max-height:92vh;overflow:auto;background:#fff;border-radius:22px;padding:26px;box-shadow:0 24px 80px rgba(8,20,45,.3)}.auth-brand{display:flex;align-items:center;gap:10px;margin-bottom:22px}.auth-brand>span{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#2877ff,#7c42ff);display:grid;place-items:center;color:#fff}.auth-brand strong,.auth-brand small{display:block}.auth-brand small{color:var(--muted)}.auth-card h1{margin:0 0 8px}.auth-card>p{color:var(--muted);margin:0 0 22px}.auth-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.auth-card label{display:block;font-size:12px;font-weight:750;color:#44506a;margin-bottom:14px}.auth-card input,.auth-card select{display:block;width:100%;box-sizing:border-box;margin-top:6px;border:1px solid var(--line);border-radius:10px;background:#fff;padding:11px;font:inherit}.auth-note{display:flex;gap:12px;background:#f4f7ff;border:1px solid #dce5ff;border-radius:12px;padding:12px;color:#405072;font-size:13px}.auth-note strong{white-space:nowrap}.auth-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:18px}.auth-error{color:var(--red);font-weight:700;margin-top:10px}.feedback-fields select{display:block;width:100%;box-sizing:border-box;margin-top:6px;border:1px solid #c9cddd;border-radius:8px;padding:10px;font:inherit;background:#fff}@media(max-width:650px){.auth-grid{grid-template-columns:1fr}.auth-note{display:block}}