*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;background:#f6f8fb;color:#142033}button,input,select{font:inherit}.topbar{height:68px;background:#fff;border-bottom:1px solid #e6eaf0;display:flex;align-items:center;justify-content:space-between;padding:0 6vw;position:sticky;top:0;z-index:10}.brand{font-weight:800;display:flex;gap:10px;align-items:center}.brand-mark{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#142033;color:white;font-size:12px}.status{font-size:13px;color:#667085}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#28a745;margin-right:6px}.shell{max-width:1180px;margin:auto;padding:48px 24px 70px}.hero{display:flex;justify-content:space-between;gap:30px;align-items:flex-end;margin-bottom:30px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.13em;color:#667085;margin:0 0 8px}.hero h1{font-size:46px;line-height:1.05;margin:0 0 14px;letter-spacing:-.04em}.sub{max-width:690px;color:#667085;font-size:17px;line-height:1.6;margin:0}.hero-card{min-width:175px;background:#142033;color:#fff;border-radius:18px;padding:20px}.hero-number{font-size:34px;font-weight:800}.profile-panel{background:#fff;border:1px solid #e3e8ef;border-radius:18px;padding:20px;display:grid;grid-template-columns:1.6fr 1fr 1fr auto;gap:14px;align-items:end;box-shadow:0 8px 28px rgba(20,32,51,.05)}label{display:block;font-size:12px;font-weight:750;color:#475467;margin:0 0 7px}input,select{width:100%;border:1px solid #d8dee8;border-radius:10px;padding:11px 12px;background:#fff;color:#142033;outline:none}input:focus,select:focus{border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1)}button{border:0;border-radius:10px;padding:11px 15px;cursor:pointer;font-weight:750}.primary{background:#142033;color:#fff}.secondary{background:#fff;border:1px solid #d8dee8;color:#142033}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:40px 0 18px}.toolbar h2{margin:0 0 3px;font-size:23px}.toolbar p{margin:0;color:#667085;font-size:13px}.toolbar-actions{display:flex;gap:10px}.search{width:230px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.card{background:#fff;border:1px solid #e3e8ef;border-radius:16px;padding:18px;position:relative;min-height:250px;display:flex;flex-direction:column}.card-top{display:flex;justify-content:space-between;gap:10px}.company{font-weight:800;font-size:14px}.role{font-size:20px;font-weight:800;margin:8px 0}.muted{color:#667085;font-size:13px}.tags{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0}.tag{background:#f1f4f8;border-radius:999px;padding:5px 8px;font-size:11px;color:#475467}.details{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:6px 0 16px}.detail{font-size:12px;color:#667085}.detail strong{display:block;color:#142033;margin-top:3px}.card-actions{margin-top:auto;display:flex;gap:8px}.save{flex:1;background:#142033;color:#fff}.save.saved{background:#e8eefc;color:#344054}.check{position:absolute;top:18px;right:18px;width:18px;height:18px}.empty{background:#fff;border:1px dashed #cfd6e1;padding:45px;text-align:center;border-radius:16px}.hidden{display:none!important}.compare-panel{margin-top:30px;background:#fff;border:1px solid #dfe5ed;border-radius:18px;padding:22px;box-shadow:0 12px 30px rgba(20,32,51,.08)}.compare-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px}.compare-head h2{margin:0}.icon-btn{background:#f1f4f8;font-size:24px;padding:3px 10px}.compare-table{width:100%;border-collapse:collapse}.compare-table th,.compare-table td{padding:13px;border-bottom:1px solid #edf0f4;text-align:left;font-size:13px;vertical-align:top}.compare-table th{width:18%;color:#667085;font-weight:650}.scope-note{margin-top:28px;padding:15px 18px;background:#fffdf4;border:1px solid #f0df9a;border-radius:12px;color:#695a24;font-size:13px;line-height:1.5}footer{text-align:center;border-top:1px solid #e6eaf0;padding:25px;color:#667085;font-size:12px}@media(max-width:900px){.profile-panel{grid-template-columns:1fr 1fr}.grid{grid-template-columns:1fr 1fr}.hero{align-items:flex-start;flex-direction:column}}@media(max-width:600px){.topbar{padding:0 18px}.status{display:none}.shell{padding:30px 16px}.hero h1{font-size:36px}.profile-panel,.grid{grid-template-columns:1fr}.toolbar{align-items:stretch;flex-direction:column}.toolbar-actions{flex-direction:column}.search{width:100%}}
html.dark body { background: #111827; color: #e5e7eb; }
html.dark .topbar, html.dark .profile-panel, html.dark .card, html.dark .compare-panel, html.dark .empty, html.dark .auth-container { background: #1f2937; border-color: #374151; }
html.dark input, html.dark select { background: #374151; color: #f3f4f6; border-color: #4b5563; }
html.dark button.secondary, html.dark .social-btn { background: #374151; color: #e5e7eb; border-color: #4b5563; }
html.dark button.primary { background: #3b82f6; color: #fff; }
html.dark .tag { background: #374151; color: #d1d5db; }
html.dark .detail strong, html.dark label { color: #f3f4f6; }
html.dark .muted, html.dark .detail { color: #9ca3af; }
html.dark .brand-mark { background: #e5e7eb; color: #111827; }
html.dark footer { border-top-color: #374151; color: #9ca3af; }
html.dark .save.saved { background: #374151; color: #9ca3af; }
html.dark .scope-note, html.dark .error-box { background: #374151; border-color: #4b5563; color: #e5e7eb; }
html.dark th, html.dark td { border-bottom-color: #374151; color: #e5e7eb; }
.theme-select { width: auto !important; padding: 6px 10px !important; margin-right: 4px !important; } .auth-buttons button { white-space: nowrap; }
.card-top { padding-right: 30px; }