:root{--palette-deep: #210635;--palette-dark: #420D4B;--palette-mauve: #7B337E;--palette-periwinkle: #6667AB;--palette-blush: #F5D5E0;--palette-lavender: #E7DBEF;--palette-slate: #210635;--palette-olive: #420D4B;--palette-powder: #6667AB;--palette-cream: #F5D5E0;--palette-sage: #E7DBEF}:root{--semantic-error: #dc2626;--semantic-error-bg: #fef2f2;--semantic-warning: #d97706;--semantic-warning-bg: #fef3c7;--semantic-alert: #ca8a04;--semantic-alert-bg: #fef9c3;--semantic-success: #059669;--semantic-success-bg: #d1fae5}:root{--color-primary: var(--palette-mauve);--color-primary-hover: #6a2b6d;--color-primary-light: #F5D5E0;--color-primary-glow: rgba(123, 51, 126, .3);--color-accent: var(--palette-lavender);--color-accent-light: rgba(203, 162, 234, .25);--color-text: #2d1b30;--color-text-muted: #5c4a5e;--color-bg: var(--palette-blush);--color-bg-alt: #fef7f9;--color-bg-elevated: #ffffff;--color-border: rgba(123, 51, 126, .2);--color-border-focus: var(--color-primary);--color-error: var(--semantic-error);--color-warning: var(--semantic-warning);--color-alert: var(--semantic-alert);--color-success: var(--semantic-success);--color-error-bg: var(--semantic-error-bg);--color-warning-bg: var(--semantic-warning-bg);--color-alert-bg: var(--semantic-alert-bg);--color-success-bg: var(--semantic-success-bg);--gradient-hero: linear-gradient(135deg, var(--palette-blush) 0%, var(--palette-lavender) 50%, rgba(102, 103, 171, .15) 100%);--gradient-hero-dark: linear-gradient(135deg, var(--palette-deep) 0%, var(--palette-dark) 50%, var(--palette-mauve) 100%);--gradient-auth: linear-gradient(135deg, var(--palette-deep) 0%, var(--palette-dark) 100%);--gradient-footer: linear-gradient(180deg, var(--palette-deep) 0%, var(--palette-dark) 100%);--gradient-mesh: radial-gradient(at 40% 20%, rgba(123, 51, 126, .12) 0%, transparent 50%), radial-gradient(at 80% 80%, rgba(203, 162, 234, .2) 0%, transparent 50%);--font-sans: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: 8px;--radius: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(33, 6, 53, .06);--shadow: 0 4px 14px rgba(123, 51, 126, .1), 0 2px 6px rgba(0, 0, 0, .04);--shadow-md: 0 12px 24px -4px rgba(123, 51, 126, .12), 0 4px 8px -2px rgba(0, 0, 0, .04);--shadow-lg: 0 24px 48px -12px rgba(123, 51, 126, .15), 0 8px 16px -4px rgba(0, 0, 0, .06);--shadow-glow: 0 0 40px var(--color-primary-glow);--navbar-height: 72px;--sidebar-width: 260px;--content-max: 1200px;--admin-header-height: 64px;--admin-sidebar-width: 260px;--admin-sidebar-width-collapsed: 72px;--admin-sidebar-bg: var(--palette-deep);--admin-sidebar-bg-end: var(--palette-dark);--admin-sidebar-text: rgba(255, 255, 255, .9);--admin-sidebar-hover: rgba(255, 255, 255, .1);--admin-sidebar-active: var(--palette-lavender);--admin-sidebar-accent: var(--palette-lavender);--admin-header-bg: var(--palette-dark);--admin-header-gradient: linear-gradient(135deg, var(--palette-deep) 0%, var(--palette-dark) 100%);--candidate-header-height: 60px;--candidate-nav-bg: var(--palette-blush);--candidate-nav-border: rgba(123, 51, 126, .15);--candidate-nav-active: var(--palette-mauve);--candidate-nav-text: var(--color-text);--website-nav-bg: var(--palette-deep);--website-hero-gradient: linear-gradient(135deg, var(--palette-deep) 0%, var(--palette-dark) 45%, var(--palette-mauve) 100%);--website-footer-bg: var(--palette-deep);--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--duration: .35s;--duration-slow: .6s}html{height:100%;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0;min-height:100%;height:100%;font-family:var(--font-sans);font-size:16px;line-height:1.6;color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUpHero{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-12px) scale(1.02)}}@keyframes floatSlow{0%,to{transform:translate(0)}33%{transform:translate(6px,-8px)}66%{transform:translate(-4px,4px)}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes pulseSoft{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.02)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes iconBounce{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}@keyframes glowPulse{0%,to{box-shadow:0 0 20px var(--color-primary-glow)}50%{box-shadow:0 0 32px var(--color-primary-glow)}}@keyframes adminSubmenuOpen{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes adminContentIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}a{color:var(--color-primary);text-decoration:none;transition:color .2s ease}a:hover{color:var(--color-primary-hover)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-4);border-radius:var(--radius);border:none;cursor:pointer;font-family:var(--font-sans);font-size:.9375rem;font-weight:600;transition:background .2s ease,transform .1s ease}.btn:active{transform:scale(.98)}.btn-primary{background:var(--color-primary);color:#fff;position:relative;overflow:hidden}.btn-primary:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 0%,rgba(255,255,255,.2) 50%,transparent 100%);background-size:200% 100%;animation:shimmer 2s ease-in-out infinite;opacity:0;transition:opacity var(--duration) var(--ease-out)}.btn-primary:hover{background:var(--color-primary-hover);box-shadow:var(--shadow-md)}.btn-primary:hover:after{opacity:1;animation:shimmer .8s ease-in-out}.btn-secondary{background:var(--color-bg-elevated);color:var(--color-text)}.btn-secondary:hover{background:var(--color-border)}.btn-ghost{background:transparent;color:var(--color-text)}.btn-ghost:hover{background:var(--color-bg-alt)}.input-group{margin-bottom:var(--space-4)}.input-group label{display:block;margin-bottom:var(--space-1);font-size:.875rem;font-weight:500;color:var(--color-text)}.input{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius);font-family:var(--font-sans);font-size:1rem;transition:border-color .2s ease,box-shadow .2s ease}.input:focus{outline:none;border-color:var(--color-border-focus);box-shadow:0 0 0 3px var(--color-primary-light)}.input:focus-visible{box-shadow:0 0 0 3px var(--color-primary-light)}.input::placeholder{color:var(--color-text-muted)}.input-error{display:block;margin-top:var(--space-1);color:var(--color-error);font-size:.8125rem}.page-content{padding:var(--space-6);animation:adminContentIn var(--duration) var(--ease-out)}.page-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-4);margin-bottom:var(--space-6)}.page-header h1{margin:0;font-size:1.5rem;font-weight:700;color:var(--color-text)}.text-muted{color:var(--color-text-muted);font-size:.9375rem;margin-bottom:var(--space-4)}.mt-4{margin-top:var(--space-6)}.card{background:var(--color-bg-elevated);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;border:1px solid var(--color-border)}.main-content .card{background:#fff;border-color:#7b337e1f}.card-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border);background:var(--color-bg-alt)}.main-content .card-header{background:#f5ebfa;border-bottom-color:#7b337e26}.card-title{margin:0;font-size:1.125rem;font-weight:600;color:var(--color-text)}.card-body{padding:var(--space-5)}.card-body .table{margin:0}.stat-card{display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-5);background:var(--color-bg-elevated);border-radius:var(--radius);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);transition:box-shadow var(--duration) var(--ease-out)}.stat-card:hover{box-shadow:var(--shadow)}.stat-card-icon{color:var(--color-primary);flex-shrink:0}.stat-card-content{display:flex;flex-direction:column;gap:var(--space-1)}.stat-card-label{font-size:.875rem;color:var(--color-text-muted);font-weight:500}.stat-card-value{font-size:1.5rem;font-weight:700;color:var(--color-text)}.badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);font-size:.75rem;font-weight:600}.badge-default{background:var(--color-bg-alt);color:var(--color-text)}.badge-success{background:var(--color-success-bg);color:var(--color-success)}.badge-warning{background:var(--color-warning-bg);color:var(--color-warning)}.badge-error{background:var(--color-error-bg);color:var(--color-error)}.badge-info{background:var(--color-alert-bg);color:var(--color-alert)}.form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--space-4)}.form-grid .form-actions{grid-column:1 / -1;display:flex;gap:var(--space-3);flex-wrap:wrap}.list-bullet{list-style:disc;padding-left:var(--space-6);margin:0 0 var(--space-4)}.list-bullet li{margin-bottom:var(--space-2)}.flex{display:flex}.gap-2{gap:var(--space-2)}.mb-4{margin-bottom:var(--space-6)}.job-cards-list{display:flex;flex-direction:column;gap:var(--space-4)}.job-card-wire{padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg-alt)}.job-card-wire-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-2)}.job-card-wire-title{margin:0;font-size:1.125rem;font-weight:600}.job-card-wire-meta{margin:0 0 var(--space-2);font-size:.875rem;color:var(--color-text-muted)}.job-card-wire-desc{margin:0 0 var(--space-3);font-size:.9375rem}.job-card-wire-actions{display:flex;gap:var(--space-2)}.input-readonly{background:var(--color-bg-alt);cursor:default}.form-wide{max-width:640px}.form-grid .full-width{grid-column:1 / -1}.options-list{display:flex;flex-direction:column;gap:var(--space-2)}.option-row{display:flex;align-items:center;gap:var(--space-2)}.option-row .input{flex:1}.exam-list{display:flex;flex-direction:column;gap:var(--space-3)}.exam-card-wire{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg-alt)}.exam-card-head{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.exam-card-head h3{margin:0;font-size:1.125rem}.text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-grid-with-panel{display:grid;grid-template-columns:1fr 320px;gap:var(--space-8);align-items:start}.dashboard-widgets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-4)}.dashboard-right-panel{display:flex;flex-direction:column;gap:var(--space-4);position:sticky;top:calc(var(--admin-header-height) + var(--space-4))}.dashboard-panel-card .card-body{padding:var(--space-4)}.alerts-list{margin:0;padding-left:var(--space-5)}.alerts-list li{margin-bottom:var(--space-2);font-size:.9375rem}.compliance-status{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);font-size:.9375rem}.compliance-dot{width:8px;height:8px;border-radius:50%}.compliance-ok{background:var(--color-success)}.compliance-warn{background:var(--color-warning)}.exam-duration-badge{font-size:.75rem;color:var(--color-text-muted);margin-left:var(--space-2)}.exam-take-page{max-width:1000px;margin:0 auto;padding:var(--space-6)}.exam-take-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-4);margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border)}.exam-take-title h1{margin:0 0 var(--space-1);font-size:1.25rem}.exam-duration-label{font-size:.875rem;color:var(--color-text-muted)}.exam-take-timer{font-size:1.25rem;font-weight:700;color:var(--color-text)}.exam-timer-warning{color:var(--color-error)}.exam-anticheat{margin-bottom:var(--space-6);padding:var(--space-4);background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:var(--radius)}.exam-webcam-placeholder{width:160px;height:120px;background:var(--color-border);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;font-size:.75rem;color:var(--color-text-muted);margin-bottom:var(--space-2)}.exam-browser-warning{margin:0;font-size:.8125rem;color:var(--color-warning)}.exam-take-body{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8);margin-bottom:var(--space-8)}@media(max-width:700px){.exam-take-body,.dashboard-grid-with-panel{grid-template-columns:1fr}}.exam-question-panel h2{margin:0 0 var(--space-3);font-size:1rem;color:var(--color-text-muted)}.exam-question-text{margin:0 0 var(--space-2);font-size:1.125rem;font-weight:500}.exam-question-meta{font-size:.875rem;color:var(--color-text-muted)}.exam-answer-panel h3{margin:0 0 var(--space-3);font-size:1rem}.exam-options{display:flex;flex-direction:column;gap:var(--space-2)}.exam-option{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:2px solid var(--color-border);border-radius:var(--radius);cursor:pointer;transition:border-color .2s ease,background .2s ease}.exam-option:hover,.exam-option.selected{border-color:var(--color-primary);background:var(--color-primary-light)}.exam-option input{margin:0}.exam-take-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.exam-nav-buttons{display:flex;gap:var(--space-3)}.exam-question-dots{display:flex;flex-wrap:wrap;gap:var(--space-1)}.exam-dot{width:36px;height:36px;border-radius:var(--radius);border:1px solid var(--color-border);background:var(--color-bg-elevated);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.exam-dot:hover{border-color:var(--color-primary)}.exam-dot.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.exam-dot.answered{background:var(--color-success-bg);color:var(--color-success)}.exam-submitted{display:flex;align-items:center;justify-content:center;min-height:40vh}.exam-submitted-box{text-align:center}.exam-submitted-box h2{margin:0 0 var(--space-2)}.exam-submitted-box p{margin:0 0 var(--space-6);color:var(--color-text-muted)}.ticket-filters{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-4)}.kanban-board{display:flex;gap:var(--space-4);overflow-x:auto;padding-bottom:var(--space-4);margin-top:var(--space-4)}.kanban-column{min-width:200px;max-width:220px;background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-3)}.kanban-column-title{margin:0 0 var(--space-3);font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted)}.kanban-cards{display:flex;flex-direction:column;gap:var(--space-2)}.kanban-card{padding:var(--space-3);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius);font-size:.9375rem}.kanban-card strong{display:block;margin-bottom:var(--space-1)}.kanban-card-meta{display:block;font-size:.8125rem;color:var(--color-text-muted)}.kanban-card-date{display:block;font-size:.75rem;color:var(--color-text-muted);margin-top:var(--space-1)}.kanban-card-btn{width:100%;text-align:left;cursor:pointer;border:none;font:inherit;transition:box-shadow .2s ease,border-color .2s ease}.kanban-card-btn:hover{border-color:var(--color-primary);box-shadow:var(--shadow)}.kanban-modal-backdrop{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4)}.kanban-modal{background:var(--color-bg-elevated);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-width:440px;width:100%;max-height:90vh;overflow:auto}.kanban-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border)}.kanban-modal-header h2{margin:0;font-size:1.25rem;font-weight:600}.kanban-modal-close{width:36px;height:36px;border:none;background:transparent;font-size:1.5rem;line-height:1;color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius);transition:background .2s ease,color .2s ease}.kanban-modal-close:hover{background:var(--color-bg-alt);color:var(--color-text)}.kanban-modal-body{padding:var(--space-5)}.kanban-modal-meta{margin:0 0 var(--space-2);font-size:.9375rem;color:var(--color-text-muted)}.kanban-modal-hr{border:none;border-top:1px solid var(--color-border);margin:var(--space-4) 0}.kanban-modal-subtitle{margin:0 0 var(--space-3);font-size:1rem;font-weight:600}.kanban-modal-dl{margin:0;font-size:.9375rem}.kanban-modal-dl dt{margin-top:var(--space-2);font-weight:600;color:var(--color-text-muted);font-size:.8125rem}.kanban-modal-dl dd{margin:var(--space-1) 0 0}.kanban-modal-dl dd a{color:var(--color-primary);text-decoration:none}.kanban-modal-dl dd a:hover{text-decoration:underline}.btn-sm{padding:var(--space-1) var(--space-3);font-size:.8125rem}.data-table-wrap{width:100%}.data-table-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4);margin-bottom:var(--space-4);padding:var(--space-2) 0}.data-table-toolbar-footer{margin-top:var(--space-4);margin-bottom:0;padding-top:var(--space-3);border-top:1px solid var(--color-border)}.data-table-search-wrap{flex:1;min-width:180px}.data-table-search{width:100%;max-width:280px;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius);font-size:.9375rem;font-family:var(--font-sans);background:var(--color-bg)}.data-table-search::placeholder{color:var(--color-text-muted)}.data-table-search:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-light)}.data-table-pagination-wrap{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4)}.data-table-page-size{display:flex;align-items:center;gap:var(--space-2)}.data-table-page-size label{font-size:.875rem;color:var(--color-text-muted);white-space:nowrap}.data-table-page-size-select{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius);font-size:.875rem;font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text)}.data-table-page-info{font-size:.875rem;color:var(--color-text-muted)}.data-table-page-btns{display:flex;gap:var(--space-2)}.data-table-page-btn{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius);font-size:.875rem;font-weight:500;background:var(--color-bg-elevated);color:var(--color-text);cursor:pointer;transition:border-color .2s ease,background .2s ease}.data-table-page-btn:hover:not(:disabled){border-color:var(--color-primary);background:var(--color-primary-light);color:var(--color-primary)}.data-table-page-btn:disabled{opacity:.5;cursor:not-allowed}.data-table-empty-filtered{margin-top:0}@media(max-width:768px){.data-table-toolbar{flex-direction:column;align-items:stretch}.data-table-search-wrap .data-table-search{max-width:none}.data-table-pagination-wrap{justify-content:space-between}}.data-table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-elevated);box-shadow:0 1px 2px #0000000a}.data-table{width:100%;border-collapse:collapse;font-size:.8125rem;line-height:1.35;min-width:480px}.data-table th,.data-table td{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);text-align:left;white-space:nowrap;line-height:1.35}.data-table th{font-size:.75rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--color-text-muted);background:var(--color-bg-alt);position:sticky;top:0;z-index:1;border-bottom:2px solid var(--color-border);padding:var(--space-2) var(--space-3);line-height:1.3}.data-table td{background:var(--color-bg-elevated);font-size:.8125rem}.data-table tbody tr:hover td{background:var(--color-bg-alt)}.data-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.data-table th.sortable:hover{color:var(--color-primary)}.data-table-sort{margin-left:var(--space-1);font-size:.6875rem;opacity:.8}.data-table-compact .data-table th,.data-table-compact .data-table td{padding:var(--space-1) var(--space-2);font-size:.75rem;line-height:1.3}.data-table-empty{padding:var(--space-8);text-align:center;color:var(--color-text-muted);background:var(--color-bg-alt);border-radius:var(--radius);border:1px dashed var(--color-border)}.data-table-empty p{margin:0}.data-table-cards{display:none}@media(max-width:768px){.data-table-scroll{display:none}.data-table-cards{display:flex;flex-direction:column;gap:var(--space-3)}.data-table-card{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-4);box-shadow:var(--shadow-sm)}.data-table-card-row{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-2) 0;border-bottom:1px solid var(--color-border)}.data-table-card-row:last-child{border-bottom:none}.data-table-card-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted)}.data-table-card-value{font-size:.9375rem;color:var(--color-text);word-break:break-word;white-space:normal}}.table{width:100%;border-collapse:collapse;font-size:.8125rem;line-height:1.35;border:1px solid var(--color-border);border-radius:var(--radius-sm);overflow:hidden;box-shadow:0 1px 2px #0000000a}.table th,.table td{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);text-align:left;line-height:1.35}.table th{font-size:.75rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--color-text-muted);background:var(--color-bg-alt);border-bottom:2px solid var(--color-border);line-height:1.3}.table td{background:var(--color-bg-elevated);font-size:.8125rem}.table tbody tr:hover td{background:var(--color-bg-alt)}.card-body .data-table-wrap,.card-body .data-table-empty{margin:0}.modal-overlay{position:fixed;inset:0;background:#0f172a80;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{background:var(--color-bg);padding:var(--space-8);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-width:90vw;max-height:90vh;overflow:auto}.website-layout{min-height:100vh;display:flex;flex-direction:column}.website-content{flex:1}.navbar{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-3);min-height:var(--navbar-height);height:auto;padding:var(--space-3) var(--space-4);background:var(--website-nav-bg);border-bottom:1px solid rgba(255,255,255,.1);box-shadow:0 2px 16px #21063540;transition:box-shadow var(--duration) var(--ease-out)}.navbar-toggle{display:none;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;padding:0;border:none;background:#ffffff1a;border-radius:var(--radius);cursor:pointer;transition:background var(--duration) var(--ease-out)}.navbar-toggle:hover{background:#fff3}.hamburger{display:block;width:20px;height:2px;margin:0 auto;background:#fff;border-radius:1px;transition:transform var(--duration) var(--ease-out),opacity var(--duration) var(--ease-out)}.hamburger:nth-child(1)[data-open=true]{transform:translateY(7px) rotate(45deg)}.hamburger:nth-child(2)[data-open=true]{opacity:0}.hamburger:nth-child(3)[data-open=true]{transform:translateY(-7px) rotate(-45deg)}.navbar-collapse{display:flex;align-items:center;gap:var(--space-4)}@media(max-width:768px){.navbar-toggle{display:flex}.navbar-collapse{display:none;width:100%;flex-direction:column;align-items:stretch;padding:var(--space-4) 0;animation:slideUp .25s var(--ease-out)}.navbar-collapse.is-open{display:flex}.navbar-menu{flex-direction:column;width:100%;gap:0}.navbar-menu a{display:block;padding:var(--space-3) var(--space-4);width:100%}.navbar-cta{flex-direction:column;width:100%}.navbar-cta .btn-nav{justify-content:center;width:100%}}.navbar-brand{font-size:1.375rem;font-weight:700;color:#fff!important;letter-spacing:-.02em}.navbar-brand:hover{color:var(--palette-lavender)!important;text-decoration:none}.navbar-menu{display:flex;align-items:center;list-style:none;gap:var(--space-1);margin:0;padding:0}.navbar-menu a{position:relative;padding:var(--space-2) var(--space-3);border-radius:var(--radius);font-size:.9375rem;font-weight:500;color:#ffffffe6!important;transition:color var(--duration) var(--ease-out),background var(--duration) var(--ease-out)}.navbar-menu a:after{content:"";position:absolute;bottom:4px;left:var(--space-3);right:var(--space-3);height:2px;background:var(--palette-lavender);border-radius:1px;transform:scaleX(0);transition:transform var(--duration) var(--ease-out)}.navbar-menu a:hover{background:#ffffff14;color:#fff!important;text-decoration:none}.navbar-menu a:hover:after{transform:scaleX(1)}.navbar-cta{display:flex;align-items:center;gap:var(--space-2)}.navbar-cta .btn-nav{padding:var(--space-2) var(--space-4);border-radius:var(--radius);font-size:.9375rem;font-weight:600;text-decoration:none;transition:all .2s ease}.navbar-cta .btn-nav-outline{color:var(--palette-lavender);border:1.5px solid var(--palette-lavender);background:transparent}.navbar-cta .btn-nav-outline:hover{background:#cba2ea33;text-decoration:none;color:#fff}.navbar-cta .btn-nav-solid{background:var(--palette-mauve);color:#fff;border:none;box-shadow:var(--shadow-sm);transition:all var(--duration) var(--ease-out)}.navbar-cta .btn-nav-solid:hover{background:var(--palette-periwinkle);transform:translateY(-1px);box-shadow:var(--shadow);text-decoration:none;color:#fff}.hero{position:relative;padding:var(--space-16) var(--space-8);text-align:center;background:var(--website-hero-gradient);background-size:200% 200%;animation:gradientShift 12s ease infinite;overflow:hidden;color:#fff}.hero:before{content:"";position:absolute;top:-50%;left:-20%;width:70%;height:140%;background:radial-gradient(ellipse,rgba(203,162,234,.2) 0%,transparent 60%);pointer-events:none;animation:floatSlow 20s ease-in-out infinite}.hero:after{content:"";position:absolute;bottom:-30%;right:-10%;width:50%;height:80%;background:radial-gradient(ellipse,rgba(124,58,237,.06) 0%,transparent 60%);pointer-events:none;animation:floatSlow 18s ease-in-out infinite reverse}.hero-orb{position:absolute;border-radius:50%;filter:blur(60px);opacity:.5;pointer-events:none}.hero-orb-1{width:300px;height:300px;background:#cba2ea40;top:10%;right:15%;animation:float 8s ease-in-out infinite}.hero-orb-2{width:200px;height:200px;background:#6667ab33;bottom:20%;left:10%;animation:float 10s ease-in-out infinite 1s}.hero-content{position:relative;z-index:1;max-width:640px;margin:0 auto;animation:slideUpHero .8s var(--ease-out)}.hero-badge{display:inline-block;padding:var(--space-2) var(--space-4);margin-bottom:var(--space-4);font-size:.8125rem;font-weight:600;color:var(--palette-deep);background:var(--palette-lavender);border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);animation:pulseSoft 3s ease-in-out infinite}.hero h1{margin:0 0 var(--space-4);font-size:clamp(2rem,5vw,3rem);font-weight:700;line-height:1.2;letter-spacing:-.03em;color:#fff}.hero p{margin:0 0 var(--space-8);font-size:1.125rem;color:#ffffffe6}.hero-cta{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center}.hero-cta a{display:inline-flex;align-items:center;padding:var(--space-3) var(--space-6);border-radius:var(--radius);font-size:1rem;font-weight:600;text-decoration:none;transition:all var(--duration) var(--ease-out)}.hero-cta .btn-hero-primary{background:var(--palette-mauve);color:#fff;box-shadow:var(--shadow)}.hero-cta .btn-hero-primary:hover{background:var(--palette-periwinkle);transform:translateY(-3px);box-shadow:var(--shadow-glow);text-decoration:none;color:#fff}.hero-cta .btn-hero-secondary{background:#fffffff2;color:var(--palette-deep);border:2px solid rgba(255,255,255,.5)}.hero-cta .btn-hero-secondary:hover{border-color:#fff;color:var(--palette-deep);background:#fff;transform:translateY(-2px);text-decoration:none}.page-section{max-width:var(--content-max);margin:0 auto;padding:var(--space-16) var(--space-8)}.page-section h1{margin:0 0 var(--space-4);font-size:2rem;font-weight:700;letter-spacing:-.02em;color:var(--color-text)}.section-heading{margin:0 0 var(--space-2);font-size:1.5rem;font-weight:700;letter-spacing:-.02em;color:var(--color-text)}.section-lead{margin:0 0 var(--space-10);font-size:1.125rem;color:var(--color-text-muted);max-width:560px}.home-cta-strip{background:linear-gradient(135deg,var(--palette-deep) 0%,var(--palette-dark) 100%);color:#fff;border-radius:var(--radius-lg);margin-top:var(--space-12);margin-bottom:var(--space-12)}.home-cta-inner{text-align:center;max-width:520px;margin:0 auto}.home-cta-strip h2{margin:0 0 var(--space-2);font-size:1.5rem;font-weight:700;color:#fff}.home-cta-strip p{margin:0 0 var(--space-6);font-size:1rem;opacity:.92}.home-cta-strip .btn-hero-primary{background:#fff;color:var(--palette-deep)}.home-cta-strip .btn-hero-primary:hover{background:var(--palette-blush);color:var(--palette-deep)}.home-cta-strip .btn-hero-secondary{background:transparent;color:#fff;border-color:#fff9}.home-cta-strip .btn-hero-secondary:hover{background:#ffffff26;border-color:#fff;color:#fff}.features-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--space-6);margin-top:var(--space-12)}.feature-card{padding:var(--space-6);background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all var(--duration) var(--ease-out);animation:slideUp .6s var(--ease-out) backwards;position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--palette-mauve),var(--palette-periwinkle));transform:scaleX(0);transform-origin:left;transition:transform var(--duration) var(--ease-out)}.feature-card:nth-child(1){animation-delay:.1s}.feature-card:nth-child(2){animation-delay:.2s}.feature-card:nth-child(3){animation-delay:.3s}.feature-card:hover{box-shadow:var(--shadow-lg);border-color:transparent;transform:translateY(-6px)}.feature-card:hover:before{transform:scaleX(1)}.feature-card:hover .icon{animation:iconBounce .5s var(--ease-out)}.feature-card .icon{width:52px;height:52px;display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-4);font-size:1.5rem;background:var(--color-primary-light);color:var(--color-primary);border-radius:var(--radius);transition:transform var(--duration) var(--ease-out)}.feature-card h3{margin:0 0 var(--space-2);font-size:1.125rem;font-weight:600;color:var(--color-text)}.feature-card p{margin:0;font-size:.9375rem;color:var(--color-text-muted);line-height:1.5}.footer{margin-top:auto;padding:var(--space-12) var(--space-8);background:var(--website-footer-bg);color:#ffffffe6}.footer-col a{transition:color var(--duration) var(--ease-out),transform .2s ease}.footer-col a:hover{transform:translate(4px)}.footer-inner{max-width:var(--content-max);margin:0 auto;display:grid;grid-template-columns:2fr repeat(3,1fr);gap:var(--space-10)}@media(max-width:768px){.footer-inner{grid-template-columns:1fr 1fr}}.footer-brand{font-size:1.25rem;font-weight:700;color:#fff!important}.footer-brand:hover{text-decoration:none;color:#fff;opacity:.9}.footer-desc{margin:var(--space-3) 0 0;font-size:.9375rem;line-height:1.6;max-width:280px}.footer-col h4{margin:0 0 var(--space-3);font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#ffffff80}.footer-col ul{list-style:none;margin:0;padding:0}.footer-col li{margin-bottom:var(--space-2)}.footer-col a{color:#fffc;font-size:.9375rem}.footer-col a:hover{color:#fff;text-decoration:none}.footer-bottom{max-width:var(--content-max);margin:var(--space-10) auto 0;padding-top:var(--space-6);border-top:1px solid rgba(255,255,255,.1);font-size:.875rem;color:#ffffff80}.vacancy-page{padding-bottom:var(--space-16)}.vacancy-hero{background:var(--gradient-hero-dark);color:#fff;padding:var(--space-12) var(--space-6) var(--space-10);text-align:center;margin-bottom:0}.vacancy-hero-inner{max-width:var(--content-max);margin:0 auto}.vacancy-hero-badge{display:inline-block;font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;opacity:.9;margin-bottom:var(--space-3)}.vacancy-hero-title{margin:0 0 var(--space-3);font-size:clamp(1.75rem,4vw,2.25rem);font-weight:700;line-height:1.2}.vacancy-hero-lead{font-size:1.0625rem;opacity:.9;max-width:520px;margin:0 auto}.vacancy-content{max-width:var(--content-max);margin:0 auto;padding:var(--space-8) var(--space-6) 0}.vacancy-filters-bar{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-6);box-shadow:var(--shadow-sm)}.vacancy-filters-inner{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.vacancy-filters-label{font-size:.875rem;font-weight:600;color:var(--color-text-muted);margin-right:var(--space-2)}.vacancy-filter-select{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius);font-size:.9375rem;font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg);min-width:160px}.vacancy-result-count{font-size:.875rem;color:var(--color-text-muted);margin-left:auto}.vacancy-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-6)}.vacancy-card-link{text-decoration:none;color:inherit;display:block}.vacancy-card-link:hover .vacancy-card{border-color:var(--color-primary);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.vacancy-card-link:hover .vacancy-card-cta{color:var(--color-primary)}.vacancy-card{padding:var(--space-6);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all var(--duration) var(--ease-out);position:relative;overflow:hidden;height:100%;display:flex;flex-direction:column}.vacancy-card-accent{position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--gradient-hero-dark);opacity:.9}.vacancy-card-dept{display:inline-block;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-primary);margin-bottom:var(--space-2)}.vacancy-card-title{margin:0 0 var(--space-3);font-size:1.125rem;font-weight:600;color:var(--color-text);line-height:1.3}.vacancy-card-meta{display:flex;flex-wrap:wrap;gap:var(--space-3);margin:0 0 var(--space-3);font-size:.9375rem;color:var(--color-text-muted)}.vacancy-card-meta-item{display:inline-flex;align-items:center;gap:var(--space-1)}.vacancy-card-icon{font-size:.875rem}.vacancy-card-tags{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-3)}.vacancy-tag{display:inline-block;padding:var(--space-1) var(--space-2);font-size:.8125rem;font-weight:500;color:var(--color-text-muted);background:var(--color-bg-alt);border-radius:var(--radius-sm)}.vacancy-tag-salary{color:var(--color-primary);font-weight:600;background:var(--color-primary-light)}.vacancy-card-cta{margin-top:auto;font-size:.9375rem;font-weight:600;color:var(--color-text-muted);transition:color var(--duration) var(--ease-out)}.vacancy-empty{grid-column:1 / -1;padding:var(--space-12);text-align:center;background:var(--color-bg-alt);border-radius:var(--radius-lg);border:1px dashed var(--color-border);color:var(--color-text-muted)}.vacancy-empty-icon{font-size:2.5rem;margin-bottom:var(--space-3);opacity:.7}.vacancy-empty h3{margin:0 0 var(--space-2);font-size:1.125rem;color:var(--color-text)}.vacancy-empty p{margin:0 0 var(--space-4);font-size:.9375rem}.vacancy-detail-page{max-width:720px;margin:0 auto;padding:var(--space-8) var(--space-6) var(--space-16)}.vacancy-detail-wrap{padding:0}.vacancy-detail-back{display:inline-flex;align-items:center;gap:var(--space-1);margin-bottom:var(--space-6);color:var(--color-text-muted);font-size:.9375rem;font-weight:500;text-decoration:none;transition:color var(--duration) var(--ease-out)}.vacancy-detail-back:hover{color:var(--color-primary)}.vacancy-detail-header{margin-bottom:var(--space-8);padding-bottom:var(--space-6);border-bottom:1px solid var(--color-border)}.vacancy-detail-badge{display:inline-block;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-primary);margin-bottom:var(--space-2)}.vacancy-detail-title{margin:0 0 var(--space-2);font-size:clamp(1.5rem,3vw,1.875rem);font-weight:700;line-height:1.25;color:var(--color-text)}.vacancy-detail-subtitle{margin:0 0 var(--space-5);font-size:1rem;color:var(--color-text-muted)}.vacancy-detail-highlights{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--space-4);padding:var(--space-4);background:var(--color-bg-alt);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.vacancy-detail-highlight{display:flex;flex-direction:column;gap:var(--space-1)}.vacancy-detail-highlight-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted)}.vacancy-detail-highlight-value{font-size:.9375rem;font-weight:600;color:var(--color-text)}.vacancy-detail-body{margin-bottom:var(--space-8)}.vacancy-detail-section{margin-bottom:var(--space-6)}.vacancy-detail-section h2{margin:0 0 var(--space-3);font-size:1.125rem;font-weight:600;color:var(--color-text)}.vacancy-detail-desc{margin:0;font-size:1rem;line-height:1.7;color:var(--color-text)}.vacancy-detail-skills{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:var(--space-2)}.vacancy-detail-skill-pill{padding:var(--space-2) var(--space-3);font-size:.875rem;font-weight:500;color:var(--color-text);background:var(--color-primary-light);border-radius:var(--radius-full);border:1px solid var(--color-border)}.vacancy-detail-footer{position:sticky;bottom:0;background:var(--color-bg);padding:var(--space-5) 0;margin:0 calc(-1 * var(--space-6));padding-left:var(--space-6);padding-right:var(--space-6);border-top:1px solid var(--color-border);box-shadow:0 -4px 20px #0000000a}.vacancy-detail-footer-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-4)}.vacancy-detail-footer-text{display:flex;flex-direction:column;gap:var(--space-1)}.vacancy-detail-footer-text strong{font-size:1rem;color:var(--color-text)}.vacancy-detail-footer-text span{font-size:.875rem;color:var(--color-text-muted)}.vacancy-detail-footer-actions{display:flex;gap:var(--space-3);flex-wrap:wrap}.btn-apply{padding:var(--space-3) var(--space-5);font-weight:600}.vacancy-detail-notfound{display:flex;align-items:center;justify-content:center;min-height:50vh;padding:var(--space-8)}.vacancy-detail-notfound-box{text-align:center;max-width:400px}.vacancy-detail-notfound-box h1{margin:0 0 var(--space-2);font-size:1.5rem;color:var(--color-text)}.vacancy-detail-notfound-box p{margin:0 0 var(--space-5);color:var(--color-text-muted)}.calendar-wrap{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-sm);max-width:320px}.calendar-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4);padding:0 var(--space-2)}.calendar-nav-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg);font-size:1.25rem;color:var(--color-text);cursor:pointer;transition:background .2s ease,border-color .2s ease}.calendar-nav-btn:hover{background:var(--color-bg-alt);border-color:var(--color-primary);color:var(--color-primary)}.calendar-title{font-size:1rem;font-weight:600;color:var(--color-text)}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.calendar-weekday{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--color-text-muted);padding:var(--space-1) 0;text-align:center}.calendar-day{aspect-ratio:1;min-height:36px;display:flex;align-items:center;justify-content:center;border:none;border-radius:var(--radius-sm);background:transparent;font-size:.9375rem;font-weight:500;color:var(--color-text);cursor:pointer;transition:background .2s ease,color .2s ease}.calendar-day:hover:not(.disabled):not(.selected){background:var(--color-bg-alt);color:var(--color-primary)}.calendar-day.selected{background:var(--color-primary);color:#fff;font-weight:600}.calendar-day.today{box-shadow:0 0 0 2px var(--color-primary)}.calendar-day.highlighted:not(.selected){background:var(--color-accent-light);color:var(--color-text)}.calendar-day.disabled{color:var(--color-text-muted);opacity:.5;cursor:not-allowed}.calendar-day-empty{cursor:default;min-height:36px}.calendar-compact .calendar-day{min-height:28px;font-size:.8125rem}.calendar-compact .calendar-weekday{font-size:.625rem}.calendar-legend{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-3);font-size:.8125rem;color:var(--color-text-muted)}.calendar-legend-dot{width:10px;height:10px;border-radius:50%}.calendar-legend-dot.highlighted{background:var(--color-accent)}.employee-form{max-width:900px}.employee-form-card{margin-bottom:var(--space-6)}.employee-form-pan-row{display:flex;flex-wrap:wrap;gap:var(--space-6);align-items:flex-start}.employee-form-photo-wrap{flex-shrink:0}.employee-form-photo{width:140px;height:180px;border:2px dashed var(--color-border);border-radius:var(--radius);background:var(--color-bg-alt);display:flex;align-items:center;justify-content:center;position:relative;color:var(--color-text-muted);font-size:.875rem}.employee-form-photo-input{position:absolute;inset:0;opacity:0;cursor:pointer}.employee-form-photo-hint{margin:var(--space-2) 0 0;font-size:.75rem;color:var(--color-text-muted)}.employee-form-pan-fields{flex:1;min-width:260px;display:flex;flex-direction:column;gap:var(--space-4)}.form-row-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}@media(max-width:600px){.form-row-2{grid-template-columns:1fr}}.employee-form-source{display:flex;flex-direction:column;gap:var(--space-2)}.radio-wrap{display:flex;align-items:center;gap:var(--space-2);cursor:pointer;font-size:.9375rem}.radio-wrap input{margin:0}.employee-form-shift-card{border-left:4px solid var(--color-primary)}.employee-form-actions{margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.required{color:var(--color-error)}.convert-summary{padding:var(--space-4);background:var(--color-bg-alt);border-radius:var(--radius);border:1px solid var(--color-border);margin-top:var(--space-3)}.convert-summary p{margin:0 0 var(--space-2);font-size:.9375rem}.convert-summary .btn{margin-top:var(--space-4)}.movement-esi-badge{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2)}.movement-esi-label{font-size:.875rem;font-weight:600;color:var(--color-text)}.movement-esi-hint{font-size:.8125rem;color:var(--color-text-muted);width:100%}.holiday-layout{display:grid;grid-template-columns:340px 1fr;gap:var(--space-6);align-items:start}@media(max-width:900px){.holiday-layout{grid-template-columns:1fr}}.holiday-year-select{margin-bottom:var(--space-4)}.holiday-year-select label{display:block;font-size:.875rem;font-weight:500;margin-bottom:var(--space-1)}.holiday-day-detail{margin-top:var(--space-4);padding:var(--space-3);background:var(--color-bg-alt);border-radius:var(--radius);font-size:.9375rem}.holiday-day-detail ul{margin:var(--space-2) 0 0;padding-left:var(--space-5)}.checkbox-wrap{display:flex;align-items:center;gap:var(--space-2);cursor:pointer;font-weight:400}.checkbox-wrap input{margin:0}.mb-6{margin-bottom:var(--space-6)}.salary-form-section{grid-column:1 / -1}.salary-form-heading{margin:var(--space-4) 0 var(--space-2);font-size:1rem;font-weight:600;color:var(--color-text)}.salary-form-sum{display:block;font-weight:600;color:var(--color-text);margin-top:var(--space-2)}.salary-form-net{font-size:1.125rem;color:var(--color-primary)}.leave-bal-cell{white-space:nowrap}.auth-layout{min-height:100vh;width:100%;display:flex;flex-direction:column}.auth-split{flex:1;display:flex;min-height:100vh}.auth-panel-left{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;padding:var(--space-12) var(--space-10);background:linear-gradient(160deg,var(--palette-slate) 0%,var(--palette-olive) 100%);color:#fff;position:relative;overflow:hidden}.auth-panel-left:before{content:"";position:absolute;top:-40%;right:-20%;width:70%;height:120%;background:radial-gradient(circle,rgba(255,255,255,.12) 0%,transparent 55%);pointer-events:none}.auth-panel-left:after{content:"";position:absolute;bottom:-30%;left:-10%;width:50%;height:80%;background:radial-gradient(circle,rgba(255,255,255,.06) 0%,transparent 60%);pointer-events:none}.auth-badge{display:inline-block;align-self:flex-start;padding:var(--space-1) var(--space-3);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;background:#fff3;border-radius:var(--radius-full);margin-bottom:var(--space-6);position:relative;z-index:1}.auth-panel-left .brand{position:relative;font-size:2rem;font-weight:700;letter-spacing:-.03em;margin-bottom:var(--space-3);line-height:1.2;z-index:1}.auth-panel-left .tagline{position:relative;font-size:1.0625rem;opacity:.92;line-height:1.6;max-width:340px;z-index:1}.auth-features{position:relative;margin-top:var(--space-10);list-style:none;padding:0;margin-bottom:0;z-index:1}.auth-features li{display:flex;align-items:center;gap:var(--space-2);font-size:.9375rem;opacity:.9;margin-bottom:var(--space-3)}.auth-features li:last-child{margin-bottom:0}.auth-features .check{width:20px;height:20px;flex-shrink:0;background:#ffffff40;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:700}.auth-deco-shape{position:absolute;border-radius:50%;background:#ffffff0f;pointer-events:none}.auth-deco-shape-1{width:280px;height:280px;bottom:10%;right:-80px}.auth-deco-shape-2{width:160px;height:160px;top:25%;right:15%}.auth-deco-shape-3{width:80px;height:80px;top:60%;left:10%}.auth-candidate .auth-panel-left{background:linear-gradient(160deg,var(--palette-slate) 0%,var(--palette-olive) 90%,#7a8b6f 100%)}.auth-company .auth-panel-left{background:linear-gradient(160deg,#4a5f7a 0%,var(--palette-slate) 40%,var(--palette-olive) 100%)}.auth-panel-right{flex:1;min-width:0;display:flex;align-items:center;justify-content:center;padding:var(--space-8);background:var(--color-bg-alt);position:relative}.auth-panel-right:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 80% 50% at 20% 40%,rgba(94,120,146,.06) 0%,transparent 50%),radial-gradient(ellipse 60% 40% at 80% 80%,rgba(189,207,170,.06) 0%,transparent 50%);pointer-events:none}.auth-form-wrap{width:100%;max-width:420px;padding:var(--space-10);background:var(--color-bg-elevated);border-radius:var(--radius-xl);box-shadow:0 4px 24px #0000000f,0 1px 3px #0000000a;border:1px solid var(--color-border);border-top:3px solid var(--color-primary);animation:adminContentIn .5s ease-out;position:relative;z-index:1;transition:box-shadow .3s ease}.auth-form-wrap:hover{box-shadow:0 12px 40px #00000014,0 2px 8px #0000000a}.auth-form-wrap h1{margin:0 0 var(--space-2);font-size:1.625rem;font-weight:700;letter-spacing:-.02em;color:var(--color-text)}.auth-form-wrap .auth-subtitle{margin:0 0 var(--space-6);font-size:.9375rem;color:var(--color-text-muted);line-height:1.5}.auth-form-wrap form{margin-bottom:var(--space-5)}.auth-form-wrap .input-group{margin-bottom:var(--space-4)}.auth-form-wrap .btn{width:100%;padding:var(--space-4);margin-top:var(--space-3);font-size:1rem;font-weight:600;border-radius:var(--radius);transition:transform .2s ease,box-shadow .2s ease}.auth-form-wrap .btn:active{transform:scale(.99)}.auth-form-wrap .btn-primary:hover{box-shadow:0 4px 14px #5e789240}.auth-form-wrap .auth-footer{text-align:center;font-size:.9375rem;color:var(--color-text-muted);padding-top:var(--space-2)}.auth-form-wrap .auth-footer a{font-weight:600;color:var(--color-primary)}.auth-form-wrap .auth-footer a:hover{text-decoration:underline}.auth-form-wrap .auth-back{display:inline-flex;align-items:center;gap:var(--space-1);margin-top:var(--space-5);font-size:.875rem;color:var(--color-text-muted);transition:color .2s ease,gap .2s ease}.auth-form-wrap .auth-back:hover{color:var(--color-primary);gap:var(--space-2)}@media(max-width:900px){.auth-split{flex-direction:column}.auth-panel-left{padding:var(--space-8) var(--space-6);min-height:220px}.auth-panel-left .brand{font-size:1.5rem}.auth-features,.auth-deco-shape{display:none}.auth-panel-right{padding:var(--space-6)}.auth-form-wrap{max-width:100%;padding:var(--space-8)}}.auth-layout:not(.auth-split-wrap) .auth-card{margin:auto}.auth-card{width:100%;max-width:420px;padding:var(--space-10);background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);border:1px solid var(--color-border);animation:slideUp .4s var(--ease-out)}.auth-card h1{margin:0 0 var(--space-2);font-size:1.5rem;font-weight:700;letter-spacing:-.02em;color:var(--color-text)}.auth-card .auth-subtitle{margin:0 0 var(--space-8);font-size:.9375rem;color:var(--color-text-muted)}.auth-card form{margin-bottom:var(--space-6)}.auth-card .btn{width:100%;padding:var(--space-3);margin-top:var(--space-2);font-size:1rem}.auth-card .auth-footer{text-align:center;font-size:.9375rem;color:var(--color-text-muted)}.auth-card .auth-footer a{font-weight:600}.auth-card .auth-back{display:inline-flex;align-items:center;margin-top:var(--space-4);font-size:.9375rem;color:var(--color-text-muted)}.auth-card .auth-back:hover{color:var(--color-primary)}.dashboard-card-inline{margin-top:var(--space-6);padding:var(--space-6);background:var(--color-bg-alt);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.dashboard-card-inline h2{margin:0 0 var(--space-2);font-size:1.125rem;font-weight:600;color:var(--color-text)}.dashboard-card-inline p{margin:0;font-size:.9375rem;color:var(--color-text-muted)}.main-layout{min-height:100vh;display:grid;grid-template-columns:var(--admin-sidebar-width) 1fr;grid-template-rows:var(--admin-header-height) 1fr;background:var(--color-bg)}.main-layout.sidebar-collapsed{grid-template-columns:var(--admin-sidebar-width-collapsed, 72px) 1fr}.main-layout>.main-content{min-height:0}.main-header{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);height:var(--admin-header-height);padding:0 var(--space-6) 0 var(--space-4);background:var(--admin-header-gradient);border-bottom:1px solid rgba(255,255,255,.08);box-shadow:0 2px 16px #21063540;position:relative}.header-left{display:flex;align-items:center;gap:var(--space-3);flex:1;min-width:0}.header-sidebar-toggle{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:none;background:#ffffff26;border-radius:var(--radius);color:#fff;cursor:pointer;transition:background .2s ease}.header-sidebar-toggle:hover{background:#ffffff40}.header-menu-toggle{display:none;flex-direction:column;justify-content:center;gap:4px;width:40px;height:40px;padding:8px;border:none;background:#ffffff26;border-radius:var(--radius);color:#fff;cursor:pointer}.header-menu-toggle .header-menu-bar{display:block;width:100%;height:2px;background:currentColor;border-radius:1px}.sidebar-backdrop{display:none;position:fixed;inset:0;background:#0006;z-index:99}@media(max-width:900px){.header-sidebar-toggle{display:none}.header-menu-toggle{display:flex}.sidebar-backdrop{display:block}}@media(min-width:901px){.sidebar-backdrop{display:none!important}}.header-global-search{display:flex;align-items:center;gap:var(--space-2);max-width:320px;width:100%;padding:var(--space-2) var(--space-3);background:#ffffff26;border-radius:var(--radius);border:1px solid rgba(255,255,255,.2)}.header-global-search svg{flex-shrink:0;color:#fffc}.header-search-input{flex:1;min-width:0;border:none;background:transparent;color:#fff;font-size:.9375rem}.header-search-input::placeholder{color:#ffffffb3}.header-search-input:focus{outline:none}.header-icon-btn{width:42px;height:42px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;border-radius:var(--radius);color:#ffffffe6;cursor:pointer;transition:background .2s ease,color .2s ease;text-decoration:none}.header-icon-btn:hover,.header-icon-btn.active{background:#fff3;color:#fff}.header-profile-wrap{position:relative}.header-profile-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3) var(--space-1) var(--space-2);border:none;background:transparent;border-radius:var(--radius);color:#fff;cursor:pointer;transition:background .2s ease}.header-profile-btn:hover{background:#ffffff26}.header-profile-btn .header-user-avatar{margin:0}.header-profile-btn .header-user-name{max-width:120px}.header-profile-dropdown{position:absolute;top:100%;right:0;margin-top:var(--space-2);min-width:180px;padding:var(--space-2);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-lg);z-index:60;animation:adminSubmenuOpen .2s ease-out}.header-profile-dropdown-item{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);border:none;background:none;border-radius:var(--radius);font-size:.9375rem;color:var(--color-text);text-decoration:none;cursor:pointer;transition:background .2s ease;text-align:left}.header-profile-dropdown-item:hover{background:var(--color-bg-alt)}.header-profile-logout{color:var(--color-error)}.header-profile-logout:hover{background:var(--color-error-bg)}.ai-bot-panel{position:fixed;bottom:var(--space-6);right:var(--space-6);width:360px;max-height:420px;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:100;display:flex;flex-direction:column;animation:adminSubmenuOpen .25s ease-out}.ai-bot-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);font-weight:600}.ai-bot-header button{border:none;background:none;font-size:1.25rem;cursor:pointer;color:var(--color-text-muted)}.ai-bot-body{padding:var(--space-4);flex:1;overflow:auto}.ai-bot-body .input{margin-top:var(--space-3)}.main-header:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:#fff3;pointer-events:none}.header-logo{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);margin-left:calc(-1 * var(--space-3));border-radius:var(--radius);text-decoration:none;transition:background .2s ease,box-shadow .2s ease}.header-logo:hover{background:#ffffff26;box-shadow:0 0 0 1px #fff3}.header-logo-text{font-weight:700;font-size:1.5rem;letter-spacing:-.03em;color:#fff}.header-logo-tag{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:2px 6px;background:#ffffff40;color:#fff;border-radius:4px}.header-logo:hover .header-logo-text{color:#fff}.header-right{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1);background:#ffffff1f;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.15);box-shadow:0 2px 8px #0000001a}.header-notification-wrap{position:relative}.header-notification-btn{position:relative;width:42px;height:42px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;border-radius:var(--radius);color:#ffffffe6;cursor:pointer;transition:background .2s ease,color .2s ease,transform .2s ease}.header-notification-btn:active{transform:scale(.96)}.header-notification-btn:hover{background:#fff3;color:#fff}.notification-badge{position:absolute;top:6px;right:6px;min-width:18px;height:18px;padding:0 5px;font-size:.7rem;font-weight:700;color:#fff;background:#f43f5e;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #0003}.notification-dropdown{position:absolute;top:100%;right:0;margin-top:var(--space-2);min-width:320px;padding:var(--space-5);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:50;animation:adminSubmenuOpen .25s ease-out}.notification-dropdown-title{margin:0 0 var(--space-3);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted)}.notification-dropdown-empty{margin:0;font-size:.9375rem;color:var(--color-text-muted)}.header-user{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-1) var(--space-3) var(--space-1) var(--space-2);margin:0 var(--space-1);border-left:1px solid rgba(255,255,255,.2);border-right:1px solid rgba(255,255,255,.2)}.main-sidebar.collapsed{width:var(--admin-sidebar-width-collapsed, 72px);min-width:var(--admin-sidebar-width-collapsed, 72px)}.main-sidebar.collapsed .sidebar-brand-text,.main-sidebar.collapsed .sidebar-menu-label,.main-sidebar.collapsed .sidebar-parent span:not(.sidebar-icon),.main-sidebar.collapsed .sidebar-link span:not(.sidebar-icon),.main-sidebar.collapsed .sidebar-logout-btn span:not(.sidebar-icon),.main-sidebar.collapsed .submenu-arrow{display:none}.main-sidebar.collapsed .sidebar-brand-inner{justify-content:center}.main-sidebar.collapsed .sidebar-parent,.main-sidebar.collapsed .sidebar-link{justify-content:center;padding-left:var(--space-2);padding-right:var(--space-2)}.main-sidebar.collapsed .sidebar-logout-btn{justify-content:center}.header-user-avatar{width:38px;height:38px;display:flex;align-items:center;justify-content:center;font-size:.9375rem;font-weight:700;color:var(--palette-slate);background:#fffffff2;border-radius:50%;border:2px solid rgba(255,255,255,.3);box-shadow:0 1px 4px #00000026;transition:box-shadow .2s ease,transform .2s ease}.header-user:hover .header-user-avatar{box-shadow:0 2px 10px #0003}.header-user-name{font-size:.9375rem;font-weight:600;color:#fff;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-logout-power{width:42px;height:42px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;border-radius:var(--radius);color:#ffffffe6;cursor:pointer;transition:background .25s ease,color .25s ease,transform .2s ease}.btn-logout-power:active{transform:scale(.94)}.btn-logout-power:hover{background:#dc2626e6;color:#fff}.main-sidebar{display:flex;flex-direction:column;padding:0;background:linear-gradient(180deg,var(--admin-sidebar-bg) 0%,var(--admin-sidebar-bg-end) 100%);border-right:1px solid rgba(0,0,0,.15);box-shadow:4px 0 24px #00000014}.sidebar-brand{padding:var(--space-3) var(--space-4) var(--space-3);border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0}.sidebar-brand-inner{display:flex;align-items:center;gap:var(--space-2)}.sidebar-brand-dot{width:6px;height:6px;border-radius:50%;background:var(--admin-sidebar-accent);box-shadow:0 0 8px #fff6}.sidebar-brand-text{font-size:1rem;font-weight:700;letter-spacing:-.02em;color:#fff}.sidebar-menu-label{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#fff6;padding:var(--space-2) var(--space-4) var(--space-1);margin-bottom:0;flex-shrink:0}.sidebar-nav{flex:1;min-height:0;display:flex;flex-direction:column;gap:2px;padding:var(--space-1) var(--space-2) var(--space-2);overflow-y:auto;overflow-x:hidden}.sidebar-menu-group{display:flex;flex-direction:column;gap:0;flex-shrink:0}.sidebar-link{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:.875rem;font-weight:500;color:var(--admin-sidebar-text);text-decoration:none;transition:all .25s ease;border:none;width:100%;text-align:left;background:none;cursor:pointer;position:relative}.sidebar-link:hover{background:var(--admin-sidebar-hover);color:var(--admin-sidebar-accent);text-decoration:none;transform:translate(4px)}.sidebar-link.active{background:var(--admin-sidebar-active);color:var(--admin-sidebar-accent);font-weight:600}.sidebar-link.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:18px;background:var(--admin-sidebar-accent);border-radius:0 3px 3px 0;box-shadow:0 0 8px #ffffff4d}.sidebar-icon{width:32px;height:32px;min-width:32px;display:flex;align-items:center;justify-content:center;color:inherit;background:#ffffff0f;border-radius:var(--radius-sm);transition:background .25s ease}.sidebar-link:hover .sidebar-icon,.sidebar-link.active .sidebar-icon,.sidebar-parent:hover .sidebar-icon,.sidebar-parent.active .sidebar-icon{background:#ffffff1f}.sidebar-parent{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:.875rem;font-weight:500;color:var(--admin-sidebar-text);border:none;width:100%;text-align:left;background:none;cursor:pointer;transition:all .25s ease;position:relative}.sidebar-parent:hover,.sidebar-parent.active{background:var(--admin-sidebar-hover);color:var(--admin-sidebar-accent)}.sidebar-parent:hover{transform:translate(4px)}.sidebar-parent .sidebar-icon{color:inherit}.submenu-arrow{margin-left:auto;display:flex;align-items:center;justify-content:center;opacity:.85;transition:transform .3s cubic-bezier(.4,0,.2,1)}.submenu-arrow.open{transform:rotate(180deg)}.sidebar-submenu{display:flex;flex-direction:column;gap:1px;padding-left:var(--space-4);margin:var(--space-1) 0 var(--space-2) var(--space-3);border-left:2px solid rgba(255,255,255,.2);animation:adminSubmenuOpen .3s ease-out}.sidebar-sublink{padding:var(--space-1) var(--space-2);font-size:.8125rem;color:#ffffffb8;transition:all .2s ease}.sidebar-sublink:hover{color:var(--admin-sidebar-accent);padding-left:var(--space-3)}.sidebar-sublink.active{color:var(--admin-sidebar-accent);background:#ffffff0f;font-weight:600;border-radius:var(--radius-sm)}.sidebar-footer{margin-top:auto;padding:var(--space-3) var(--space-4);border-top:1px solid rgba(255,255,255,.08);background:#0000001a;flex-shrink:0}.sidebar-logout-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);font-size:.875rem;font-weight:600;color:#fffc;border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-sm);background:#ffffff0d;cursor:pointer;transition:all .25s ease}.sidebar-logout-btn:hover{background:#dc2626d9;color:#fff;border-color:transparent;transform:translateY(-1px);box-shadow:0 4px 12px #dc26264d}.sidebar-logout-btn .sidebar-icon,.sidebar-logout-btn svg{flex-shrink:0}.main-content{flex:1;min-height:0;padding:var(--space-6);overflow:auto;animation:adminContentIn .35s ease-out}@media(min-width:769px){.main-content{padding:var(--space-8)}}.dashboard-page{min-height:100%;animation:adminContentIn .4s ease-out}.dashboard-welcome-banner{padding:var(--space-8);margin-bottom:var(--space-8);background:linear-gradient(135deg,rgba(231,219,239,.5) 0%,var(--color-bg-elevated) 40%,rgba(245,213,224,.4) 100%);border:1px solid rgba(123,51,126,.15);border-radius:var(--radius-lg);border-left:4px solid var(--color-primary);box-shadow:var(--shadow-sm);animation:adminContentIn .45s ease-out .05s backwards;transition:box-shadow .25s ease}.dashboard-welcome-banner:hover{box-shadow:var(--shadow)}.dashboard-welcome-banner h1{margin:0 0 var(--space-2);font-size:1.5rem;font-weight:700;letter-spacing:-.02em;color:var(--color-text)}.dashboard-welcome-banner .welcome-text{margin:0;font-size:.9375rem;color:var(--color-text-muted)}.dashboard-stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);margin-bottom:var(--space-8)}.dashboard-stat-card{padding:var(--space-5);border:1px solid rgba(123,51,126,.12);border-radius:var(--radius);border-left:4px solid var(--color-primary);animation:adminContentIn .4s ease-out backwards;transition:transform .2s ease,box-shadow .2s ease}.dashboard-stat-card:nth-child(1){background:linear-gradient(180deg,rgba(231,219,239,.6) 0%,var(--color-bg-elevated) 100%);animation-delay:.1s}.dashboard-stat-card:nth-child(2){background:linear-gradient(180deg,rgba(245,213,224,.5) 0%,var(--color-bg-elevated) 100%);animation-delay:.16s}.dashboard-stat-card:nth-child(3){background:linear-gradient(180deg,rgba(231,219,239,.4) 0%,var(--color-bg-elevated) 100%);animation-delay:.22s}.dashboard-stat-card:nth-child(4){background:linear-gradient(180deg,rgba(102,103,171,.08) 0%,var(--color-bg-elevated) 100%);animation-delay:.28s}.dashboard-stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.dashboard-stat-card .stat-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:var(--space-1)}.dashboard-stat-card .stat-value{font-size:1.5rem;font-weight:700;letter-spacing:-.02em;color:var(--color-text)}.dashboard-section-title{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);margin-bottom:var(--space-4);animation:adminContentIn .4s ease-out .32s backwards}.dashboard-page h1{margin:0 0 var(--space-2);font-size:1.75rem;font-weight:700;letter-spacing:-.02em;color:var(--color-text)}.dashboard-welcome{margin:0 0 var(--space-8);font-size:1rem;color:var(--color-text-muted)}.dashboard-widgets{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-6)}.widget{padding:var(--space-6);border:1px solid rgba(123,51,126,.12);border-radius:var(--radius-lg);border-left:4px solid var(--color-primary);box-shadow:var(--shadow-sm);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;animation:adminContentIn .45s ease-out backwards}.widget:nth-child(1){background:linear-gradient(180deg,rgba(231,219,239,.5) 0%,var(--color-bg-elevated) 100%);border-left-color:var(--color-primary);animation-delay:.38s}.widget:nth-child(2){background:linear-gradient(180deg,rgba(245,213,224,.4) 0%,var(--color-bg-elevated) 100%);border-left-color:var(--color-success);animation-delay:.44s}.widget:nth-child(3){background:linear-gradient(180deg,rgba(231,219,239,.35) 0%,var(--color-bg-elevated) 100%);border-left-color:var(--color-warning);animation-delay:.5s}.widget:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:var(--color-border)}.widget-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.widget .icon-wrap{width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700;border-radius:var(--radius-sm);color:var(--color-text);background:var(--color-bg-alt)}.widget h3{margin:0;font-size:.9375rem;font-weight:600;color:var(--color-text)}.widget .value{font-size:1.5rem;font-weight:700;letter-spacing:-.02em;color:var(--color-text)}.widget .sub{margin-top:var(--space-1);font-size:.8125rem;color:var(--color-text-muted)}.widget.admin-stats .icon-wrap{background:var(--color-primary-light);color:var(--color-primary)}.widget.attendance-widget .icon-wrap{background:var(--color-success-bg);color:var(--color-success)}.widget.payroll-widget .icon-wrap{background:var(--color-warning-bg);color:var(--color-warning)}@media(max-width:900px){.dashboard-stats-row{grid-template-columns:repeat(2,1fr)}}@media(max-width:500px){.dashboard-stats-row{grid-template-columns:1fr}}@media(max-width:768px){.footer-inner{grid-template-columns:1fr;gap:var(--space-8)}}@media(max-width:600px){.hero{padding:var(--space-10) var(--space-4);min-height:60vh;display:flex;align-items:center}.hero-cta{flex-direction:column}.hero-cta a{width:100%;justify-content:center}.page-section{padding:var(--space-10) var(--space-4)}}@media(max-width:1024px){.main-header{padding:0 var(--space-4)}.header-global-search{max-width:200px}.header-user-name{display:none}.main-content,.page-content{padding:var(--space-4)}.page-header{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.page-header h1{font-size:1.25rem}}@media(max-width:900px){.main-layout{grid-template-columns:1fr;grid-template-rows:auto 1fr}.main-layout .main-sidebar{position:fixed;left:0;top:var(--admin-header-height);bottom:0;z-index:100;transform:translate(-100%);transition:transform .3s var(--ease-out);box-shadow:4px 0 24px #00000026}.main-layout .main-sidebar.sidebar-open{transform:translate(0)}.main-layout .main-content{grid-column:1}.sidebar-submenu{padding-left:var(--space-3);margin-left:var(--space-2)}.card,.card-header{padding:var(--space-4)}}@media(max-width:600px){.main-header{flex-wrap:wrap;padding:var(--space-3) var(--space-4);min-height:56px;height:auto}.header-left{flex-wrap:wrap}.header-global-search{order:3;max-width:100%;width:100%}.header-right{gap:var(--space-2)}.main-content,.page-content{padding:var(--space-3)}.form-grid{grid-template-columns:1fr}.dashboard-welcome-banner{padding:var(--space-5)}.calendar-wrap{max-width:100%}}.candidate-layout-h{min-height:100vh;display:flex;flex-direction:column;background:var(--color-bg)}.candidate-header-h{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-3);min-height:var(--candidate-header-height);padding:0 var(--space-4);background:linear-gradient(135deg,var(--palette-deep) 0%,var(--palette-dark) 100%);border-bottom:1px solid rgba(255,255,255,.1);box-shadow:0 2px 12px #21063533;position:sticky;top:0;z-index:100}.candidate-logo-h{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius);text-decoration:none;transition:background .2s ease}.candidate-logo-h:hover{background:#ffffff1a}.candidate-logo-text{font-weight:700;font-size:1.375rem;letter-spacing:-.02em;color:#fff}.candidate-logo-tag{font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:2px 6px;background:var(--palette-lavender);color:var(--palette-deep);border-radius:4px}.candidate-mobile-menu-btn{display:none;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;padding:0;border:none;background:#ffffff1a;border-radius:var(--radius);color:#fff;cursor:pointer}.candidate-mobile-bar{display:block;width:20px;height:2px;margin:0 auto;background:currentColor;border-radius:1px}.candidate-header-right{display:flex;align-items:center;gap:var(--space-2)}.candidate-header-icon{position:relative;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:none;background:#ffffff1a;border-radius:var(--radius);color:#fff;cursor:pointer;transition:background .2s ease}.candidate-header-icon:hover{background:#fff3}.candidate-notif-badge{position:absolute;top:4px;right:4px;min-width:16px;height:16px;padding:0 4px;font-size:.65rem;font-weight:700;color:#fff;background:var(--palette-mauve);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center}.candidate-header-user{display:flex;align-items:center;gap:var(--space-2)}.candidate-header-avatar{width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:700;color:var(--palette-deep);background:var(--palette-lavender);border-radius:50%}.candidate-header-name{font-size:.875rem;font-weight:500;color:#fff;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.candidate-header-logout{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:none;background:#ffffff1a;border-radius:var(--radius);color:#fff;cursor:pointer;transition:background .2s ease}.candidate-header-logout:hover{background:#dc2626cc}.candidate-nav-h{background:linear-gradient(180deg,var(--candidate-nav-bg) 0%,rgba(231,219,239,.2) 100%);border-bottom:1px solid var(--candidate-nav-border);box-shadow:0 2px 8px #2106350f;position:sticky;top:var(--candidate-header-height);z-index:99;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(123,51,126,.4) transparent}.candidate-nav-h::-webkit-scrollbar{height:4px}.candidate-nav-h::-webkit-scrollbar-track{background:transparent}.candidate-nav-h::-webkit-scrollbar-thumb{background:#7b337e59;border-radius:4px}.candidate-nav-h::-webkit-scrollbar-thumb:hover{background:#7b337e80}.candidate-nav-inner{display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;gap:2px;padding:var(--space-2) var(--space-4);margin:0 auto;min-width:min-content;max-width:var(--content-max)}.candidate-nav-link{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);border-radius:var(--radius);font-size:.8125rem;font-weight:500;color:var(--candidate-nav-text);text-decoration:none;transition:background .2s ease,color .2s ease,box-shadow .2s ease;white-space:nowrap;border:1px solid transparent;box-shadow:none;flex-shrink:0}.candidate-nav-link:hover{background:#e7dbef80;color:var(--candidate-nav-active);text-decoration:none;border-color:#7b337e33;box-shadow:0 2px 6px #7b337e1f}.candidate-nav-link.active{background:#7b337e26;color:var(--candidate-nav-active);font-weight:600;border-color:#7b337e59;box-shadow:0 2px 8px #7b337e33}.candidate-nav-icon{display:flex;align-items:center;justify-content:center;opacity:.9}.candidate-content-h{flex:1;min-height:0;padding:var(--space-6);overflow:auto;background:var(--color-bg);animation:adminContentIn .35s ease-out}@media(min-width:769px){.candidate-content-h{padding:var(--space-8)}}@media(max-width:768px){.candidate-mobile-menu-btn{display:flex}.candidate-nav-h{display:none}.candidate-nav-h.is-open{display:block}.candidate-nav-inner{flex-direction:column;align-items:stretch;justify-content:flex-start;padding:var(--space-2)}.candidate-nav-link{border-radius:var(--radius);border-left:3px solid transparent}.candidate-nav-link.active{border-left-color:var(--candidate-nav-active)}.candidate-header-name{display:none}}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-width:320px}#root{min-height:100vh}