.nav-bar{display:flex;align-items:center;justify-content:space-between;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--sp-3) var(--sp-5);margin-bottom:var(--sp-6)}.nav-bar__left{display:flex;align-items:center;flex:1}.nav-bar__logo{height:24px;width:auto;display:block}.nav-bar__brand{font-size:var(--text-lg);font-weight:600;color:var(--color-text-primary);text-decoration:none;white-space:nowrap;transition:color var(--transition-default)}.nav-bar__brand:hover{color:var(--color-accent)}.nav-bar__center{display:flex;align-items:center;gap:var(--sp-4)}.nav-bar__link{color:var(--color-text-secondary);text-decoration:none;font-size:var(--text-sm);font-weight:500;padding:var(--sp-1) var(--sp-2);border-radius:var(--radius-sm);transition:color var(--transition-default),background-color var(--transition-default);white-space:nowrap}.nav-bar__link:hover{color:var(--color-accent)}.nav-bar__link.active{color:var(--color-accent);background-color:var(--color-accent-subtle)}.nav-bar__right{display:flex;align-items:center;justify-content:flex-end;gap:var(--sp-3);flex:1}.nav-bar__notifications-btn{position:relative;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--color-text-secondary);cursor:pointer;padding:var(--sp-1);border-radius:var(--radius-sm);transition:color var(--transition-default),background-color var(--transition-default)}.nav-bar__notifications-btn:hover{color:var(--color-accent);background-color:var(--color-surface-hover)}.nav-bar__bell-icon{width:20px;height:20px}.nav-bar__badge{position:absolute;top:-4px;right:-4px;background:var(--color-accent);color:#fff;font-size:var(--text-xs);font-weight:600;border-radius:var(--radius-full);min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;padding:0 4px;line-height:1}.nav-bar__user-name{color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:500;white-space:nowrap;text-decoration:none;transition:color var(--transition-default)}.nav-bar__user-name:hover{color:var(--color-accent)}.nav-bar__logout-btn{background:transparent;border:1px solid var(--color-border);color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:500;padding:var(--sp-1) var(--sp-3);border-radius:var(--radius-md);cursor:pointer;transition:color var(--transition-default),border-color var(--transition-default),background-color var(--transition-default);white-space:nowrap}.nav-bar__logout-btn:hover{color:var(--color-text-primary);border-color:var(--color-text-muted);background-color:var(--color-surface-hover)}@media (max-width: 768px){.nav-bar{flex-wrap:wrap;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3)}.nav-bar__left{flex:1}.nav-bar__brand{font-size:var(--text-base)}.nav-bar__center{order:3;width:100%;justify-content:center;gap:var(--sp-2);border-top:1px solid var(--color-border);padding-top:var(--sp-2)}.nav-bar__link{font-size:var(--text-xs);padding:var(--sp-1)}.nav-bar__right{gap:var(--sp-2)}.nav-bar__user-name{display:none}}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:2rem}.login-container{width:100%;max-width:420px}.login-header{text-align:center;margin-bottom:var(--sp-8)}.login-header__logo{display:block;max-width:200px;height:auto;margin:0 auto var(--sp-4)}.login-header h1{font-size:1.8em;margin-bottom:.5rem}.login-header p{color:var(--color-text-secondary)}.login-error{background-color:#ef444426;border:1px solid rgba(239,68,68,.4);color:var(--color-error);padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-md);margin-bottom:var(--sp-6);font-size:var(--text-sm)}.google-signin-container{display:flex;justify-content:center}@media (prefers-color-scheme: light){.login-header p{color:#0009}}.register-page{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:2rem}.register-container{width:100%;max-width:480px}.register-header{text-align:center;margin-bottom:2rem}.register-header__logo{display:block;max-width:200px;height:auto;margin:0 auto var(--sp-4)}.register-header h1{font-size:1.8em;margin-bottom:.5rem}.register-header p{color:#fff9}.register-invite-info{background-color:#646cff1a;border:1px solid rgba(100,108,255,.3);padding:.75rem 1rem;border-radius:6px;margin-bottom:1.5rem;font-size:.9rem}.register-invite-info p{margin-bottom:.25rem}.register-invite-info p:last-child{margin-bottom:0}.register-error{background-color:#ef444426;border:1px solid rgba(239,68,68,.4);color:#ef4444;padding:.75rem 1rem;border-radius:6px;margin-bottom:1.5rem;font-size:.9rem}.register-loading{text-align:center;padding:2rem;color:#fff9}.register-form{display:flex;flex-direction:column;gap:1.25rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.register-form .form-group{display:flex;flex-direction:column;gap:.375rem}.register-form .form-group label{font-size:.875rem;font-weight:500}.register-form .form-group input{padding:.625rem .875rem;border:1px solid rgba(255,255,255,.2);border-radius:6px;background-color:#ffffff0d;color:inherit;font-size:1rem;font-family:inherit;transition:border-color .2s ease}.register-form .form-group input:focus{outline:none;border-color:#646cff;box-shadow:0 0 0 3px #646cff40}.register-form .form-group input.input-error{border-color:#ef4444}.register-form .form-group input[readonly]{opacity:.7;cursor:not-allowed}.register-form .field-error{color:#ef4444;font-size:.8rem;min-height:1rem}.register-divider{display:flex;align-items:center;gap:1rem;margin:1.5rem 0}.register-divider:before,.register-divider:after{content:"";flex:1;height:1px;background-color:#ffffff26}.register-divider span{color:#ffffff80;font-size:.85rem;text-transform:uppercase}.register-footer{text-align:center;margin-top:1.5rem;font-size:.9rem}.register-footer a{color:#646cff;text-decoration:none}.register-footer a:hover{text-decoration:underline}@media (max-width: 500px){.form-row{grid-template-columns:1fr}}@media (prefers-color-scheme: light){.register-header p,.register-loading{color:#0009}.register-form .form-group input{border-color:#0003;background-color:#00000008}.register-divider:before,.register-divider:after{background-color:#00000026}.register-divider span{color:#00000080}}.home{max-width:800px;margin:0 auto;text-align:center}.home__logo{display:block;max-width:200px;height:auto;margin:0 auto var(--sp-4)}.features{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--sp-6);margin-top:var(--sp-12);text-align:left}.feature-card{display:block;padding:var(--sp-6);border-radius:var(--radius-md);background-color:var(--color-surface);border:1px solid var(--color-border);text-decoration:none;color:inherit;cursor:pointer;transition:background-color var(--transition-default),box-shadow var(--transition-default)}.feature-card:hover{background-color:var(--color-surface-hover);box-shadow:var(--shadow-md)}.feature-card h3{margin-bottom:var(--sp-2);font-size:var(--text-lg);font-weight:600;color:var(--color-text-primary)}.feature-card p{color:var(--color-text-secondary);font-size:var(--text-sm);margin:0}.members-page{margin:0 auto;padding:2rem}.members-header{margin-bottom:2rem}.members-header h1{font-size:2em;margin-bottom:.5rem}.members-header p{color:#fff9}.members-error{background-color:#ef444426;border:1px solid rgba(239,68,68,.4);color:#ef4444;padding:.75rem 1rem;border-radius:6px;margin-bottom:1.5rem;font-size:.9rem}.members-success{background-color:#22c55e26;border:1px solid rgba(34,197,94,.4);color:#22c55e;padding:.75rem 1rem;border-radius:6px;margin-bottom:1.5rem;font-size:.9rem}.members-section{background-color:#ffffff0d;border-radius:8px;padding:1.5rem;margin-bottom:2rem}.members-table-wrapper{overflow-x:auto}.members-table{width:100%;border-collapse:collapse;text-align:left}.members-table th,.members-table td{padding:.75rem 1rem;border-bottom:1px solid rgba(255,255,255,.1);white-space:nowrap}.members-table th{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#ffffff80}.member-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;vertical-align:middle}.member-avatar-placeholder{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background-color:#646cff33;color:#646cff;font-size:.75rem;font-weight:600;vertical-align:middle}.role-select{padding:.375rem .5rem;border:1px solid rgba(255,255,255,.2);border-radius:6px;background-color:#ffffff0d;color:inherit;font-size:.875rem;font-family:inherit;cursor:pointer}.role-select:focus{outline:none;border-color:#646cff;box-shadow:0 0 0 3px #646cff40}.role-select:disabled{opacity:.5;cursor:not-allowed}.status-badge{display:inline-block;padding:.2rem .6rem;border-radius:12px;font-size:.8rem;font-weight:500;text-transform:capitalize}.status-badge--active{background-color:#22c55e26;color:#22c55e}.status-badge--inactive{background-color:#ef444426;color:#ef4444}.status-badge--pending{background-color:#eab30826;color:#eab308}.status-badge--no-access{background-color:#6b728026;color:#6b7280}.status-badge--suspended{background-color:#f9731626;color:#f97316}.btn-invite{padding:.375rem .75rem;font-size:.8rem;background-color:#646cff26;color:#646cff;border:1px solid rgba(100,108,255,.3);border-radius:6px;cursor:pointer;transition:background-color .2s ease}.btn-invite:hover{background-color:#646cff4d}.btn-revoke{padding:.375rem .75rem;font-size:.8rem;background-color:#eab30826;color:#eab308;border:1px solid rgba(234,179,8,.3);border-radius:6px;cursor:pointer;transition:background-color .2s ease}.btn-revoke:hover{background-color:#eab3084d}.btn-remove{padding:.375rem .75rem;font-size:.8rem;background-color:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.3);border-radius:6px;cursor:pointer;transition:background-color .2s ease}.btn-remove:hover{background-color:#ef44444d}.btn-confirm{padding:.375rem .75rem;font-size:.8rem;background-color:#22c55e26;color:#22c55e;border:1px solid rgba(34,197,94,.3);border-radius:6px;cursor:pointer;transition:background-color .2s ease}.btn-confirm:hover{background-color:#22c55e4d}.btn-cancel{padding:.375rem .75rem;font-size:.8rem;background-color:#6b728026;color:#6b7280;border:1px solid rgba(107,114,128,.3);border-radius:6px;cursor:pointer;transition:background-color .2s ease}.btn-cancel:hover{background-color:#6b72804d}.invite-inline{display:inline-flex;align-items:center;gap:.5rem}.invite-inline .role-select{padding:.25rem .375rem;font-size:.8rem}.action-group{display:inline-flex;align-items:center;gap:.5rem}.members-loading{text-align:center;padding:2rem;color:#ffffff80}.members-empty{text-align:center;padding:2rem;color:#fff6}.members-footer{text-align:center;margin-top:1rem}.members-footer a{color:#646cff;text-decoration:none}.members-footer a:hover{text-decoration:underline}@media (prefers-color-scheme: light){.members-header p{color:#0009}.members-section{background-color:#0000000d}.members-table th{color:#00000080}.members-table th,.members-table td{border-bottom-color:#0000001a}.role-select{border-color:#0003;background-color:#00000008}.members-loading{color:#00000080}.members-empty{color:#0006}}.roles-page{margin:0 auto}.roles-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--sp-6)}.roles-header-left h1{margin-bottom:var(--sp-1)}.roles-subtitle{color:var(--color-text-secondary);font-size:var(--text-sm)}.roles-error{background-color:#f8717126;border:1px solid rgba(248,113,113,.4);color:var(--color-error);padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-md);margin-bottom:var(--sp-6);font-size:var(--text-sm)}.roles-success{background-color:#34d39926;border:1px solid rgba(52,211,153,.4);color:var(--color-success);padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-md);margin-bottom:var(--sp-6);font-size:var(--text-sm)}.roles-filters{display:flex;gap:var(--sp-3);margin-bottom:var(--sp-4)}.filter-select{padding:.375rem .75rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface);color:var(--color-text-primary);font-size:var(--text-sm);font-family:inherit;cursor:pointer}.filter-select:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 2px #0fb7d140}.roles-section{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--sp-6)}.roles-table-wrapper{overflow-x:auto}.roles-table{width:100%;border-collapse:collapse;text-align:left}.roles-table th,.roles-table td{padding:.75rem 1rem;border-bottom:1px solid var(--color-border)}.roles-table th{font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary)}.roles-table tbody tr{transition:background-color var(--transition-default)}.roles-table tbody tr:hover{background-color:var(--color-surface-hover)}.role-title-link{color:var(--color-text-primary);font-weight:500;cursor:pointer;transition:color var(--transition-default)}.role-title-link:hover{color:var(--color-accent)}.role-status{display:inline-block;padding:.125rem .625rem;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:500}.role-status--open{background-color:#34d39926;color:var(--color-success)}.role-status--paused{background-color:#fbbf2426;color:var(--color-warning)}.role-status--filled{background-color:#0fb7d126;color:var(--color-accent)}.role-status--closed{background-color:#9ca3af26;color:#9ca3af}.btn-edit{padding:.375rem .75rem;font-size:var(--text-xs);background-color:var(--color-accent-subtle);color:var(--color-accent);border:1px solid rgba(15,183,209,.3);border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-default)}.btn-edit:hover{background-color:#0fb7d140}.action-group{display:inline-flex;gap:var(--sp-2)}.form-group textarea{resize:vertical}.roles-loading,.roles-empty{text-align:center;padding:var(--sp-8);color:var(--color-text-muted)}.pipeline-page{max-width:100%;margin:0 auto}.pipeline-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--sp-6)}.pipeline-header-left h1{margin-bottom:var(--sp-1)}.pipeline-subtitle{color:var(--color-text-secondary);font-size:var(--text-sm)}.back-link{display:inline-block;color:var(--color-text-muted);font-size:var(--text-sm);margin-bottom:var(--sp-2);transition:color var(--transition-default)}.pipeline-filters{display:flex;align-items:center;gap:var(--sp-4);margin-bottom:var(--sp-4)}.filter-toggle{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--text-sm);color:var(--color-text-secondary);cursor:pointer}.filter-toggle input[type=checkbox]{position:absolute;opacity:0;width:0;height:0}.toggle-track{position:relative;display:inline-block;width:36px;height:20px;background-color:var(--color-border);border-radius:var(--radius-full);transition:background-color var(--transition-default);flex-shrink:0}.toggle-thumb{position:absolute;top:2px;left:2px;width:16px;height:16px;background-color:var(--color-text-muted);border-radius:var(--radius-full);transition:transform var(--transition-default),background-color var(--transition-default)}.filter-toggle input[type=checkbox]:checked+.toggle-track{background-color:var(--color-accent)}.filter-toggle input[type=checkbox]:checked+.toggle-track .toggle-thumb{transform:translate(16px);background-color:#fff}.pipeline-error{background-color:#f8717126;border:1px solid rgba(248,113,113,.4);color:var(--color-error);padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-md);margin-bottom:var(--sp-6);font-size:var(--text-sm)}.pipeline-success{background-color:#34d39926;border:1px solid rgba(52,211,153,.4);color:var(--color-success);padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-md);margin-bottom:var(--sp-6);font-size:var(--text-sm)}.pipeline-loading{text-align:center;padding:var(--sp-8);color:var(--color-text-muted)}.kanban-board{display:flex;gap:var(--sp-4);overflow-x:auto;padding-bottom:var(--sp-4);min-height:400px}.kanban-column{flex:0 0 300px;min-width:300px;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;flex-direction:column;max-height:calc(100vh - 200px)}.kanban-column-header{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-4);border-bottom:1px solid var(--color-border)}.kanban-column-title{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--text-sm);font-weight:600;color:var(--color-text-primary)}.kanban-stage-dot{width:10px;height:10px;border-radius:var(--radius-full);flex-shrink:0}.kanban-column-count{font-size:var(--text-xs);color:var(--color-text-muted);background-color:#ffffff14;padding:.125rem .5rem;border-radius:var(--radius-full)}.kanban-column-body{flex:1;overflow-y:auto;padding:var(--sp-3);display:flex;flex-direction:column;gap:var(--sp-3)}.kanban-column-empty{text-align:center;padding:var(--sp-6) var(--sp-2);color:var(--color-text-muted);font-size:var(--text-sm)}.candidate-card{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--sp-4);cursor:pointer;transition:background-color var(--transition-default),box-shadow var(--transition-default)}.candidate-card:hover{background-color:var(--color-surface-hover);box-shadow:var(--shadow-md)}.candidate-card-name{font-weight:600;font-size:var(--text-sm);color:var(--color-text-primary);margin-bottom:var(--sp-1)}.candidate-card-role{font-size:var(--text-xs);color:var(--color-text-muted);margin-bottom:var(--sp-2)}.candidate-card-email{font-size:var(--text-xs);color:var(--color-text-secondary)}.stage-dot--application{background-color:var(--color-stage-application)}.stage-dot--interview{background-color:var(--color-stage-interview)}.stage-dot--offer{background-color:var(--color-stage-offer)}.stage-dot--onboarding_docs{background-color:var(--color-stage-onboarding-docs)}.stage-dot--complete{background-color:var(--color-stage-complete)}.candidate-card-checklist{margin-top:var(--sp-2);padding-top:var(--sp-2);border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:var(--sp-1)}.checklist-item{display:flex;align-items:center;gap:var(--sp-1);font-size:var(--text-xs);color:var(--color-text-muted)}.checklist-item--done{color:var(--color-success)}.checklist-item--failed{color:var(--color-error)}.checklist-icon{font-size:var(--text-sm);line-height:1;flex-shrink:0}.checklist-label{line-height:1.3}.btn-primary{padding:.5rem 1rem;background-color:var(--color-accent);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--text-sm);font-family:inherit;font-weight:500;cursor:pointer;transition:background-color var(--transition-default)}.btn-primary:hover{background-color:var(--color-accent-hover)}.btn-secondary{padding:.5rem 1rem;background-color:transparent;color:var(--color-accent);border:1px solid var(--color-accent);border-radius:var(--radius-md);font-size:var(--text-sm);font-family:inherit;font-weight:500;cursor:pointer;transition:background-color var(--transition-default)}.btn-secondary:hover{background-color:var(--color-accent-subtle)}.btn-ghost{padding:.375rem .75rem;background:none;color:var(--color-text-secondary);border:none;border-radius:var(--radius-md);font-size:var(--text-lg);cursor:pointer;transition:color var(--transition-default)}.btn-ghost:hover{color:var(--color-text-primary)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:100}.modal-container{background-color:var(--color-surface-elevated);border-radius:var(--radius-lg);width:100%;max-width:480px;padding:var(--sp-8);box-shadow:var(--shadow-lg)}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--sp-6)}.modal-header h2{margin-bottom:0}.modal-actions{display:flex;justify-content:flex-end;gap:var(--sp-3);margin-top:var(--sp-6)}.form-group{margin-bottom:var(--sp-4)}.form-group label{display:block;color:var(--color-text-secondary);font-size:var(--text-sm);margin-bottom:var(--sp-1)}.form-group input,.form-group textarea,.form-group select{width:100%;padding:.5rem .75rem;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--text-base);font-family:inherit}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 2px #0fb7d140}.filter-select{padding:.375rem .75rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface);color:var(--color-text-primary);font-size:var(--text-sm);font-family:inherit}.form-error{color:var(--color-error);font-size:var(--text-sm);margin-top:var(--sp-2)}.candidate-card[draggable=true]{cursor:grab}.candidate-card--dragging{opacity:.5;box-shadow:var(--shadow-md)}.kanban-column--drop-valid{border-color:var(--color-accent);box-shadow:var(--shadow-glow);transition:border-color var(--transition-default),box-shadow var(--transition-default)}.kanban-column--drop-invalid{opacity:.4;transition:opacity var(--transition-default)}.kanban-column--drop-hover{border-color:var(--color-accent);background-color:var(--color-accent-subtle);box-shadow:var(--shadow-glow)}.pipeline-warning{background-color:#fbbf2426;border:1px solid rgba(251,191,36,.4);color:var(--color-warning);padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-md);margin-bottom:var(--sp-6);font-size:var(--text-sm)}@media (max-width: 1280px){.kanban-column{flex:0 0 280px;min-width:280px}}@media (max-width: 1024px){.kanban-board{padding-bottom:var(--sp-6)}.kanban-column{flex:0 0 260px;min-width:260px}}@media (max-width: 768px){.pipeline-header{flex-direction:column;gap:var(--sp-3)}.kanban-column{flex:0 0 240px;min-width:240px}.candidate-card{padding:var(--sp-3)}.kanban-column-body{padding:var(--sp-2);gap:var(--sp-2)}.modal-container{max-width:100vw;min-height:100vh;border-radius:0;padding:var(--sp-6)}}@media (max-width: 640px){.kanban-board{flex-direction:column;overflow-x:visible;gap:var(--sp-3);min-height:auto}.kanban-column{flex:none;min-width:100%;max-height:none}.kanban-column-body{max-height:300px;overflow-y:auto}.kanban-column-header,.candidate-card{padding:var(--sp-3)}.candidate-card-email{display:none}.modal-container{padding:var(--sp-4)}}.candidate-detail-page{max-width:1000px;margin:0 auto}.detail-header{margin-bottom:var(--sp-4)}.back-link{display:inline-block;color:var(--color-text-muted);font-size:var(--text-sm);transition:color var(--transition-default)}.back-link:hover{color:var(--color-accent)}.detail-error{background-color:#f8717126;border:1px solid rgba(248,113,113,.4);color:var(--color-error);padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-md);margin-bottom:var(--sp-6);font-size:var(--text-sm)}.detail-success{background-color:#34d39926;border:1px solid rgba(52,211,153,.4);color:var(--color-success);padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-md);margin-bottom:var(--sp-6);font-size:var(--text-sm)}.detail-loading{text-align:center;padding:var(--sp-8);color:var(--color-text-muted)}.profile-header{display:flex;justify-content:space-between;align-items:flex-start;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--sp-6);margin-bottom:var(--sp-6)}.profile-info h1{margin-bottom:var(--sp-1)}.profile-role{color:var(--color-text-secondary);font-size:var(--text-sm);margin-bottom:var(--sp-2)}.profile-meta{display:flex;gap:var(--sp-4);font-size:var(--text-sm);color:var(--color-text-muted)}.drive-link{display:inline-flex;align-items:center;gap:var(--sp-1);margin-top:var(--sp-2);font-size:var(--text-sm);font-weight:500;color:var(--color-accent);transition:color var(--transition-default)}.drive-link:hover{color:var(--color-accent-hover)}.stage-badge{display:inline-block;padding:.25rem .75rem;border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:500;color:#fff}.stage-badge--application{background-color:var(--color-stage-application)}.stage-badge--interview{background-color:var(--color-stage-interview)}.stage-badge--offer{background-color:var(--color-stage-offer)}.stage-badge--agreement_signing{background-color:var(--color-stage-agreement-signing)}.stage-badge--background_check{background-color:var(--color-stage-background-check)}.stage-badge--onboarding_docs{background-color:var(--color-stage-onboarding-docs)}.stage-badge--complete{background-color:var(--color-stage-complete)}.stage-badge--rejected{background-color:var(--color-stage-rejected)}.stage-badge--withdrawn{background-color:var(--color-stage-withdrawn)}.stage-actions{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--sp-4) var(--sp-6);margin-bottom:var(--sp-6)}.stage-actions h3{font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary);margin-bottom:var(--sp-3)}.stage-buttons{display:flex;gap:var(--sp-2);flex-wrap:wrap}.stage-btn{padding:.375rem .75rem;font-size:var(--text-xs);font-weight:500;font-family:inherit;border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:transparent;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-default)}.stage-btn:hover{border-color:var(--color-accent);color:var(--color-accent);background-color:var(--color-accent-subtle)}.stage-btn--danger{color:var(--color-error)}.stage-btn--danger:hover{border-color:var(--color-error);color:var(--color-error);background-color:#f8717126}.detail-tabs{display:flex;gap:var(--sp-1);border-bottom:1px solid var(--color-border);margin-bottom:var(--sp-6)}.tab-btn{padding:var(--sp-3) var(--sp-4);background:none;border:none;border-bottom:2px solid transparent;color:var(--color-text-secondary);font-size:var(--text-sm);font-family:inherit;font-weight:500;cursor:pointer;transition:all var(--transition-default)}.tab-btn:hover{color:var(--color-text-primary)}.tab-btn--active{color:var(--color-accent);border-bottom-color:var(--color-accent)}.tab-panel{min-height:200px}.timeline{position:relative;padding-left:var(--sp-6)}.timeline:before{content:"";position:absolute;left:8px;top:0;bottom:0;width:2px;background-color:var(--color-border)}.timeline-item{position:relative;margin-bottom:var(--sp-6)}.timeline-dot{position:absolute;left:calc(-1 * var(--sp-6) + 4px);top:4px;width:10px;height:10px;border-radius:var(--radius-full);background-color:var(--color-accent)}.timeline-content{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--sp-3) var(--sp-4)}.timeline-title{font-size:var(--text-sm);font-weight:500;color:var(--color-text-primary);margin-bottom:var(--sp-1)}.timeline-meta{font-size:var(--text-xs);color:var(--color-text-muted)}.timeline-note{font-size:var(--text-sm);color:var(--color-text-secondary);margin-top:var(--sp-1)}.detail-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--sp-4);margin-bottom:var(--sp-3)}.detail-card-title{font-size:var(--text-sm);font-weight:500;color:var(--color-text-primary);margin-bottom:var(--sp-1)}.detail-card-meta{font-size:var(--text-xs);color:var(--color-text-muted)}.interview-rating{display:inline-flex;gap:var(--sp-1);color:var(--color-warning);font-size:var(--text-sm)}.interview-status-badge{display:inline-block;padding:.125rem .5rem;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:500;margin-top:var(--sp-2)}.interview-status-badge--link-sent{background-color:#34d39933;color:var(--color-success)}.interview-status-badge--scheduled{background-color:#6366f133;color:var(--color-stage-interview)}.interview-status-badge--completed{background-color:#34d39933;color:var(--color-success)}.interview-status-badge--cancelled,.interview-status-badge--no_show{background-color:#f8717133;color:var(--color-error)}.agreement-actions{margin-bottom:var(--sp-4)}.inline-form{display:flex;gap:var(--sp-2);align-items:center;margin-bottom:var(--sp-4)}.inline-form .input{flex:1;max-width:200px;padding:.375rem .75rem;font-size:var(--text-sm);font-family:inherit;color:var(--color-text-primary);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition-default)}.inline-form .input:focus{outline:none;border-color:var(--color-accent)}.agreement-status-badge{display:inline-block;padding:.125rem .5rem;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:500}.agreement-status-badge--pending{background-color:#fbbf2433;color:var(--color-warning)}.agreement-status-badge--sent{background-color:#0fb7d133;color:var(--color-accent)}.agreement-status-badge--signed{background-color:#34d39933;color:var(--color-success)}.agreement-status-badge--rejected{background-color:#f8717133;color:var(--color-error)}.agreement-status-badge--draft{background-color:#9ca3af33;color:var(--color-text-muted)}.agreement-file-row{display:flex;align-items:center;gap:var(--sp-3);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--sp-3) var(--sp-4);margin-bottom:var(--sp-2)}.agreement-file-name{flex:1;font-size:var(--text-sm);font-weight:500;color:var(--color-accent);transition:color var(--transition-default)}.agreement-file-name:hover{color:var(--color-accent-hover)}.agreement-pdf-link{font-size:var(--text-xs);color:var(--color-text-muted);transition:color var(--transition-default)}.agreement-pdf-link:hover{color:var(--color-accent)}.toggle-signed-btn{padding:.25rem .625rem;font-size:var(--text-xs);font-weight:500;font-family:inherit;border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:transparent;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-default)}.toggle-signed-btn:hover{border-color:var(--color-accent);color:var(--color-accent);background-color:var(--color-accent-subtle)}.bg-check-status-badge{display:inline-block;padding:.125rem .5rem;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:500}.bg-check-status-badge--pending{background-color:#fbbf2433;color:var(--color-warning)}.bg-check-status-badge--initiated,.bg-check-status-badge--in_progress{background-color:#0fb7d133;color:var(--color-accent)}.bg-check-status-badge--passed{background-color:#34d39933;color:var(--color-success)}.bg-check-status-badge--failed{background-color:#f8717133;color:var(--color-error)}.bg-check-status-badge--cancelled{background-color:#9ca3af33;color:var(--color-text-muted)}.bg-check-initiate-form{display:flex;align-items:center;gap:var(--sp-3);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--sp-4)}.package-select{flex:1;padding:var(--sp-2) var(--sp-3);font-size:var(--text-sm);font-family:inherit;color:var(--color-text-primary);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition-default)}.package-select:focus{outline:none;border-color:var(--color-accent)}.resume-file-display{display:flex;align-items:center;gap:var(--sp-3);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--sp-4)}.resume-file-display a{font-size:var(--text-sm);font-weight:500;color:var(--color-accent);transition:color var(--transition-default)}.resume-file-display a:hover{color:var(--color-accent-hover)}.resume-upload-area{text-align:center;padding:var(--sp-8);background-color:var(--color-surface);border:2px dashed var(--color-border);border-radius:var(--radius-md)}.resume-upload-area p{color:var(--color-text-muted);font-size:var(--text-sm);margin-bottom:var(--sp-4)}.resume-upload-area .inline-form{justify-content:center}.detail-card-actions{display:flex;gap:var(--sp-2);margin-top:var(--sp-3)}.document-actions{display:flex;gap:var(--sp-3);align-items:center;margin-bottom:var(--sp-4)}.drive-folder-link{display:inline-flex;align-items:center;gap:var(--sp-1);font-size:var(--text-sm);color:var(--color-accent);font-weight:500;transition:color var(--transition-default)}.drive-folder-link:hover{color:var(--color-accent-hover)}.doc-type-badge{display:inline-block;padding:.125rem .5rem;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:500;background-color:#0fb7d126;color:var(--color-accent)}.doc-drive-link{font-size:var(--text-xs);color:var(--color-accent)}.doc-drive-link:hover{color:var(--color-accent-hover)}.empty-state{text-align:center;padding:var(--sp-8);color:var(--color-text-muted);font-size:var(--text-sm)}.profile-page{max-width:800px;margin:0 auto}.page-subtitle{color:var(--color-text-secondary);font-size:var(--text-sm);margin-bottom:var(--sp-6)}.profile-error{background-color:#f8717126;border:1px solid rgba(248,113,113,.4);color:var(--color-error);padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-md);margin-bottom:var(--sp-6);font-size:var(--text-sm)}.profile-success{background-color:#34d39926;border:1px solid rgba(52,211,153,.4);color:var(--color-success);padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-md);margin-bottom:var(--sp-6);font-size:var(--text-sm)}.profile-loading{text-align:center;padding:var(--sp-8);color:var(--color-text-muted)}.profile-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--sp-6);margin-bottom:var(--sp-6)}.profile-card h2{font-size:var(--text-lg);font-weight:600;margin-bottom:var(--sp-4)}.card-description{color:var(--color-text-secondary);font-size:var(--text-sm);margin-bottom:var(--sp-4)}.profile-field{display:flex;align-items:baseline;padding:var(--sp-2) 0;border-bottom:1px solid var(--color-border)}.profile-field:last-child{border-bottom:none}.profile-label{width:120px;flex-shrink:0;font-size:var(--text-sm);font-weight:500;color:var(--color-text-muted)}.profile-value{font-size:var(--text-sm);color:var(--color-text-primary)}.scheduling-link-row{display:flex;align-items:center;gap:var(--sp-3);margin-top:var(--sp-2)}.scheduling-link-value{color:var(--color-accent);font-size:var(--text-sm);text-decoration:none;word-break:break-all}.scheduling-link-value:hover{color:var(--color-accent-hover);text-decoration:underline}.scheduling-link-form .profile-label{display:block;width:auto;margin-bottom:var(--sp-2)}.input-row{display:flex;gap:var(--sp-2)}.input{flex:1;padding:.5rem .75rem;font-size:var(--text-sm);font-family:inherit;color:var(--color-text-primary);background-color:var(--color-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition-default)}.input:focus{outline:none;border-color:var(--color-accent)}.input::placeholder{color:var(--color-text-muted)}.btn{padding:.5rem 1rem;font-size:var(--text-sm);font-weight:500;font-family:inherit;border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:transparent;color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-default)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--accent{background-color:var(--color-accent);border-color:var(--color-accent);color:#fff}.btn--accent:hover:not(:disabled){background-color:var(--color-accent-hover);border-color:var(--color-accent-hover)}.btn--small{padding:.25rem .625rem;font-size:var(--text-xs)}.btn--danger{color:var(--color-error);border-color:var(--color-error)}.btn--danger:hover:not(:disabled){background-color:#f8717126}.notifications-page{max-width:800px;margin:0 auto}.notifications-page__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--sp-6)}.notifications-page__title{font-size:var(--text-2xl);font-weight:700;color:var(--color-text-primary);margin-bottom:0}.notifications-page__mark-all-btn{background:var(--color-accent);color:#fff;border:none;border-radius:var(--radius-md);padding:var(--sp-2) var(--sp-4);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:background-color var(--transition-default);white-space:nowrap}.notifications-page__mark-all-btn:hover{background:var(--color-accent-hover)}.notifications-page__mark-all-btn:disabled{opacity:.5;cursor:not-allowed}.notifications-page__loading{text-align:center;padding:var(--sp-12) 0;color:var(--color-text-muted);font-size:var(--text-sm)}.notifications-page__empty{text-align:center;padding:var(--sp-12) 0;color:var(--color-text-muted);font-size:var(--text-base)}.notifications-page__list{display:flex;flex-direction:column;gap:var(--sp-3)}.notification-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--sp-4);cursor:pointer;transition:background-color var(--transition-default)}.notification-item:hover{background:var(--color-surface-hover)}.notification-item--unread{border-left:3px solid var(--color-accent);background:var(--color-surface-elevated)}.notification-item--read{opacity:.7}.notification-item__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--sp-2)}.notification-item__title{font-size:var(--text-base);font-weight:600;color:var(--color-text-primary);margin:0}.notification-item__time{color:var(--color-text-muted);font-size:var(--text-xs);white-space:nowrap;margin-left:var(--sp-3)}.notification-item__message{color:var(--color-text-secondary);font-size:var(--text-sm);line-height:1.5;margin:0}.notification-item__priority{display:inline-block;font-size:var(--text-xs);font-weight:500;padding:.125rem .625rem;border-radius:var(--radius-full);margin-top:var(--sp-2)}.notification-item__priority--high{background:#f8717126;color:var(--color-error)}.notification-item__priority--medium{background:#fbbf2426;color:var(--color-warning)}.notification-item__priority--low{background:#0fb7d126;color:var(--color-info)}@media (max-width: 768px){.notifications-page__header{flex-direction:column;align-items:flex-start;gap:var(--sp-3)}.notification-item__header{flex-direction:column;gap:var(--sp-1)}.notification-item__time{margin-left:0}}:root{--color-primary: #050A1D;--color-secondary: #1A1D20;--color-accent: #0FB7D1;--color-bg: #050A1D;--color-surface: #1A1D20;--color-surface-hover: #252830;--color-surface-elevated: #22252A;--color-border: #2A2D35;--color-text-primary: #FFFFFF;--color-text-secondary: rgba(255, 255, 255, .7);--color-text-muted: rgba(255, 255, 255, .45);--color-accent-hover: #0DA3BA;--color-accent-subtle: rgba(15, 183, 209, .12);--color-success: #34D399;--color-warning: #FBBF24;--color-error: #F87171;--color-info: #0FB7D1;--color-stage-application: #6366F1;--color-stage-interview: #0FB7D1;--color-stage-offer: #8B5CF6;--color-stage-agreement-signing: #F59E0B;--color-stage-background-check: #F97316;--color-stage-onboarding-docs: #14B8A6;--color-stage-complete: #34D399;--color-stage-rejected: #F87171;--color-stage-withdrawn: #9CA3AF;--font-family: "Graphik", "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 2rem;--sp-1: .25rem;--sp-2: .5rem;--sp-3: .75rem;--sp-4: 1rem;--sp-5: 1.25rem;--sp-6: 1.5rem;--sp-8: 2rem;--sp-10: 2.5rem;--sp-12: 3rem;--sp-16: 4rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 2px 8px rgba(0, 0, 0, .3);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .4);--shadow-glow: 0 0 12px rgba(15, 183, 209, .3);--transition-default: .2s ease;font-family:var(--font-family);line-height:1.5;font-weight:400;color:var(--color-text-primary);background-color:var(--color-bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}html{scrollbar-gutter:stable}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--color-bg);color:var(--color-text-primary)}#root{width:100%;padding:var(--sp-8)}h1{font-size:var(--text-3xl);font-weight:700;line-height:1.2;margin-bottom:var(--sp-4)}h2{font-size:var(--text-2xl);font-weight:600;line-height:1.3;margin-bottom:var(--sp-3)}h3{font-size:var(--text-xl);font-weight:600;line-height:1.3;margin-bottom:var(--sp-2)}a{color:var(--color-accent);text-decoration:none;transition:color var(--transition-default)}a:hover{color:var(--color-accent-hover)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}