*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--font: "Inter", system-ui, sans-serif;--navy: #1e3a5f;--navy-mid: #2d5282;--navy-light: #4a7eb5;--teal: #0694a2;--green: #057a55;--green-light: #def7ec;--amber: #c27803;--amber-light: #fef3c7;--red: #c81e1e;--red-light: #fde8e8;--purple: #7e3af2;--purple-light: #edebfe;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-400: #9ca3af;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--white: #ffffff;--radius: 8px;--radius-lg: 12px;--shadow: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.06);--shadow-md: 0 4px 6px rgba(0,0,0,.07), 0 2px 4px rgba(0,0,0,.06)}html,body{height:100%;font-family:var(--font);font-size:14px;color:var(--gray-800);background:var(--gray-50)}#root{height:100%}a{color:var(--navy-light);text-decoration:none}a:hover{text-decoration:underline}button{font-family:var(--font);cursor:pointer}input,select,textarea{font-family:var(--font);font-size:14px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--gray-100)}::-webkit-scrollbar-thumb{background:var(--gray-400);border-radius:3px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.flex{display:flex}.items-center{align-items:center}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.text-sm{font-size:12px}.text-muted{color:var(--gray-600)}.font-medium{font-weight:500}.font-semibold{font-weight:600}.w-full{width:100%}.layout{display:flex;flex-direction:column;min-height:100vh}.main-content{display:flex;flex:1;overflow:hidden}.sidebar{width:220px;min-width:220px;background:var(--navy);display:flex;flex-direction:column;padding:12px 0}.page-area{flex:1;overflow-y:auto;padding:24px}.card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.card-pad{padding:20px}.card-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--gray-200)}.card-header h2{font-size:15px;font-weight:600}.card-body{padding:16px 20px}.btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:var(--radius);font-size:13px;font-weight:500;border:none;transition:opacity .15s}.btn:hover{opacity:.88}.btn-primary{background:var(--navy);color:var(--white)}.btn-secondary{background:var(--gray-100);color:var(--gray-800);border:1px solid var(--gray-200)}.btn-danger{background:var(--red);color:var(--white)}.btn-success{background:var(--green);color:var(--white)}.btn-sm{padding:4px 10px;font-size:12px}.btn-ghost{background:transparent;color:var(--navy-light);border:1px solid var(--navy-light)}.form-group{display:flex;flex-direction:column;gap:4px}.form-label{font-size:12px;font-weight:500;color:var(--gray-700)}.form-input{border:1px solid var(--gray-200);border-radius:var(--radius);padding:8px 10px;font-size:13px;background:var(--white);outline:none}.form-input:focus{border-color:var(--navy-light);box-shadow:0 0 0 2px #4a7eb533}.form-textarea{border:1px solid var(--gray-200);border-radius:var(--radius);padding:8px 10px;font-size:13px;resize:vertical;min-height:80px;background:var(--white);outline:none}.form-textarea:focus{border-color:var(--navy-light);box-shadow:0 0 0 2px #4a7eb533}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media(max-width:900px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.sidebar{width:180px;min-width:180px}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.app-header{background:var(--navy);color:var(--white);padding:0 24px;height:52px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0;border-bottom:1px solid rgba(255,255,255,.08)}.app-header__logo{font-weight:700;font-size:15px;letter-spacing:-.3px;display:flex;align-items:center;gap:8px}.app-header__logo span{color:var(--navy-light)}.app-header__right{display:flex;align-items:center;gap:12px;font-size:12px}.demo-badge{background:#ffffff1f;border:1px solid rgba(255,255,255,.2);border-radius:4px;padding:2px 8px;font-size:11px;color:var(--amber-light)}.nav-section{padding:8px 0}.nav-section-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.8px;color:#ffffff59;padding:8px 16px 4px}.nav-link{display:flex;align-items:center;gap:8px;padding:8px 16px;color:#ffffffb3;font-size:13px;font-weight:500;transition:background .12s;text-decoration:none;border-left:3px solid transparent}.nav-link:hover{background:#ffffff12;color:var(--white);text-decoration:none}.nav-link.active{background:#ffffff1a;color:var(--white);border-left-color:var(--navy-light)}.nav-badge{background:var(--navy-light);color:var(--white);border-radius:10px;padding:1px 6px;font-size:10px;margin-left:auto}.toast-container{position:fixed;bottom:20px;right:20px;z-index:1000;display:flex;flex-direction:column;gap:8px}.toast{padding:12px 16px;border-radius:var(--radius);box-shadow:var(--shadow-md);font-size:13px;font-weight:500;max-width:320px}.toast-info{background:var(--navy);color:var(--white)}.toast-success{background:var(--green);color:var(--white)}.toast-error{background:var(--red);color:var(--white)}.toast-warning{background:var(--amber);color:var(--white)}.stat-card{padding:20px}.stat-card__value{font-size:28px;font-weight:700;color:var(--navy)}.stat-card__label{font-size:12px;color:var(--gray-600);margin-top:2px}.stat-card__sub{font-size:11px;color:var(--gray-400);margin-top:4px}.section-title{font-size:18px;font-weight:700;color:var(--gray-800);margin-bottom:4px}.section-sub{font-size:13px;color:var(--gray-600);margin-bottom:20px}.opp-card{border:1px solid var(--gray-200);border-radius:var(--radius-lg);background:var(--white);padding:16px;transition:box-shadow .15s,border-color .15s}.opp-card:hover{box-shadow:var(--shadow-md);border-color:var(--gray-400)}.opp-card.stale{border-left:3px solid var(--amber)}.opp-card.ghosted{border-left:3px solid var(--red)}.opp-card.high-fit{border-left:3px solid var(--green)}.opp-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.opp-card__title{font-size:14px;font-weight:600;color:var(--gray-800);cursor:pointer}.opp-card__title:hover{color:var(--navy)}.opp-card__company{font-size:12px;color:var(--gray-600);margin-top:2px}.opp-card__meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.opp-card__footer{display:flex;align-items:center;justify-content:space-between;margin-top:12px;font-size:12px;color:var(--gray-600)}.opp-card__actions{display:flex;gap:6px;margin-top:12px}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:600}.badge-tpm{background:#dbeafe;color:#1e40af}.badge-delivery{background:#ccfbf1;color:#065f46}.badge-ops{background:var(--amber-light);color:#92400e}.badge-program{background:var(--purple-light);color:#5521b5}.badge-generic,.badge-other{background:var(--gray-100);color:var(--gray-600)}.status-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:600}.status-discovered{background:#e0f2fe;color:#075985}.status-queued{background:var(--amber-light);color:#92400e}.status-approved{background:#dcfce7;color:#14532d}.status-applied{background:var(--purple-light);color:#5521b5}.status-interviewing{background:#fef9c3;color:#713f12}.status-offer{background:var(--green-light);color:#065f46}.status-rejected{background:var(--red-light);color:var(--red)}.status-stale{background:var(--amber-light);color:#92400e}.status-ghosted{background:var(--gray-100);color:var(--gray-600)}.fit-score{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;font-size:13px;font-weight:700;border:2px solid}.fit-score.high{background:var(--green-light);color:var(--green);border-color:var(--green)}.fit-score.mid{background:var(--amber-light);color:var(--amber);border-color:var(--amber)}.fit-score.low{background:var(--red-light);color:var(--red);border-color:var(--red)}.fit-score.none{background:var(--gray-100);color:var(--gray-400);border-color:var(--gray-200)}.source-table{width:100%;border-collapse:collapse;font-size:13px}.source-table th{padding:8px 12px;text-align:left;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--gray-600);border-bottom:2px solid var(--gray-200);background:var(--gray-50)}.source-table td{padding:10px 12px;border-bottom:1px solid var(--gray-100);vertical-align:middle}.source-table tr:last-child td{border-bottom:none}.source-table tr:hover td{background:var(--gray-50)}.approval-empty{text-align:center;padding:48px;color:var(--gray-600)}.approval-empty__icon{font-size:40px;margin-bottom:12px}.approval-empty__title{font-size:16px;font-weight:600;color:var(--gray-700);margin-bottom:4px}.tracker-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.filter-btn{padding:5px 12px;border-radius:20px;font-size:12px;font-weight:500;border:1px solid var(--gray-200);background:var(--white);color:var(--gray-700);cursor:pointer;transition:all .12s}.filter-btn:hover{border-color:var(--navy-light);color:var(--navy)}.filter-btn.active{background:var(--navy);color:var(--white);border-color:var(--navy)}.detail-grid{display:grid;grid-template-columns:1fr 340px;gap:20px}.detail-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--gray-600);margin-bottom:4px}.detail-value{font-size:13px;color:var(--gray-800)}.signals-list{display:flex;flex-wrap:wrap;gap:4px}.signal-chip{background:#e0f2fe;color:#075985;border-radius:4px;padding:2px 7px;font-size:11px}.import-zone{border:2px dashed var(--gray-200);border-radius:var(--radius-lg);padding:32px;text-align:center;background:var(--gray-50);transition:border-color .15s}.import-zone:hover{border-color:var(--navy-light)}.import-result{background:var(--green-light);border:1px solid #a7f3d0;border-radius:var(--radius);padding:14px;margin-top:16px}.import-result-error{background:var(--red-light);border:1px solid #fca5a5}
