@import "https://fonts.googleapis.com/css2?family=Cormorant:wght@300;400;500;600;700&display=swap";:root{--primary:#ff6b35;--primary-light:#ff8c5a;--primary-dark:#e5521a;--primary-bg:#fff4f0;--accent:#f59e0b;--accent-light:#fcd34d;--accent-bg:#fffbeb;--white:#fff;--bg:#f8f7f4;--bg-card:#fff;--border:#ede9e3;--border-strong:#d9d2c8;--text-primary:#1a1714;--text-secondary:#6b6560;--text-muted:#9b9490;--text-inverse:#fff;--status-applied:#f59e0b;--status-shortlisted:#8b5cf6;--status-selected:#10b981;--status-rejected:#ef4444;--status-applied-bg:#fffbeb;--status-shortlisted-bg:#f5f3ff;--status-selected-bg:#ecfdf5;--status-rejected-bg:#fef2f2;--sidebar-width:260px;--navbar-height:64px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--shadow-sm:0 1px 3px #1a17140f, 0 1px 2px #1a17140a;--shadow-md:0 4px 16px #1a171414, 0 2px 4px #1a17140a;--shadow-lg:0 12px 32px #1a17141f, 0 4px 8px #1a17140f;--shadow-glow:0 0 0 3px #ff6b3526;--transition:.2s ease;--transition-slow:.35s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-size:16px}body{background:var(--bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Plus Jakarta Sans,system-ui,sans-serif;line-height:1.6}#root{min-height:100vh}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,textarea,select{font-family:inherit;font-size:inherit;outline:none}img{max-width:100%;display:block}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.sidebar{height:100vh;width:var(--sidebar-width);background:var(--white);border-right:1.5px solid var(--border);z-index:200;transition:transform var(--transition-slow), width var(--transition-slow);flex-direction:column;display:flex;position:fixed;top:0;left:0;overflow:hidden}.sidebar.collapsed{width:72px}.sidebar-header{height:var(--navbar-height);border-bottom:1.5px solid var(--border);flex-shrink:0;align-items:center;gap:12px;padding:0 1.25rem;display:flex}.sidebar-logo{background:linear-gradient(135deg, var(--primary), var(--accent));border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex;box-shadow:0 3px 10px #ff6b354d}.sidebar-logo svg{color:#fff;width:20px;height:20px}.sidebar-brand{color:var(--text-primary);letter-spacing:-.5px;white-space:nowrap;transition:opacity var(--transition), width var(--transition);font-family:Syne,sans-serif;font-size:1.3rem;font-weight:800}.sidebar.collapsed .sidebar-brand{opacity:0;width:0;overflow:hidden}.sidebar-nav{flex-direction:column;flex:1;gap:2px;padding:1rem .75rem;display:flex;overflow-y:auto}.sidebar-section-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);white-space:nowrap;transition:opacity var(--transition);padding:.75rem .75rem .35rem;font-size:.7rem;font-weight:700;overflow:hidden}.sidebar.collapsed .sidebar-section-label{opacity:0}.sidebar-link{border-radius:var(--radius-sm);color:var(--text-secondary);transition:all var(--transition);white-space:nowrap;cursor:pointer;align-items:center;gap:12px;padding:.7rem .85rem;font-size:.875rem;font-weight:500;text-decoration:none;display:flex;position:relative}.sidebar-link:hover{background:var(--primary-bg);color:var(--primary)}.sidebar-link.active{background:var(--primary-bg);color:var(--primary);font-weight:600}.sidebar-link.active:before{content:"";background:var(--primary);border-radius:0 3px 3px 0;width:3px;height:60%;position:absolute;top:50%;left:0;transform:translateY(-50%)}.sidebar-link-icon{flex-shrink:0;width:20px;height:20px}.sidebar-link-label{transition:opacity var(--transition);flex:1}.sidebar.collapsed .sidebar-link-label{opacity:0;width:0;overflow:hidden}.sidebar-badge{background:var(--primary);color:#fff;min-width:20px;height:20px;transition:opacity var(--transition);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;padding:0 6px;font-size:.7rem;font-weight:700;display:flex}.sidebar.collapsed .sidebar-badge{opacity:0}.sidebar-footer{border-top:1.5px solid var(--border);flex-shrink:0;padding:1rem .75rem}.sidebar-user{border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition);align-items:center;gap:12px;padding:.75rem;display:flex}.sidebar-user:hover{background:var(--bg)}.sidebar-avatar{background:linear-gradient(135deg, var(--primary-light), var(--accent));color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.875rem;font-weight:700;display:flex}.sidebar-user-info{min-width:0;transition:opacity var(--transition);flex:1}.sidebar.collapsed .sidebar-user-info{opacity:0;width:0;overflow:hidden}.sidebar-user-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:600;overflow:hidden}.sidebar-user-role{color:var(--text-muted);font-size:.75rem}.sidebar-logout-btn{color:var(--text-muted);cursor:pointer;transition:color var(--transition);background:0 0;border:none;border-radius:6px;flex-shrink:0;align-items:center;padding:4px;display:flex}.sidebar-logout-btn:hover{color:var(--status-rejected)}.sidebar-overlay{z-index:199;background:#00000073;display:none;position:fixed;inset:0}@media (width<=900px){.sidebar{transform:translate(-100%);width:var(--sidebar-width)!important}.sidebar.mobile-open{transform:translate(0)}.sidebar-overlay{display:block}.sidebar .sidebar-brand{opacity:1;width:auto}.sidebar .sidebar-section-label{opacity:1}.sidebar .sidebar-link-label{opacity:1;width:auto}.sidebar .sidebar-badge{opacity:1}.sidebar .sidebar-user-info{opacity:1;width:auto}}.navbar{height:var(--navbar-height);background:var(--white);border-bottom:1.5px solid var(--border);z-index:100;align-items:center;gap:1rem;padding:0 1.5rem;display:flex;position:sticky;top:0}.navbar-menu-btn{border-radius:var(--radius-sm);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;transition:background var(--transition), color var(--transition);background:0 0;border:none;justify-content:center;align-items:center;display:none}.navbar-menu-btn:hover{background:var(--bg);color:var(--primary)}.navbar-breadcrumb{flex:1;align-items:center;gap:6px;display:flex}.navbar-breadcrumb-title{color:var(--text-primary);font-family:Syne,sans-serif;font-size:1.1rem;font-weight:800}.navbar-search{width:280px;position:relative}.navbar-search-icon{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.navbar-search input{border:1.5px solid var(--border-strong);background:var(--bg);width:100%;color:var(--text-primary);transition:border-color var(--transition), box-shadow var(--transition);border-radius:50px;padding:.55rem 1rem .55rem 2.5rem;font-size:.85rem}.navbar-search input:focus{border-color:var(--primary);box-shadow:var(--shadow-glow);background:var(--white)}.navbar-search input::placeholder{color:var(--text-muted)}.navbar-actions{align-items:center;gap:8px;display:flex}.navbar-icon-btn{border-radius:var(--radius-sm);width:38px;height:38px;color:var(--text-secondary);cursor:pointer;transition:background var(--transition), color var(--transition);background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:relative}.navbar-icon-btn:hover{background:var(--primary-bg);color:var(--primary)}.navbar-notif-dot{background:var(--primary);border:2px solid var(--white);border-radius:50%;width:8px;height:8px;position:absolute;top:7px;right:7px}.navbar-divider{background:var(--border);width:1.5px;height:24px}.navbar-user-btn{border:1.5px solid var(--border);cursor:pointer;transition:all var(--transition);background:0 0;border-radius:50px;align-items:center;gap:8px;padding:.3rem .75rem .3rem .3rem;display:flex}.navbar-user-btn:hover{border-color:var(--primary);background:var(--primary-bg)}.navbar-avatar{background:linear-gradient(135deg, var(--primary-light), var(--accent));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:.75rem;font-weight:700;display:flex}.navbar-user-name{color:var(--text-primary);white-space:nowrap;font-size:.85rem;font-weight:600}@media (width<=900px){.navbar-menu-btn{display:flex}.navbar-search,.navbar-user-name{display:none}}@media (width<=480px){.navbar{gap:.5rem;padding:0 1rem}}.app-layout{min-height:100vh;display:flex}.app-main{min-width:0;margin-left:var(--sidebar-width);transition:margin-left var(--transition-slow);flex-direction:column;flex:1;display:flex}.app-main.collapsed{margin-left:72px}.app-content{flex:1;padding:1.75rem 2rem;overflow-x:hidden}@media (width<=900px){.app-main{margin-left:0!important}.app-content{padding:1.25rem 1rem}}@media (width<=480px){.app-content{padding:1rem .75rem}}.login-root{background:var(--bg);min-height:100vh;display:flex}.login-left{background:linear-gradient(145deg,#ff6b35 0%,#f59e0b 100%);flex-direction:column;flex:1;justify-content:center;align-items:center;padding:3rem;display:flex;position:relative;overflow:hidden}.login-left:before{content:"";background:#ffffff14;border-radius:50%;width:320px;height:320px;position:absolute;top:-80px;right:-80px}.login-left:after{content:"";background:#ffffff0f;border-radius:50%;width:240px;height:240px;position:absolute;bottom:-60px;left:-60px}.login-brand{z-index:1;text-align:center}.login-brand-logo{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff40;border-radius:20px;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 1.5rem;display:flex}.login-brand-logo svg{color:#fff;width:36px;height:36px}.login-brand h1{color:#fff;letter-spacing:-1px;margin-bottom:.5rem;font-family:Syne,sans-serif;font-size:2.75rem;font-weight:800}.login-brand p{color:#fffc;max-width:280px;font-size:1rem;font-weight:400}.login-illustration{z-index:1;grid-template-columns:1fr 1fr;gap:1rem;max-width:320px;margin-top:3rem;display:grid}.login-stat-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;color:#fff;background:#ffffff26;border:1px solid #fff3;border-radius:14px;padding:1rem}.login-stat-card .stat-num{font-family:Syne,sans-serif;font-size:1.75rem;font-weight:800;display:block}.login-stat-card .stat-label{opacity:.85;margin-top:2px;font-size:.75rem;display:block}.login-right{background:var(--white);justify-content:center;align-items:center;width:480px;padding:2rem;display:flex}.login-form-container{width:100%;max-width:380px}.login-form-header{margin-bottom:2rem}.login-form-header h2{color:var(--text-primary);margin-bottom:.4rem;font-family:Syne,sans-serif;font-size:1.875rem;font-weight:800}.login-form-header p{color:var(--text-secondary);font-size:.9rem}.form-group{margin-bottom:1.25rem}.form-label{color:var(--text-primary);margin-bottom:.5rem;font-size:.85rem;font-weight:600;display:block}.form-input-wrap{position:relative}.form-input-icon{color:var(--text-muted);pointer-events:none;width:18px;height:18px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.form-input{border:1.5px solid var(--border-strong);border-radius:var(--radius-md);width:100%;color:var(--text-primary);background:var(--bg);transition:border-color var(--transition), box-shadow var(--transition);padding:.75rem 1rem .75rem 2.75rem;font-size:.9rem}.form-input:focus{border-color:var(--primary);box-shadow:var(--shadow-glow);background:var(--white)}.form-input.error{border-color:var(--status-rejected)}.form-input-toggle{color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-items:center;padding:2px;display:flex;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.form-input-toggle:hover{color:var(--text-primary)}.form-error{color:var(--status-rejected);align-items:center;gap:4px;margin-top:.35rem;font-size:.78rem;display:flex}.login-options{justify-content:flex-end;margin-bottom:1.5rem;display:flex}.forgot-link{color:var(--primary);transition:color var(--transition);font-size:.85rem;font-weight:600}.forgot-link:hover{color:var(--primary-dark);text-decoration:underline}.btn-primary{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);color:#fff;border-radius:var(--radius-md);cursor:pointer;width:100%;transition:all var(--transition);border:none;justify-content:center;align-items:center;gap:8px;padding:.875rem;font-size:.95rem;font-weight:700;display:flex;box-shadow:0 4px 12px #ff6b3559}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 18px #ff6b3573}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{opacity:.65;cursor:not-allowed}.login-spinner{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=900px){.login-left{display:none}.login-right{width:100%}}@media (width<=480px){.login-right{padding:1.5rem}.login-form-container{max-width:100%}}.dashboard{flex-direction:column;gap:1.75rem;display:flex}.dashboard-welcome{background:linear-gradient(135deg, var(--primary) 0%, var(--accent) 100%);border-radius:var(--radius-xl);justify-content:space-between;align-items:center;gap:1rem;padding:1.75rem 2rem;display:flex;position:relative;overflow:hidden}.dashboard-welcome:after{content:"";background:#ffffff1a;border-radius:50%;width:200px;height:200px;position:absolute;top:-40px;right:-40px}.dashboard-welcome-text h2{color:#fff;margin-bottom:.25rem;font-family:Syne,sans-serif;font-size:1.5rem;font-weight:800}.dashboard-welcome-text p{color:#ffffffd9;font-size:.9rem}.dashboard-welcome-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-md);color:#fff;white-space:nowrap;z-index:1;background:#fff3;border:1px solid #ffffff40;padding:.6rem 1.2rem;font-size:.85rem;font-weight:600}.stats-grid{grid-template-columns:repeat(4,1fr);gap:1.25rem;display:grid}.stat-card{background:var(--white);border-radius:var(--radius-lg);border:1.5px solid var(--border);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition), transform var(--transition);flex-direction:column;gap:.75rem;padding:1.5rem;display:flex}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-card-header{justify-content:space-between;align-items:center;display:flex}.stat-card-icon{border-radius:var(--radius-md);justify-content:center;align-items:center;width:44px;height:44px;display:flex}.stat-card-icon.orange{background:var(--primary-bg);color:var(--primary)}.stat-card-icon.amber{background:var(--accent-bg);color:var(--accent)}.stat-card-icon.purple{color:#7c3aed;background:#f5f3ff}.stat-card-icon.teal{color:#0d9488;background:#f0fdfa}.stat-card-trend{border-radius:20px;align-items:center;gap:3px;padding:3px 8px;font-size:.78rem;font-weight:600;display:flex}.stat-card-trend.up{color:#059669;background:#ecfdf5}.stat-card-trend.down{color:#dc2626;background:#fef2f2}.stat-card-value{color:var(--text-primary);font-family:Syne,sans-serif;font-size:2rem;font-weight:800;line-height:1}.stat-card-label{color:var(--text-secondary);font-size:.85rem;font-weight:500}.dashboard-row{grid-template-columns:1fr 360px;gap:1.25rem;display:grid}.card{background:var(--white);border-radius:var(--radius-lg);border:1.5px solid var(--border);box-shadow:var(--shadow-sm);overflow:hidden}.card-header{border-bottom:1.5px solid var(--border);justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 1.5rem;display:flex}.card-title{color:var(--text-primary);font-family:Syne,sans-serif;font-size:1rem;font-weight:800}.card-body{padding:1.5rem}.activity-list{flex-direction:column;gap:1rem;display:flex}.activity-item{align-items:flex-start;gap:.875rem;display:flex}.activity-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-top:5px}.activity-dot.orange{background:var(--primary)}.activity-dot.amber{background:var(--accent)}.activity-dot.purple{background:#7c3aed}.activity-dot.teal{background:#0d9488}.activity-text{color:var(--text-secondary);flex:1;font-size:.875rem;line-height:1.5}.activity-text strong{color:var(--text-primary);font-weight:600}.activity-time{color:var(--text-muted);white-space:nowrap;margin-top:2px;font-size:.75rem}.pipeline-list{flex-direction:column;gap:.875rem;display:flex}.pipeline-item{align-items:center;gap:1rem;display:flex}.pipeline-label{color:var(--text-secondary);flex-shrink:0;width:90px;font-size:.85rem;font-weight:500}.pipeline-bar-wrap{background:var(--bg);border-radius:4px;flex:1;height:8px;overflow:hidden}.pipeline-bar{border-radius:4px;height:100%;transition:width .8s}.pipeline-count{color:var(--text-primary);text-align:right;flex-shrink:0;width:28px;font-size:.85rem;font-weight:700}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}thead th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);background:var(--bg);border-bottom:1.5px solid var(--border);padding:.75rem 1rem;font-size:.75rem;font-weight:700}tbody td{color:var(--text-secondary);border-bottom:1px solid var(--border);vertical-align:middle;padding:1rem;font-size:.875rem}tbody tr:last-child td{border-bottom:none}tbody tr:hover td{background:var(--primary-bg)}.td-name{align-items:center;gap:.75rem;display:flex}.td-avatar{background:linear-gradient(135deg, var(--primary-light), var(--accent));color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:.75rem;font-weight:700;display:flex}.td-name-main{color:var(--text-primary);font-size:.875rem;font-weight:600}.td-name-sub{color:var(--text-muted);font-size:.75rem}.status-badge{border-radius:20px;align-items:center;gap:5px;padding:3px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.status-badge.applied{background:var(--status-applied-bg);color:var(--status-applied)}.status-badge.shortlisted{background:var(--status-shortlisted-bg);color:var(--status-shortlisted)}.status-badge.selected{background:var(--status-selected-bg);color:var(--status-selected)}.status-badge.rejected{background:var(--status-rejected-bg);color:var(--status-rejected)}.btn-link{cursor:pointer;color:var(--primary);border-radius:var(--radius-sm);transition:background var(--transition);background:0 0;border:none;padding:4px 8px;font-size:.85rem;font-weight:600}.btn-link:hover{background:var(--primary-bg)}@media (width<=1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-row{grid-template-columns:1fr}}@media (width<=600px){.stats-grid{grid-template-columns:1fr 1fr}.dashboard-welcome{flex-direction:column;align-items:flex-start}.card-body{padding:1rem}}@media (width<=420px){.stats-grid{grid-template-columns:1fr}}.candidates-page{flex-direction:column;gap:1.5rem;display:flex}.page-toolbar{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.page-toolbar-left{flex-wrap:wrap;flex:1;gap:.75rem;display:flex}.search-box{flex:1;min-width:240px;max-width:360px;position:relative}.search-box-icon{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search-box input{border:1.5px solid var(--border-strong);border-radius:var(--radius-md);background:var(--white);width:100%;color:var(--text-primary);transition:border-color var(--transition), box-shadow var(--transition);padding:.6rem 1rem .6rem 2.4rem;font-size:.875rem}.search-box input:focus{border-color:var(--primary);box-shadow:var(--shadow-glow)}.filter-select{border:1.5px solid var(--border-strong);border-radius:var(--radius-md);background:var(--white);color:var(--text-primary);cursor:pointer;transition:border-color var(--transition);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239B9490' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;padding:.6rem 2rem .6rem 1rem;font-size:.875rem}.filter-select:focus{border-color:var(--primary);outline:none}.btn-secondary{border:1.5px solid var(--border-strong);border-radius:var(--radius-md);color:var(--text-primary);background:var(--white);cursor:pointer;transition:all var(--transition);white-space:nowrap;align-items:center;gap:6px;padding:.6rem 1.1rem;font-size:.875rem;font-weight:600;display:inline-flex}.btn-secondary:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-bg)}.btn-accent{border-radius:var(--radius-md);color:#fff;background:linear-gradient(135deg, var(--primary), var(--primary-dark));cursor:pointer;transition:all var(--transition);white-space:nowrap;border:none;align-items:center;gap:6px;padding:.6rem 1.25rem;font-size:.875rem;font-weight:700;display:inline-flex;box-shadow:0 3px 10px #ff6b354d}.btn-accent:hover{transform:translateY(-1px);box-shadow:0 5px 14px #ff6b3566}.candidates-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.25rem;display:grid}.candidate-card{background:var(--white);border:1.5px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition), transform var(--transition);flex-direction:column;gap:1rem;padding:1.25rem;display:flex}.candidate-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.candidate-card-header{align-items:flex-start;gap:.875rem;display:flex}.candidate-big-avatar{background:linear-gradient(135deg, var(--primary-light), var(--accent));color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:.95rem;font-weight:800;display:flex}.candidate-card-info{flex:1;min-width:0}.candidate-card-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-size:.95rem;font-weight:700;overflow:hidden}.candidate-card-role{color:var(--text-secondary);font-size:.8rem}.candidate-card-meta{flex-wrap:wrap;gap:.875rem;display:flex}.candidate-meta-item{color:var(--text-muted);align-items:center;gap:5px;font-size:.78rem;display:flex}.candidate-card-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:.5rem;padding-top:.875rem;display:flex}.status-select-inline{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;border:1.5px solid #0000;border-radius:20px;padding:4px 22px 4px 8px;font-size:.75rem;font-weight:600}.status-select-inline.applied{background-color:var(--status-applied-bg);color:var(--status-applied);border-color:var(--status-applied)}.status-select-inline.shortlisted{background-color:var(--status-shortlisted-bg);color:var(--status-shortlisted);border-color:var(--status-shortlisted)}.status-select-inline.selected{background-color:var(--status-selected-bg);color:var(--status-selected);border-color:var(--status-selected)}.status-select-inline.rejected{background-color:var(--status-rejected-bg);color:var(--status-rejected);border-color:var(--status-rejected)}.card-action-btns{gap:6px;display:flex}.btn-icon{border-radius:var(--radius-sm);border:1.5px solid var(--border);cursor:pointer;width:32px;height:32px;color:var(--text-muted);transition:all var(--transition);background:0 0;justify-content:center;align-items:center;display:flex}.btn-icon:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-bg)}.btn-icon.danger:hover{border-color:var(--status-rejected);color:var(--status-rejected);background:var(--status-rejected-bg)}.empty-state{text-align:center;grid-column:1/-1;padding:4rem 2rem}.empty-icon{background:var(--primary-bg);border-radius:var(--radius-xl);width:64px;height:64px;color:var(--primary);justify-content:center;align-items:center;margin:0 auto 1rem;display:flex}.empty-state h3{margin-bottom:.4rem;font-family:Syne,sans-serif;font-size:1.1rem}.empty-state p{color:var(--text-muted);font-size:.875rem}.skills-wrap{flex-wrap:wrap;gap:5px;display:flex}.skill-chip{background:var(--accent-bg);color:var(--accent);border:1px solid #f59e0b40;border-radius:20px;padding:2px 10px;font-size:.72rem;font-weight:600}@media (width<=768px){.candidates-grid{grid-template-columns:1fr}.page-toolbar{flex-direction:column;align-items:stretch}.page-toolbar-left,.search-box{max-width:100%}}.page-section{flex-direction:column;gap:1.5rem;display:flex}.section-card{background:var(--white);border:1.5px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.section-card-header{border-bottom:1.5px solid var(--border);background:var(--bg);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:1.25rem 1.5rem;display:flex}.section-card-title{color:var(--text-primary);font-family:Syne,sans-serif;font-size:1rem;font-weight:800}.section-card-body{padding:1.5rem}.data-table-wrap{overflow-x:auto}.data-table{border-collapse:collapse;width:100%;font-size:.875rem}.data-table th{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);background:var(--bg);border-bottom:1.5px solid var(--border);white-space:nowrap;padding:.75rem 1.25rem;font-size:.72rem;font-weight:700}.data-table td{color:var(--text-secondary);border-bottom:1px solid var(--border);vertical-align:middle;padding:1rem 1.25rem}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:hover td{background:var(--primary-bg)}.td-person{align-items:center;gap:.75rem;display:flex}.td-person-avatar{background:linear-gradient(135deg, var(--primary-light), var(--accent));color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.75rem;font-weight:700;display:flex}.td-person-name{color:var(--text-primary);font-size:.875rem;font-weight:600}.td-person-sub{color:var(--text-muted);font-size:.75rem}.modal-overlay{z-index:1000;background:#00000073;justify-content:center;align-items:center;padding:1rem;animation:.15s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--white);border-radius:var(--radius-xl);width:100%;max-width:540px;max-height:90vh;box-shadow:var(--shadow-lg);animation:.2s slideUp;overflow-y:auto}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{border-bottom:1.5px solid var(--border);justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.modal-title{color:var(--text-primary);font-family:Syne,sans-serif;font-size:1.1rem;font-weight:800}.modal-close{border-radius:var(--radius-sm);border:1.5px solid var(--border);cursor:pointer;width:32px;height:32px;color:var(--text-muted);transition:all var(--transition);background:0 0;justify-content:center;align-items:center;display:flex}.modal-close:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-bg)}.modal-body{flex-direction:column;gap:1.25rem;padding:1.5rem;display:flex}.modal-footer{border-top:1.5px solid var(--border);background:var(--bg);justify-content:flex-end;gap:.75rem;padding:1.25rem 1.5rem;display:flex}.info-item{flex-direction:column;gap:3px;display:flex}.info-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:.75rem;font-weight:700}.info-value{color:var(--text-primary);font-size:.9rem;font-weight:500}.mini-stats{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.mini-stat{background:var(--bg);border-radius:var(--radius-md);text-align:center;padding:1rem}.mini-stat-val{color:var(--primary);font-family:Syne,sans-serif;font-size:1.5rem;font-weight:800;display:block}.mini-stat-label{color:var(--text-secondary);font-size:.75rem}@media (width<=640px){.info-grid,.mini-stats{grid-template-columns:1fr}.section-card-body{padding:1rem}}.section-card-header.payroll-header{padding:0;display:block}.payroll-header-top{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:18px 22px 14px;display:flex}.payroll-title-block{flex-direction:column;gap:1px;display:flex}.payroll-subtitle{color:var(--text-muted);font-size:.72rem;font-weight:400}.payroll-actions{align-items:center;gap:8px;display:flex}.month-year-group{background:var(--bg);border:1px solid var(--border-strong);border-radius:var(--radius-sm);align-items:center;height:34px;display:flex;overflow:hidden}.month-year-group select{color:var(--text-primary);cursor:pointer;appearance:none;background:0 0;border:none;outline:none;height:100%;padding:0 9px;font-size:.78rem;font-weight:500}.month-year-divider{background:var(--border-strong);flex-shrink:0;width:1px;height:18px}.payroll-header-bottom{background:var(--bg);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:11px 22px;display:flex}.payroll-search-wrap{flex:1;align-items:center;min-width:200px;max-width:280px;display:flex;position:relative}.payroll-search-icon{color:var(--text-muted);pointer-events:none;position:absolute;left:9px}.payroll-search-input{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--white);width:100%;height:32px;color:var(--text-primary);outline:none;padding:0 30px 0 28px;font-size:.775rem;transition:border-color .15s}.payroll-search-input:focus{border-color:#a5b4fc;box-shadow:0 0 0 3px #6366f114}.payroll-search-input::placeholder{color:var(--text-muted)}.payroll-search-clear{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:50%;align-items:center;padding:2px;transition:color .12s;display:flex;position:absolute;right:7px}.payroll-search-clear:hover{color:var(--text-primary)}.csv-upload{flex-shrink:0;align-items:center;gap:8px;display:flex}.upload-zone{border:1px dashed var(--border-strong);border-radius:var(--radius-sm);background:var(--white);cursor:pointer;white-space:nowrap;align-items:center;gap:7px;height:32px;padding:0 11px;transition:border-color .15s,background .15s;display:flex}.upload-zone:hover{background:#f5f3ff;border-color:#6366f1}.upload-zone.has-file{background:#eef2ff;border-style:solid;border-color:#6366f1}.upload-zone-icon{color:var(--text-muted);align-items:center;display:flex}.upload-zone-label{color:var(--text-secondary);font-size:.75rem;font-weight:500}.upload-zone-sub{color:var(--text-muted);font-size:.68rem}.btn-upload{color:#fff;border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;background:#4f46e5;border:none;height:32px;padding:0 13px;font-size:.75rem;font-weight:600;transition:background .15s}.btn-upload:hover{background:#4338ca}.btn-upload:disabled{opacity:.55;cursor:not-allowed}@media (width<=900px){.payroll-header-top{flex-direction:column;align-items:flex-start}.payroll-header-bottom{flex-direction:column;align-items:stretch}.payroll-search-wrap{width:100%;max-width:100%}.csv-upload{justify-content:space-between;width:100%}.upload-zone{flex:1}}@media (width<=600px){.payroll-controls{flex-direction:column;align-items:stretch;width:100%}.payroll-controls .filter-select{width:100%}.payroll-controls .btn-accent{justify-content:center;width:100%}.csv-upload{flex-direction:column}.upload-zone{height:auto;padding:.6rem .875rem}.btn-upload{justify-content:center;width:100%}}.pagination{justify-content:center;align-items:center;gap:12px;margin-top:1rem;display:flex}.pagination button{cursor:pointer;background:#fb9e35;border:1px solid #ddd;border-radius:6px;padding:6px 12px}.pagination button:disabled{opacity:.4;cursor:not-allowed}.page-info{color:#333;font-weight:600}.status-badge{border-radius:20px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-block}.status-active{color:#0f9d58;background-color:#e6f9f0}.status-resigned{color:#3e8ef0;background-color:#e0f5ff}.status-terminated{color:#d93025;background-color:#fdecea}.jobs-page{flex-direction:column;gap:1.5rem;display:flex}.jobs-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.25rem;display:grid}.job-card{background:var(--white);border:1.5px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition), transform var(--transition);flex-direction:column;gap:1rem;padding:1.25rem;display:flex}.job-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.job-card-header{justify-content:space-between;align-items:flex-start;gap:.875rem;display:flex}.job-card-icon{background:var(--primary-bg);width:44px;height:44px;color:var(--primary);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.job-card-title{color:var(--text-primary);margin-bottom:2px;font-size:.95rem;font-weight:700}.job-card-cat{color:var(--text-muted);font-size:.78rem}.job-status-toggle{cursor:pointer;transition:all var(--transition);border:none;border-radius:20px;flex-shrink:0;align-items:center;gap:6px;padding:4px 10px;font-size:.75rem;font-weight:600;display:flex}.job-status-toggle.active{background:var(--status-selected-bg);color:var(--status-selected)}.job-status-toggle.inactive{background:var(--bg);color:var(--text-muted)}.job-card-meta{flex-wrap:wrap;gap:.75rem;display:flex}.job-meta-item{color:var(--text-secondary);align-items:center;gap:5px;font-size:.78rem;display:flex}.job-techs{flex-wrap:wrap;gap:5px;display:flex}.job-tech-tag{background:var(--primary-bg);color:var(--primary);border-radius:20px;padding:2px 10px;font-size:.72rem;font-weight:600}.job-tech-more{background:var(--bg);color:var(--text-muted);border-radius:20px;padding:2px 10px;font-size:.72rem;font-weight:600}.job-card-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding-top:.875rem;display:flex}.job-applicants{color:var(--text-secondary);font-size:.8rem}.job-applicants strong{color:var(--text-primary);font-weight:700}@media (width<=600px){.jobs-grid{grid-template-columns:1fr}}.add-job-page{flex-direction:column;gap:1.75rem;display:flex}.add-job-layout{grid-template-columns:1fr 340px;align-items:start;gap:1.5rem;display:grid}.form-card{background:var(--white);border:1.5px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.form-card-header{border-bottom:1.5px solid var(--border);background:var(--bg);padding:1.25rem 1.5rem}.form-card-title{color:var(--text-primary);font-family:Syne,sans-serif;font-size:1rem;font-weight:800}.form-card-body{flex-direction:column;gap:1.25rem;padding:1.5rem;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.field-group{flex-direction:column;gap:.5rem;display:flex}.field-label{color:var(--text-primary);align-items:center;gap:4px;font-size:.85rem;font-weight:600;display:flex}.field-label .required{color:var(--primary)}.field-input,.field-textarea,.field-select{border:1.5px solid var(--border-strong);border-radius:var(--radius-md);color:var(--text-primary);background:var(--bg);transition:border-color var(--transition), box-shadow var(--transition);width:100%;padding:.7rem 1rem;font-size:.875rem}.field-input:focus,.field-textarea:focus,.field-select:focus{border-color:var(--primary);box-shadow:var(--shadow-glow);background:var(--white);outline:none}.field-textarea{resize:vertical;min-height:120px;line-height:1.6}.field-select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239B9490' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:2rem}.field-input.error,.field-textarea.error,.field-select.error{border-color:var(--status-rejected)}.field-error{color:var(--status-rejected);align-items:center;gap:4px;font-size:.78rem;display:flex}.tech-section-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:.5rem;font-size:.8rem;font-weight:700}.tech-categories{flex-direction:column;gap:1.25rem;display:flex}.tech-category-group{flex-direction:column;gap:.5rem;display:flex}.tech-category-name{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;font-size:.8rem;font-weight:700}.tech-chips{flex-wrap:wrap;gap:8px;display:flex}.tech-chip{border:1.5px solid var(--border-strong);background:var(--white);color:var(--text-secondary);cursor:pointer;transition:all var(--transition);-webkit-user-select:none;user-select:none;border-radius:20px;padding:5px 14px;font-size:.8rem;font-weight:600}.tech-chip:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-bg)}.tech-chip.selected{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 2px 8px #ff6b354d}.tech-chip.accent.selected{background:var(--accent);border-color:var(--accent);box-shadow:0 2px 8px #f59e0b4d}.selected-techs-wrap{background:var(--primary-bg);border-radius:var(--radius-md);border:1px dashed var(--primary);margin-top:1rem;padding:1rem}.selected-techs-label{color:var(--primary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-size:.78rem;font-weight:700}.selected-techs-list{flex-wrap:wrap;gap:6px;display:flex}.selected-tech-tag{border:1px solid var(--primary);color:var(--primary);background:#fff;border-radius:20px;align-items:center;gap:4px;padding:4px 10px 4px 12px;font-size:.78rem;font-weight:600;display:inline-flex}.selected-tech-tag button{cursor:pointer;color:var(--primary);opacity:.7;transition:opacity var(--transition);background:0 0;border:none;align-items:center;padding:0;font-size:14px;line-height:1;display:flex}.selected-tech-tag button:hover{opacity:1}.tech-custom-input{gap:8px;margin-top:.75rem;display:flex}.tech-custom-input input{border:1.5px solid var(--border-strong);border-radius:var(--radius-md);background:var(--white);color:var(--text-primary);transition:border-color var(--transition);flex:1;padding:.55rem 1rem;font-size:.85rem}.tech-custom-input input:focus{border-color:var(--primary);outline:none}.tech-custom-input button{border-radius:var(--radius-md);background:var(--primary);color:#fff;cursor:pointer;transition:background var(--transition);border:none;padding:.55rem 1rem;font-size:.85rem;font-weight:700}.tech-custom-input button:hover{background:var(--primary-dark)}.salary-range{align-items:center;gap:.75rem;display:flex}.salary-range span{color:var(--text-muted);font-size:.85rem}.job-preview-card{background:var(--white);border:1.5px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);top:calc(var(--navbar-height) + 1rem);position:sticky;overflow:hidden}.job-preview-header{background:linear-gradient(135deg, var(--primary), var(--accent));padding:1.25rem;position:relative;overflow:hidden}.job-preview-header:after{content:"";background:#ffffff1a;border-radius:50%;width:100px;height:100px;position:absolute;bottom:-30px;right:-30px}.job-preview-company{width:44px;height:44px;box-shadow:var(--shadow-sm);background:#fff;border-radius:12px;justify-content:center;align-items:center;margin-bottom:.875rem;display:flex}.job-preview-title{color:#fff;margin-bottom:4px;font-family:Syne,sans-serif;font-size:1.1rem;font-weight:800}.job-preview-sub{color:#fffc;font-size:.8rem}.job-preview-body{flex-direction:column;gap:.875rem;padding:1.25rem;display:flex}.preview-meta-row{color:var(--text-secondary);align-items:center;gap:8px;font-size:.85rem;display:flex}.preview-meta-row svg{color:var(--primary);flex-shrink:0}.preview-section-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:.5rem;font-size:.78rem;font-weight:700}.preview-tech-list{flex-wrap:wrap;gap:5px;display:flex}.preview-tech-badge{background:var(--primary-bg);color:var(--primary);border:1px solid #ff6b3533;border-radius:20px;padding:3px 10px;font-size:.75rem;font-weight:600}.form-actions{border-top:1.5px solid var(--border);background:var(--bg);justify-content:flex-end;gap:.875rem;padding:1.25rem 1.5rem;display:flex}@media (width<=1100px){.add-job-layout{grid-template-columns:1fr}.job-preview-card{position:static}}@media (width<=600px){.form-row{grid-template-columns:1fr}.form-card-body{padding:1rem}.salary-range{flex-wrap:wrap}}.modal{background:#fff;border-radius:12px;width:100%;max-width:600px;padding:1rem}.info-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (width<=768px){.info-grid{grid-template-columns:1fr}}.field-group input,.field-group select{border:1px solid #ddd;border-radius:6px;width:100%;padding:8px}.gol-root{flex-direction:column;gap:1.25rem;display:flex;position:relative}.gol-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.gol-header-left{align-items:center;gap:.875rem;display:flex}.gol-header-icon{background:linear-gradient(135deg, var(--primary-light,#6366f1), var(--accent,#8b5cf6));color:#fff;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex;box-shadow:0 4px 12px #6366f147}.gol-header-title{color:var(--text-primary,#111);margin:0;font-family:Syne,sans-serif;font-size:1.1rem;font-weight:800;line-height:1.2}.gol-header-sub{color:var(--text-muted,#888);margin:2px 0 0;font-size:.78rem}.gol-search-wrap{flex:1;align-items:center;min-width:220px;max-width:300px;display:flex;position:relative}.gol-search-icon{color:var(--text-muted,#aaa);pointer-events:none;position:absolute;left:.65rem}.gol-search-input{border:1.5px solid var(--border-strong,#e0e0e0);border-radius:var(--radius-md,8px);background:var(--white,#fff);width:100%;height:36px;color:var(--text-primary,#111);box-sizing:border-box;outline:none;padding:0 2rem;font-size:.85rem;transition:border-color .18s,box-shadow .18s}.gol-search-input:focus{border-color:var(--primary,#6366f1);box-shadow:0 0 0 3px #6366f117}.gol-search-input::placeholder{color:var(--text-muted,#bbb)}.gol-search-clear{cursor:pointer;color:var(--text-muted,#aaa);background:0 0;border:none;border-radius:50%;align-items:center;padding:2px;transition:color .15s;display:flex;position:absolute;right:.55rem}.gol-search-clear:hover{color:var(--text-primary,#111)}.gol-card{background:var(--white,#fff);border:1.5px solid var(--border,#ebebeb);border-radius:var(--radius-lg,12px);box-shadow:var(--shadow-sm,0 1px 4px #0000000f);overflow:hidden}.gol-state-center{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:4rem 2rem;display:flex}.gol-empty-icon{background:var(--bg,#f5f5f5);width:56px;height:56px;color:var(--text-muted,#ccc);border-radius:16px;justify-content:center;align-items:center;display:flex}.gol-state-text{color:var(--text-muted,#999);font-size:.9rem;font-weight:500}.gol-btn-ghost{border:1.5px solid var(--border,#ddd);border-radius:var(--radius-md,8px);color:var(--text-secondary,#555);cursor:pointer;background:0 0;padding:.4rem 1rem;font-size:.82rem;transition:border-color .15s,color .15s}.gol-btn-ghost:hover{border-color:var(--primary,#6366f1);color:var(--primary,#6366f1)}.gol-spinner{animation:.75s linear infinite gol-spin}@keyframes gol-spin{to{transform:rotate(360deg)}}.gol-table-wrap{display:block;overflow-x:auto}.gol-table{border-collapse:collapse;width:100%;min-width:680px;font-size:.875rem}.gol-table thead tr{background:var(--bg,#fafafa);border-bottom:1.5px solid var(--border,#ebebeb)}.gol-table th{text-align:left;text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted,#aaa);white-space:nowrap;padding:.75rem 1.25rem;font-size:.7rem;font-weight:700}.gol-table td{color:var(--text-secondary,#555);border-bottom:1px solid var(--border,#f0f0f0);vertical-align:middle;padding:1rem 1.25rem}.gol-row:last-child td{border-bottom:none}.gol-row:hover td{background:var(--primary-bg,#f5f5ff)}.gol-person{align-items:center;gap:.7rem;display:flex}.gol-avatar{background:linear-gradient(135deg, var(--primary-light,#6366f1), var(--accent,#8b5cf6));color:#fff;letter-spacing:.04em;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.72rem;font-weight:700;display:flex}.gol-avatar--lg{border-radius:13px;width:46px;height:46px;font-size:.85rem}.gol-person-name{color:var(--text-primary,#111);font-size:.875rem;font-weight:600;line-height:1.3}.gol-person-email{color:var(--text-muted,#aaa);margin-top:1px;font-size:.73rem}.gol-role-chip{background:var(--primary-bg,#f0f0ff);color:var(--primary,#6366f1);white-space:nowrap;border-radius:20px;align-items:center;gap:5px;padding:3px 10px;font-size:.78rem;font-weight:600;display:inline-flex}.gol-dept{color:var(--text-secondary,#666);font-size:.8rem;font-weight:500}.gol-contact{color:var(--text-muted,#999);white-space:nowrap;font-size:.82rem}.gol-date-cell{color:var(--text-muted,#999);white-space:nowrap;align-items:center;gap:5px;font-size:.82rem;display:flex}.gol-btn-generate{border-radius:var(--radius-md,8px);background:linear-gradient(135deg, var(--primary,#6366f1), var(--accent,#7c3aed));color:#fff;cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:6px;padding:.45rem .875rem;font-size:.8rem;font-weight:600;transition:opacity .18s,transform .1s,box-shadow .18s;display:inline-flex;box-shadow:0 2px 8px #6366f140}.gol-btn-generate:hover{opacity:.88;box-shadow:0 4px 14px #6366f159}.gol-btn-generate:active{transform:scale(.97)}.gol-mobile-cards{display:none}.gol-mobile-card{border-bottom:1px solid var(--border,#f0f0f0);padding:1rem 1.125rem}.gol-mobile-card:last-child{border-bottom:none}.gol-mobile-card-top{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.gol-mobile-card-meta{flex-wrap:wrap;gap:.5rem 1rem;display:flex}.gol-meta-item{color:var(--text-muted,#999);align-items:center;gap:5px;font-size:.78rem;display:flex}.gol-pagination{border-top:1px solid var(--border,#f0f0f0);flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;padding:1rem 1.25rem;display:flex}.gol-page-btn{border-radius:var(--radius-sm,6px);border:1.5px solid var(--border-strong,#ddd);background:var(--white,#fff);cursor:pointer;width:32px;height:32px;color:var(--text-secondary,#555);justify-content:center;align-items:center;transition:border-color .15s,color .15s;display:flex}.gol-page-btn:hover:not(:disabled){border-color:var(--primary,#6366f1);color:var(--primary,#6366f1)}.gol-page-btn:disabled{opacity:.35;cursor:not-allowed}.gol-page-numbers{gap:4px;display:flex}.gol-page-num{border-radius:var(--radius-sm,6px);min-width:32px;height:32px;color:var(--text-secondary,#555);cursor:pointer;background:0 0;border:1.5px solid #0000;padding:0 6px;font-size:.82rem;font-weight:600;transition:all .15s}.gol-page-num:hover{background:var(--bg,#f5f5f5)}.gol-page-num--active{background:var(--primary-bg,#eef2ff);color:var(--primary,#6366f1);border-color:var(--primary,#6366f1)}.gol-page-info{color:var(--text-muted,#aaa);margin-left:.25rem;font-size:.78rem}.gol-overlay{z-index:1100;background:#00000075;justify-content:center;align-items:center;padding:1rem;animation:.15s gol-fade-in;display:flex;position:fixed;inset:0}@keyframes gol-fade-in{0%{opacity:0}to{opacity:1}}.gol-modal{background:var(--white,#fff);border-radius:var(--radius-xl,16px);flex-direction:column;width:100%;max-width:560px;max-height:92vh;animation:.2s gol-slide-up;display:flex;overflow-y:auto;box-shadow:0 20px 60px #0000002e}@keyframes gol-slide-up{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.gol-modal-header{border-bottom:1.5px solid var(--border,#ebebeb);background:var(--bg,#fafafa);border-radius:var(--radius-xl,16px) var(--radius-xl,16px) 0 0;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.375rem 1.5rem;display:flex}.gol-modal-title-row{align-items:center;gap:.75rem;display:flex}.gol-modal-icon{background:linear-gradient(135deg, var(--primary-light,#6366f1), var(--accent,#7c3aed));color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.gol-modal-title{color:var(--text-primary,#111);margin:0;font-family:Syne,sans-serif;font-size:1rem;font-weight:800;line-height:1.2}.gol-modal-sub{color:var(--text-muted,#aaa);margin:2px 0 0;font-size:.78rem}.gol-modal-close{border-radius:var(--radius-sm,6px);border:1.5px solid var(--border,#ddd);cursor:pointer;width:30px;height:30px;color:var(--text-muted,#aaa);background:0 0;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.gol-modal-close:hover{border-color:var(--primary,#6366f1);color:var(--primary,#6366f1);background:var(--primary-bg,#eef2ff)}.gol-modal-close:disabled{opacity:.4;cursor:not-allowed}.gol-modal-candidate{border-bottom:1px solid var(--border,#f0f0f0);background:linear-gradient(135deg,#6366f10a,#7c3aed0a);align-items:center;gap:1rem;padding:1.125rem 1.5rem;display:flex}.gol-modal-candidate-info{flex:1;min-width:0}.gol-modal-candidate-name{color:var(--text-primary,#111);margin-bottom:3px;font-size:.95rem;font-weight:700}.gol-modal-candidate-meta{color:var(--text-secondary,#666);flex-wrap:wrap;align-items:center;gap:6px;font-size:.78rem;display:flex}.gol-modal-candidate-meta span{align-items:center;gap:4px;display:flex}.gol-modal-candidate-contact{color:var(--text-muted,#aaa);margin-top:3px;font-size:.73rem}.gol-modal-body{flex:1;padding:1.375rem 1.5rem}.gol-form-grid{grid-template-columns:1fr 1fr;gap:1.125rem;display:grid}.gol-field{flex-direction:column;gap:5px;display:flex}.gol-field--full{grid-column:1/-1}.gol-label{color:var(--text-primary,#222);letter-spacing:.01em;font-size:.8rem;font-weight:700}.gol-required{color:#ef4444;margin-left:2px}.gol-input-wrap{align-items:center;display:flex;position:relative}.gol-input-icon{color:var(--text-muted,#bbb);pointer-events:none;position:absolute;left:.7rem}.gol-input{border:1.5px solid var(--border-strong,#e0e0e0);border-radius:var(--radius-md,8px);background:var(--bg,#fafafa);width:100%;color:var(--text-primary,#111);box-sizing:border-box;outline:none;padding:.625rem .875rem;font-family:inherit;font-size:.875rem;transition:border-color .18s,box-shadow .18s,background .18s}.gol-input--icon{padding-left:2.1rem}.gol-input:focus{border-color:var(--primary,#6366f1);background:var(--white,#fff);box-shadow:0 0 0 3px #6366f117}.gol-input::placeholder{color:var(--text-muted,#ccc)}.gol-select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23aaa' stroke-width='2.5'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;padding-right:2rem}.gol-textarea{resize:vertical;min-height:70px;line-height:1.5}.gol-modal-footer{border-top:1.5px solid var(--border,#ebebeb);background:var(--bg,#fafafa);border-radius:0 0 var(--radius-xl,16px) var(--radius-xl,16px);justify-content:flex-end;gap:.75rem;padding:1.125rem 1.5rem;display:flex}.gol-btn-cancel{border-radius:var(--radius-md,8px);border:1.5px solid var(--border-strong,#ddd);background:var(--white,#fff);color:var(--text-secondary,#555);cursor:pointer;padding:.6rem 1.25rem;font-size:.875rem;font-weight:600;transition:all .15s}.gol-btn-cancel:hover:not(:disabled){border-color:var(--primary,#6366f1);color:var(--primary,#6366f1)}.gol-btn-cancel:disabled{opacity:.4;cursor:not-allowed}.gol-btn-submit{border-radius:var(--radius-md,8px);background:linear-gradient(135deg, var(--primary,#6366f1), var(--accent,#7c3aed));color:#fff;cursor:pointer;border:none;align-items:center;gap:7px;padding:.6rem 1.375rem;font-size:.875rem;font-weight:700;transition:opacity .18s,box-shadow .18s,transform .1s;display:inline-flex;box-shadow:0 3px 10px #6366f14d}.gol-btn-submit:hover:not(:disabled){opacity:.88;box-shadow:0 5px 16px #6366f161}.gol-btn-submit:active:not(:disabled){transform:scale(.98)}.gol-btn-submit:disabled{opacity:.5;cursor:not-allowed}.gol-toast-stack{z-index:9999;pointer-events:none;flex-direction:column;gap:.5rem;display:flex;position:fixed;bottom:1.5rem;right:1.5rem}.gol-toast{border-radius:10px;align-items:center;gap:.6rem;min-width:220px;max-width:340px;padding:.65rem 1rem;font-size:.85rem;font-weight:600;animation:.22s cubic-bezier(.34,1.56,.64,1) gol-toast-in;display:flex;box-shadow:0 6px 24px #00000024}@keyframes gol-toast-in{0%{opacity:0;transform:translate(28px)}to{opacity:1;transform:translate(0)}}.gol-toast--success{color:#065f46;background:#ecfdf5;border:1.5px solid #6ee7b7}.gol-toast--error{color:#991b1b;background:#fef2f2;border:1.5px solid #fca5a5}@media (width<=900px){.gol-table-wrap{display:none}.gol-mobile-cards{display:block}.gol-header{flex-direction:column;align-items:flex-start}.gol-search-wrap{width:100%;max-width:100%}}@media (width<=640px){.gol-overlay{align-items:flex-end;padding:0}.gol-modal{border-radius:var(--radius-xl,16px) var(--radius-xl,16px) 0 0;max-width:100%;max-height:96vh}.gol-modal-header{border-radius:var(--radius-xl,16px) var(--radius-xl,16px) 0 0}.gol-form-grid{grid-template-columns:1fr}.gol-field--full{grid-column:1}.gol-modal-footer{border-radius:0;flex-direction:column-reverse}.gol-btn-cancel,.gol-btn-submit{justify-content:center;width:100%}.gol-toast-stack{bottom:1rem;left:1rem;right:1rem}.gol-toast{min-width:unset;max-width:100%}.gol-pagination{gap:.35rem}.gol-page-info{text-align:center;width:100%}}@media (width<=400px){.gol-header-title{font-size:.95rem}.gol-mobile-card-top{flex-direction:column;align-items:flex-start;gap:.6rem}.gol-btn-generate{justify-content:center;width:100%}}.gel-root{flex-direction:column;gap:1.25rem;display:flex;position:relative}.gel-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.gel-header-left{align-items:center;gap:.875rem;display:flex}.gel-header-icon{color:#fff;background:linear-gradient(135deg,#0ea5e9,#0284c7);border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex;box-shadow:0 4px 12px #0ea5e94d}.gel-header-title{color:var(--text-primary,#111);margin:0;font-family:Syne,sans-serif;font-size:1.1rem;font-weight:800;line-height:1.2}.gel-header-sub{color:var(--text-muted,#888);margin:2px 0 0;font-size:.78rem}.gel-header-controls{flex-wrap:wrap;align-items:center;gap:.625rem;display:flex}.gel-filter-select{border:1.5px solid var(--border-strong,#e0e0e0);border-radius:var(--radius-md,8px);background:var(--white,#fff);height:36px;color:var(--text-primary,#111);cursor:pointer;appearance:none;box-sizing:border-box;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23aaa' stroke-width='2.5'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right .6rem center;background-repeat:no-repeat;outline:none;padding:0 2rem 0 .75rem;font-size:.85rem;transition:border-color .18s}.gel-filter-select:focus{border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e91a}.gel-search-wrap{flex:1;align-items:center;min-width:220px;max-width:280px;display:flex;position:relative}.gel-search-icon{color:var(--text-muted,#aaa);pointer-events:none;position:absolute;left:.65rem}.gel-search-input{border:1.5px solid var(--border-strong,#e0e0e0);border-radius:var(--radius-md,8px);background:var(--white,#fff);width:100%;height:36px;color:var(--text-primary,#111);box-sizing:border-box;outline:none;padding:0 2rem;font-size:.85rem;transition:border-color .18s,box-shadow .18s}.gel-search-input:focus{border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e917}.gel-search-input::placeholder{color:var(--text-muted,#bbb)}.gel-search-clear{cursor:pointer;color:var(--text-muted,#aaa);background:0 0;border:none;border-radius:50%;align-items:center;padding:2px;transition:color .15s;display:flex;position:absolute;right:.55rem}.gel-search-clear:hover{color:var(--text-primary,#111)}.gel-card{background:var(--white,#fff);border:1.5px solid var(--border,#ebebeb);border-radius:var(--radius-lg,12px);box-shadow:var(--shadow-sm,0 1px 4px #0000000f);overflow:hidden}.gel-state-center{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:4rem 2rem;display:flex}.gel-empty-icon{background:var(--bg,#f5f5f5);width:56px;height:56px;color:var(--text-muted,#ccc);border-radius:16px;justify-content:center;align-items:center;display:flex}.gel-state-text{color:var(--text-muted,#999);font-size:.9rem;font-weight:500}.gel-btn-ghost{border:1.5px solid var(--border,#ddd);border-radius:var(--radius-md,8px);color:var(--text-secondary,#555);cursor:pointer;background:0 0;padding:.4rem 1rem;font-size:.82rem;transition:border-color .15s,color .15s}.gel-btn-ghost:hover{color:#0ea5e9;border-color:#0ea5e9}.gel-spinner{animation:.75s linear infinite gel-spin}@keyframes gel-spin{to{transform:rotate(360deg)}}.gel-table-wrap{display:block;overflow-x:auto}.gel-table{border-collapse:collapse;width:100%;min-width:780px;font-size:.875rem}.gel-table thead tr{background:var(--bg,#fafafa);border-bottom:1.5px solid var(--border,#ebebeb)}.gel-table th{text-align:left;text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted,#aaa);white-space:nowrap;padding:.75rem 1.25rem;font-size:.7rem;font-weight:700}.gel-table td{color:var(--text-secondary,#555);border-bottom:1px solid var(--border,#f0f0f0);vertical-align:middle;padding:.95rem 1.25rem}.gel-row:last-child td{border-bottom:none}.gel-row:hover td{background:#0ea5e909}.gel-avatar{color:#fff;letter-spacing:.04em;background:#0ea5e9;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.72rem;font-weight:700;display:flex}.gel-avatar--inactive{background:linear-gradient(135deg,#64748b,#475569)}.gel-avatar--terminated{background:linear-gradient(135deg,#ef4444,#dc2626)}.gel-avatar--lg{border-radius:13px;width:46px;height:46px;font-size:.85rem}.gel-person{align-items:center;gap:.7rem;display:flex}.gel-person-name{color:var(--text-primary,#111);font-size:.875rem;font-weight:600;line-height:1.3}.gel-person-email{color:var(--text-muted,#aaa);margin-top:1px;font-size:.73rem}.gel-role-chip{color:#0284c7;white-space:nowrap;background:#0ea5e914;border-radius:20px;align-items:center;gap:5px;padding:3px 10px;font-size:.78rem;font-weight:600;display:inline-flex}.gel-dept{color:var(--text-secondary,#666);font-size:.8rem;font-weight:500}.gel-emp-code{color:var(--text-muted,#999);align-items:center;gap:4px;font-family:Courier New,monospace;font-size:.8rem;font-weight:600;display:flex}.gel-tenure{color:var(--text-secondary,#666);white-space:nowrap;align-items:center;gap:5px;font-size:.82rem;font-weight:500;display:flex}.gel-date-cell{color:var(--text-muted,#999);white-space:nowrap;align-items:center;gap:5px;font-size:.82rem;display:flex}.gel-status-badge{white-space:nowrap;border-radius:20px;align-items:center;gap:5px;padding:3px 10px;font-size:.75rem;font-weight:700;display:inline-flex}.gel-status-badge--inactive{color:#475569;background:#f1f5f9}.gel-status-badge--terminated{color:#dc2626;background:#fef2f2}.gel-status-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.gel-status-badge--inactive .gel-status-dot{background:#94a3b8}.gel-status-badge--terminated .gel-status-dot{background:#ef4444}.gel-btn-generate{border-radius:var(--radius-md,8px);color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#0ea5e9,#0284c7);border:none;align-items:center;gap:6px;padding:.45rem .875rem;font-size:.8rem;font-weight:600;transition:opacity .18s,transform .1s,box-shadow .18s;display:inline-flex;box-shadow:0 2px 8px #0ea5e947}.gel-btn-generate:hover{opacity:.88;box-shadow:0 4px 14px #0ea5e961}.gel-btn-generate:active{transform:scale(.97)}.gel-btn-generate--full{justify-content:center;width:100%;margin-top:.75rem}.gel-mobile-cards{display:none}.gel-mobile-card{border-bottom:1px solid var(--border,#f0f0f0);padding:1rem 1.125rem}.gel-mobile-card:last-child{border-bottom:none}.gel-mobile-card-top{justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:.75rem;display:flex}.gel-mobile-card-meta{flex-wrap:wrap;gap:.5rem 1rem;margin-bottom:.25rem;display:flex}.gel-meta-item{color:var(--text-muted,#999);align-items:center;gap:5px;font-size:.78rem;display:flex}.gel-pagination{border-top:1px solid var(--border,#f0f0f0);flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;padding:1rem 1.25rem;display:flex}.gel-page-btn{border-radius:var(--radius-sm,6px);border:1.5px solid var(--border-strong,#ddd);background:var(--white,#fff);cursor:pointer;width:32px;height:32px;color:var(--text-secondary,#555);justify-content:center;align-items:center;transition:border-color .15s,color .15s;display:flex}.gel-page-btn:hover:not(:disabled){color:#0ea5e9;border-color:#0ea5e9}.gel-page-btn:disabled{opacity:.35;cursor:not-allowed}.gel-page-numbers{gap:4px;display:flex}.gel-page-num{border-radius:var(--radius-sm,6px);min-width:32px;height:32px;color:var(--text-secondary,#555);cursor:pointer;background:0 0;border:1.5px solid #0000;padding:0 6px;font-size:.82rem;font-weight:600;transition:all .15s}.gel-page-num:hover{background:var(--bg,#f5f5f5)}.gel-page-num--active{color:#0284c7;background:#0ea5e914;border-color:#0ea5e9}.gel-page-info{color:var(--text-muted,#aaa);margin-left:.25rem;font-size:.78rem}.gel-overlay{z-index:1100;background:#00000075;justify-content:center;align-items:center;padding:1rem;animation:.15s gel-fade-in;display:flex;position:fixed;inset:0}@keyframes gel-fade-in{0%{opacity:0}to{opacity:1}}.gel-modal{background:var(--white,#fff);border-radius:var(--radius-xl,16px);flex-direction:column;width:100%;max-width:580px;max-height:92vh;animation:.2s gel-slide-up;display:flex;overflow-y:auto;box-shadow:0 20px 60px #0000002e}@keyframes gel-slide-up{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.gel-modal-header{border-bottom:1.5px solid var(--border,#ebebeb);background:var(--bg,#fafafa);border-radius:var(--radius-xl,16px) var(--radius-xl,16px) 0 0;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.375rem 1.5rem;display:flex}.gel-modal-title-row{align-items:center;gap:.75rem;display:flex}.gel-modal-icon{color:#fff;background:linear-gradient(135deg,#0ea5e9,#0284c7);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.gel-modal-title{color:var(--text-primary,#111);margin:0;font-family:Syne,sans-serif;font-size:1rem;font-weight:800;line-height:1.2}.gel-modal-sub{color:var(--text-muted,#aaa);margin:2px 0 0;font-size:.78rem}.gel-modal-close{border-radius:var(--radius-sm,6px);border:1.5px solid var(--border,#ddd);cursor:pointer;width:30px;height:30px;color:var(--text-muted,#aaa);background:0 0;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.gel-modal-close:hover{color:#0ea5e9;background:#0ea5e912;border-color:#0ea5e9}.gel-modal-close:disabled{opacity:.4;cursor:not-allowed}.gel-modal-employee{border-bottom:1px solid var(--border,#f0f0f0);background:linear-gradient(135deg,#0ea5e90a,#0284c70a);flex-wrap:wrap;align-items:flex-start;gap:1rem;padding:1.125rem 1.5rem;display:flex}.gel-modal-employee-info{flex:1;min-width:0}.gel-modal-employee-name{color:var(--text-primary,#111);margin-bottom:3px;font-size:.95rem;font-weight:700}.gel-modal-employee-meta{color:var(--text-secondary,#666);flex-wrap:wrap;align-items:center;gap:6px;font-size:.78rem;display:flex}.gel-modal-employee-meta span{align-items:center;gap:4px;display:flex}.gel-meta-sep{color:var(--text-muted,#ccc)}.gel-modal-employee-tenure{color:var(--text-muted,#aaa);align-items:center;gap:5px;margin-top:4px;font-size:.73rem;display:flex}.gel-modal-body{flex:1;padding:1.375rem 1.5rem}.gel-form-grid{grid-template-columns:1fr 1fr;gap:1.125rem;display:grid}.gel-field{flex-direction:column;gap:5px;display:flex}.gel-field--full{grid-column:1/-1}.gel-label{color:var(--text-primary,#222);letter-spacing:.01em;font-size:.8rem;font-weight:700}.gel-required{color:#ef4444;margin-left:2px}.gel-input-wrap{align-items:center;display:flex;position:relative}.gel-input-icon{color:var(--text-muted,#bbb);pointer-events:none;position:absolute;left:.7rem}.gel-input{border:1.5px solid var(--border-strong,#e0e0e0);border-radius:var(--radius-md,8px);background:var(--bg,#fafafa);width:100%;color:var(--text-primary,#111);box-sizing:border-box;outline:none;padding:.625rem .875rem;font-family:inherit;font-size:.875rem;transition:border-color .18s,box-shadow .18s,background .18s}.gel-input--icon{padding-left:2.1rem}.gel-input:focus{background:var(--white,#fff);border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e917}.gel-input::placeholder{color:var(--text-muted,#ccc)}.gel-select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23aaa' stroke-width='2.5'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;padding-right:2rem}.gel-textarea{resize:vertical;min-height:70px;line-height:1.55}.gel-toggle-row{background:var(--bg,#fafafa);border:1.5px solid var(--border,#ebebeb);border-radius:var(--radius-md,8px);justify-content:space-between;align-items:center;gap:1rem;padding:.875rem 1rem;display:flex}.gel-toggle-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.gel-toggle-label{color:var(--text-primary,#222);font-size:.82rem;font-weight:700}.gel-toggle-sub{color:var(--text-muted,#aaa);font-size:.73rem;line-height:1.4}.gel-toggle{background:var(--border-strong,#ddd);cursor:pointer;border:none;border-radius:11px;flex-shrink:0;width:40px;height:22px;padding:0;transition:background .22s;position:relative}.gel-toggle--on{background:#0ea5e9}.gel-toggle-thumb{background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .22s cubic-bezier(.34,1.56,.64,1);position:absolute;top:3px;left:3px;box-shadow:0 1px 4px #0000002e}.gel-toggle--on .gel-toggle-thumb{transform:translate(18px)}.gel-modal-footer{border-top:1.5px solid var(--border,#ebebeb);background:var(--bg,#fafafa);border-radius:0 0 var(--radius-xl,16px) var(--radius-xl,16px);justify-content:flex-end;gap:.75rem;padding:1.125rem 1.5rem;display:flex}.gel-btn-cancel{border-radius:var(--radius-md,8px);border:1.5px solid var(--border-strong,#ddd);background:var(--white,#fff);color:var(--text-secondary,#555);cursor:pointer;padding:.6rem 1.25rem;font-size:.875rem;font-weight:600;transition:all .15s}.gel-btn-cancel:hover:not(:disabled){color:#0ea5e9;border-color:#0ea5e9}.gel-btn-cancel:disabled{opacity:.4;cursor:not-allowed}.gel-btn-submit{border-radius:var(--radius-md,8px);color:#fff;cursor:pointer;background:linear-gradient(135deg,#0ea5e9,#0284c7);border:none;align-items:center;gap:7px;padding:.6rem 1.375rem;font-size:.875rem;font-weight:700;transition:opacity .18s,box-shadow .18s,transform .1s;display:inline-flex;box-shadow:0 3px 10px #0ea5e952}.gel-btn-submit:hover:not(:disabled){opacity:.88;box-shadow:0 5px 16px #0ea5e966}.gel-btn-submit:active:not(:disabled){transform:scale(.98)}.gel-btn-submit:disabled{opacity:.5;cursor:not-allowed}.gel-toast-stack{z-index:9999;pointer-events:none;flex-direction:column;gap:.5rem;display:flex;position:fixed;bottom:1.5rem;right:1.5rem}.gel-toast{border-radius:10px;align-items:center;gap:.6rem;min-width:220px;max-width:340px;padding:.65rem 1rem;font-size:.85rem;font-weight:600;animation:.22s cubic-bezier(.34,1.56,.64,1) gel-toast-in;display:flex;box-shadow:0 6px 24px #00000024}@keyframes gel-toast-in{0%{opacity:0;transform:translate(28px)}to{opacity:1;transform:translate(0)}}.gel-toast--success{color:#065f46;background:#ecfdf5;border:1.5px solid #6ee7b7}.gel-toast--error{color:#991b1b;background:#fef2f2;border:1.5px solid #fca5a5}@media (width<=960px){.gel-table-wrap{display:none}.gel-mobile-cards{display:block}.gel-header{flex-direction:column;align-items:flex-start}.gel-header-controls{width:100%}.gel-filter-select{flex:none}.gel-search-wrap{flex:1;max-width:100%}}@media (width<=640px){.gel-overlay{align-items:flex-end;padding:0}.gel-modal{border-radius:var(--radius-xl,16px) var(--radius-xl,16px) 0 0;max-width:100%;max-height:96vh}.gel-modal-header{border-radius:var(--radius-xl,16px) var(--radius-xl,16px) 0 0}.gel-form-grid{grid-template-columns:1fr}.gel-field--full{grid-column:1}.gel-modal-footer{border-radius:0;flex-direction:column-reverse}.gel-btn-cancel,.gel-btn-submit{justify-content:center;width:100%}.gel-modal-employee{flex-wrap:wrap}.gel-toast-stack{bottom:1rem;left:1rem;right:1rem}.gel-toast{min-width:unset;max-width:100%}.gel-pagination{gap:.35rem}.gel-page-info{text-align:center;width:100%}}@media (width<=480px){.gel-header-controls{flex-direction:column;align-items:stretch}.gel-filter-select{width:100%;max-width:100%}.gel-search-wrap{max-width:100%}.gel-toggle-row{flex-direction:column;align-items:flex-start;gap:.75rem}}