:root{--brand:#c8102e;--brand-dark:#9f0d25;--bg:#f5f5f5;--panel:#fff;--text:#1a1a1a;--muted:#666;--line:#e0e0e0;--success:#27ae60;--warning:#f39c12;--danger:#c8102e;--shadow:0 10px 30px #1a1a1a14;--radius:10px}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:Inter,DM Sans,Arial,sans-serif;font-size:14px}button,input,textarea,select{font:inherit}button{cursor:pointer}.auth-page{background:linear-gradient(145deg,#fff 0%,#f5f5f5 55%,#eee 100%);place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card{background:var(--panel);width:min(420px,100%);box-shadow:var(--shadow);border-radius:16px;padding:34px}.auth-logo{align-items:center;gap:14px;margin-bottom:28px;display:flex}.auth-logo img,.app-logo img{object-fit:contain;background:var(--brand);border-radius:50%;width:44px;height:44px}.auth-logo strong{letter-spacing:0;font-size:20px;display:block}.auth-logo span,.muted{color:var(--muted)}.auth-divider{background:var(--line);height:1px;margin:22px 0 16px}.link-btn{width:100%;color:var(--brand);text-align:center;background:0 0;border:0;padding:8px;font-weight:700;text-decoration:none;display:block}.recover-box{gap:12px;margin-top:14px;display:grid}.field{gap:8px;margin-bottom:16px;display:grid}.field label{font-weight:700}.field input,.field textarea,.field select,.search-input,.stage-filter{border:1px solid var(--line);width:100%;color:var(--text);background:#fff;border-radius:8px;outline:none;padding:11px 12px}.field textarea{resize:vertical;min-height:110px}.field input:focus,.field textarea:focus,.field select:focus,.search-input:focus,.stage-filter:focus{border-color:var(--brand);box-shadow:0 0 0 3px #c8102e1f}.primary-btn,.secondary-btn,.ghost-btn,.danger-btn,.icon-btn{border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:38px;padding:9px 14px;font-weight:700;transition:transform .12s,box-shadow .12s,background .12s;display:inline-flex}.primary-btn{background:var(--brand);color:#fff;box-shadow:0 8px 18px #c8102e29}.primary-btn:hover{background:var(--brand-dark)}.secondary-btn{color:var(--brand);border-color:var(--brand);background:0 0}.ghost-btn{color:var(--text);border-color:var(--line);background:#fff}.danger-btn{background:var(--danger);color:#fff}.icon-btn{width:38px;color:var(--text);border-color:var(--line);background:#fff;padding:0}.primary-btn:disabled,.danger-btn:disabled,.secondary-btn:disabled{cursor:not-allowed;opacity:.55;box-shadow:none}.app-shell{min-height:100vh}.app-header{z-index:20;border-bottom:1px solid var(--line);background:#fff;grid-template-columns:minmax(260px,auto) minmax(260px,1fr) auto;align-items:center;gap:18px;height:72px;padding:0 24px;display:grid;position:sticky;top:0}.app-logo{align-items:center;gap:14px;min-width:0;display:flex}.app-logo h1{margin:0;font-size:19px}.header-search{align-items:center;gap:10px;display:flex}.header-actions{justify-content:flex-end;align-items:center;gap:10px;display:flex}.nav-link{color:var(--muted);border-radius:8px;padding:10px 12px;font-weight:700;text-decoration:none}.nav-link.active,.nav-link:hover{color:var(--brand);background:#c8102e14}.user-pill{color:var(--muted);white-space:nowrap}.main-content{padding:22px 24px 34px}.toolbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.toolbar h2{margin:0;font-size:24px}.toolbar-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.dashboard{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:22px;display:grid}.metric-card{border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;align-items:center;gap:12px;padding:16px;display:flex}.metric-card.alert{border-left:5px solid var(--brand)}.metric-icon{width:40px;height:40px;color:var(--brand);background:#c8102e14;border-radius:9px;place-items:center;font-weight:900;display:grid}.metric-name{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:700}.metric-value{font-size:24px;font-weight:800}.view-toggle{border:1px solid var(--line);background:#fff;border-radius:8px;padding:3px;display:inline-flex}.view-toggle button{color:var(--muted);background:0 0;border:0;border-radius:6px;padding:8px 12px;font-weight:700}.view-toggle button.active{background:var(--brand);color:#fff}.kanban{align-items:flex-start;gap:24px;padding-top:8px;padding-bottom:24px;display:flex;overflow-x:auto}.kanban-column{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;flex-direction:column;flex:0 0 320px;min-height:420px;max-height:calc(100vh - 235px);display:flex}.kanban-column.drag-over{outline:2px solid var(--brand)}.column-header{border-bottom:1px solid var(--line);grid-template-columns:1fr auto;align-items:center;gap:8px;padding:14px;display:grid}.column-title{text-align:left;color:var(--text);background:0 0;border:0;padding:0;font-size:15px;font-weight:800}.column-count{color:var(--muted);background:#f0f0f0;border-radius:999px;padding:3px 8px;font-size:12px;font-weight:800}.column-menu{grid-column:1/-1;gap:6px;display:flex}.column-body{flex:1;align-content:start;gap:16px;padding:16px;display:grid;overflow-y:auto}.candidate-card{border:1px solid var(--line);border-left:4px solid var(--line);border-radius:var(--radius);background:#fff;gap:12px;padding:16px;transition:transform .2s,box-shadow .2s,border-color .2s;display:grid;box-shadow:0 4px 12px #0000000a}.candidate-card:hover{border-color:#c8102e59;border-left-color:var(--brand);transform:translateY(-2px);box-shadow:0 8px 24px #00000014}.candidate-card.pending{border-color:var(--warning);box-shadow:0 0 0 2px #f39c1224}.candidate-name{font-size:15px;font-weight:800}.candidate-phone,.candidate-email{color:var(--muted);font-size:13px}.badges{flex-wrap:wrap;gap:6px;display:flex}.badge{color:var(--muted);background:#f1f1f1;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:800}.badge.stage{color:var(--brand);background:#c8102e17}.badge.success{color:var(--success);background:#27ae601f}.badge.warning{color:#9a6408;background:#f39c1224}.badge.danger{color:var(--danger);background:#c8102e1a}.slot-line{color:var(--brand);background:#f8f8f8;border-radius:8px;padding:9px 10px;font-weight:800}.slot-line.empty{color:var(--muted)}.card-actions{gap:8px;display:flex}.card-actions .secondary-btn,.card-actions .primary-btn{flex:1;min-height:34px;padding:7px 10px;font-size:12px}.add-stage{border:1px dashed var(--brand);min-height:120px;color:var(--brand);border-radius:var(--radius);background:#c8102e0a;flex:0 0 64px;font-size:24px;font-weight:800}.table-panel,.members-panel{border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;overflow:hidden}table{border-collapse:collapse;width:100%}th,td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:13px 14px}th{color:var(--muted);text-transform:uppercase;background:#fafafa;font-size:12px}.hidden{display:none!important}.skeleton{border-radius:var(--radius);background:linear-gradient(90deg,#eee 25%,#f8f8f8 37%,#eee 63%) 0 0/400% 100%;height:110px;animation:1.2s ease-in-out infinite shimmer}@keyframes shimmer{0%{background-position:100% 0}to{background-position:0 0}}.sidebar-backdrop,.modal-backdrop{z-index:40;background:#0000005c;position:fixed;inset:0}.sidebar{z-index:50;background:#fff;flex-direction:column;width:min(520px,100%);height:100vh;display:flex;position:fixed;top:0;right:0;box-shadow:-18px 0 36px #00000024}.sidebar-header,.modal-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:18px;display:flex}.sidebar-header h3,.modal-header h3{margin:0}.sidebar-body{gap:18px;padding:18px;display:grid;overflow-y:auto}.detail-grid{gap:10px;display:grid}.detail-row{border-bottom:1px solid #eee;grid-template-columns:130px 1fr;gap:12px;padding-bottom:9px;display:grid}.detail-row strong{color:var(--muted)}.history-list{gap:8px;display:grid}.history-item{border-left:3px solid var(--brand);color:var(--muted);padding-left:10px}.modal{z-index:60;width:min(520px,100% - 32px);box-shadow:var(--shadow);background:#fff;border-radius:14px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.modal-body{padding:18px}.modal-actions{justify-content:flex-end;gap:10px;padding:0 18px 18px;display:flex}.invite-result{border:1px solid var(--line);word-break:break-all;background:#f8f8f8;border-radius:8px;margin-top:16px;padding:12px}.toast-wrap{z-index:80;gap:10px;display:grid;position:fixed;bottom:18px;right:18px}.toast{color:#fff;min-width:260px;box-shadow:var(--shadow);background:#1a1a1a;border-radius:8px;padding:12px 14px}.toast.success{background:var(--success)}.toast.error{background:var(--danger)}.restricted{opacity:.5;cursor:not-allowed}@media (width<=920px){.app-header{grid-template-columns:1fr;height:auto;padding:14px}.header-actions{flex-wrap:wrap;justify-content:flex-start}.main-content{padding:16px}.toolbar{flex-direction:column;align-items:flex-start}.kanban-column{flex-basis:286px;max-height:none}.detail-row{grid-template-columns:1fr}}
