@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root{--bg-base:#0a0b10;--bg-surface:#13141c;--bg-surface-elevated:#1a1c27;--text-primary:#fff;--text-secondary:#94a3b8;--border-color:#ffffff14;--accent-brand:#3b82f6;--accent-brand-hover:#2563eb;--accent-success:#10b981;--accent-danger:#ef4444;--accent-warning:#f59e0b}html,body,#root{margin:0;padding:0}body{background-color:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:Plus Jakarta Sans,sans-serif}.app-container{background:var(--bg-surface);width:100%;max-width:1200px;min-height:100vh;margin:0 auto;display:flex;position:relative;box-shadow:0 0 20px #00000080}.mobile-header{background:var(--bg-surface);border-bottom:1px solid var(--border-color);z-index:50;justify-content:center;align-items:center;padding:20px;display:none;position:sticky;top:0}.sidebar{border-right:1px solid var(--border-color);background:var(--bg-surface);flex-direction:column;flex-shrink:0;width:280px;height:100vh;padding:32px 24px;display:flex;position:sticky;top:0}.brand{color:var(--text-primary);letter-spacing:-.5px;align-items:center;gap:12px;margin-bottom:48px;font-size:1.5rem;font-weight:800;display:flex}.brand-icon{background:linear-gradient(135deg, var(--accent-success), #14b8a6);border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:1rem;display:flex}.nav-links{flex-direction:column;gap:12px;display:flex}.nav-item{color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;justify-content:space-between;align-items:center;padding:12px 16px;font-size:1rem;font-weight:600;transition:all .2s;display:flex}.nav-item:hover{color:var(--text-primary);background:#ffffff08}.nav-item.active{color:var(--accent-brand);background:#3b82f61a}.badge-count{background:var(--accent-brand);color:#fff;border-radius:12px;padding:2px 8px;font-size:.75rem;font-weight:700}.main-panel{flex-direction:column;flex:1;padding:40px 60px 80px;display:flex}.page-header{margin-bottom:32px}.page-header h2{margin-bottom:8px;font-size:1.8rem;font-weight:700}.page-header p{color:var(--text-secondary);font-size:.95rem}.opportunity-card{background:var(--bg-surface-elevated);border:1px solid var(--border-color);border-radius:16px;flex-direction:column;flex-shrink:0;width:100%;max-width:700px;margin:0 auto;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;overflow:hidden}.opp-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:flex-start;padding:32px;display:flex}.company-intel{gap:20px;display:flex}.company-logo-pro{background:var(--bg-base);border:1px solid var(--border-color);border-radius:12px;justify-content:center;align-items:center;width:64px;height:64px;font-size:1.5rem;display:flex}.job-title-pro{margin-bottom:6px;font-size:1.6rem;font-weight:700}.company-name-pro{color:var(--text-secondary);font-size:1rem;font-weight:500}.match-score-circle{background:conic-gradient(var(--accent-success) var(--score), var(--bg-base) 0);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;display:flex}.match-score-inner{background:var(--bg-surface-elevated);width:52px;height:52px;color:var(--accent-success);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;font-size:1.1rem;font-weight:800;display:flex}.match-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);font-size:.5rem}.opp-body{flex-shrink:0;padding:32px}.spec-grid{grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:32px;display:grid}.spec-item .label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:.8rem;font-weight:600;display:block}.spec-item .value{font-size:1.05rem;font-weight:500}.skills-wrapper{flex-wrap:wrap;gap:10px;display:flex}.tag-pro{background:var(--bg-base);border:1px solid var(--border-color);border-radius:6px;padding:6px 14px;font-size:.85rem;transition:all .2s}.tag-pro.matched{color:var(--accent-success);background:#10b9811a;border-color:#10b9814d}.opp-description{color:var(--text-secondary);margin-top:32px;font-size:1rem;line-height:1.7}.opp-footer{background:var(--bg-base);border-top:1px solid var(--border-color);flex-shrink:0;gap:16px;padding:24px 32px;display:flex}.btn-decide{cursor:pointer;border:1px solid #0000;border-radius:8px;flex:1;padding:16px;font-size:1rem;font-weight:600;transition:all .2s}.btn-decline{border-color:var(--border-color);color:var(--text-secondary);background:0 0}.btn-decline:hover{color:var(--text-primary);background:#ffffff0d}.btn-accept{background:var(--accent-brand);color:#fff;box-shadow:0 4px 15px #3b82f633}.table-container{background:var(--bg-surface-elevated);border:1px solid var(--border-color);border-radius:12px}.chat-row{border-bottom:1px solid var(--border-color);grid-template-columns:2fr 3fr auto;align-items:center;gap:15px;padding:20px 24px;display:grid}.chat-company{font-size:1.05rem;font-weight:600}.chat-role,.chat-message{color:var(--text-secondary);margin-top:4px;font-size:.9rem}.status-badge{text-align:center;border:1px solid;border-radius:20px;padding:4px 12px;font-size:.75rem;font-weight:600}.status-active{color:var(--accent-success);background:#10b9811a}.status-warning{color:var(--accent-danger);background:#ef44441a}@media screen and (width<=800px){.app-container{flex-direction:column;padding-bottom:80px}.mobile-header{display:flex}.sidebar{z-index:1000;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#13141cf2;border-top:1px solid #ffffff1a;border-right:none;flex-direction:row;justify-content:center;width:100%;height:75px;padding:0;position:fixed;bottom:0;left:0;right:0}.sidebar .brand{display:none}.nav-links{flex-direction:row;justify-content:space-around;align-items:stretch;gap:0;width:100%}.nav-item{text-align:center;border-radius:0;flex-direction:column;justify-content:center;gap:4px;padding:10px 5px;font-size:.7rem}.nav-item.active{border-top:3px solid var(--accent-brand);background:0 0}.main-panel{padding:20px 20px 40px}.page-header h2{font-size:1.4rem}.opp-header{flex-direction:column;gap:20px;padding:20px}.company-intel{flex-direction:column;align-items:flex-start;gap:15px}.match-score-circle{width:50px;height:50px;position:absolute;top:20px;right:20px}.match-score-inner{width:44px;height:44px;font-size:.9rem}.spec-grid{grid-template-columns:1fr;gap:15px}.opp-footer{flex-direction:column;padding:20px}.chat-row{grid-template-columns:1fr;gap:10px}.status-badge{justify-self:start}}