:root{--primary-color:#0d9488;--primary-hover:#0f766e;--secondary-color:#f8fafc;--text-main:#1e293b;--text-muted:#64748b;--bg-main:#f1f5f9;--bg-card:#fff;--border-color:#e2e8f0;--danger:#ef4444;--success:#22c55e;--warning:#f59e0b}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-main);-webkit-font-smoothing:antialiased;font-family:Inter,sans-serif;line-height:1.5}h1,h2,h3,h4,h5,h6{color:var(--text-main);font-weight:600}a{color:var(--primary-color);text-decoration:none}button{cursor:pointer;font-family:inherit}.btn{border:none;border-radius:.375rem;justify-content:center;align-items:center;padding:.5rem 1rem;font-weight:500;transition:all .2s;display:inline-flex}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover{background-color:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 6px -1px #0d948833,0 2px 4px -1px #0d94881a}.btn-danger{background-color:var(--danger);color:#fff}.btn-danger:hover{background-color:#dc2626}.btn-outline{border:1px solid var(--border-color);color:var(--text-main);background-color:#0000}.btn-outline:hover{background-color:#f8fafc}.card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:.5rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.glass-card{-webkit-backdrop-filter:blur(12px);background:#ffffffd9;border:1px solid #ffffff4d;border-radius:1rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.input-group{flex-direction:column;margin-bottom:1rem;display:flex}.input-group label{color:var(--text-main);margin-bottom:.375rem;font-size:.875rem;font-weight:500}.input-group input,.input-group select{border:1px solid var(--border-color);border-radius:.375rem;outline:none;padding:.625rem;font-family:inherit;font-size:.875rem;transition:border-color .2s}.input-group input:focus,.input-group select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #0d94881a}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.flex{display:flex}.flex-col{flex-direction:column;display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:.5rem}.gap-4{gap:1rem}.mt-4{margin-top:1rem}.mb-4{margin-bottom:1rem}.mb-8{margin-bottom:2rem}.text-center{text-align:center}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.text-muted{color:var(--text-muted)}.w-full{width:100%}.table-container{border:1px solid var(--border-color);border-radius:.5rem;overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%}th{background-color:var(--secondary-color);text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em;border-bottom:1px solid var(--border-color);padding:.75rem 1rem;font-size:.75rem;font-weight:600}td{border-bottom:1px solid var(--border-color);padding:1rem;font-size:.875rem}tr:last-child td{border-bottom:none}tr:hover td{background-color:#f8fafc80}.badge{border-radius:9999px;align-items:center;padding:.125rem .625rem;font-size:.75rem;font-weight:500;display:inline-flex}.badge-success{color:#166534;background-color:#dcfce7}.badge-warning{color:#92400e;background-color:#fef3c7}.badge-danger{color:#991b1b;background-color:#fee2e2}.badge-info{color:#075985;background-color:#e0f2fe}.app-container{height:100vh;display:flex;overflow:hidden}.sidebar{color:#fff;background-color:#0f172a;flex-direction:column;flex-shrink:0;width:250px;display:flex;overflow-y:auto}.sidebar-header{border-bottom:1px solid #ffffff1a;padding:1.5rem}.sidebar-header h2{color:#fff;margin:0;font-size:1.25rem}.sidebar-nav{flex:1;padding:1rem 0}.sidebar-link{color:#cbd5e1;border-left:3px solid #0000;padding:.75rem 1.5rem;transition:all .2s;display:block}.sidebar-link:hover,.sidebar-link.active{color:#fff;border-left-color:var(--primary-color);background-color:#ffffff0d}.main-content{flex-direction:column;flex:1;display:flex;overflow:hidden}.topbar{border-bottom:1px solid var(--border-color);background-color:#fff;flex-shrink:0;justify-content:space-between;align-items:center;height:64px;padding:0 2rem;display:flex}.content{flex:1;padding:2rem;overflow-y:auto}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.4s ease-out forwards fadeIn}.grid{display:grid}.grid-cols-1,.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:repeat(1,minmax(0,1fr))}@media (width>=768px){.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1024px){.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1}.w-5{width:1.25rem!important}.h-5{height:1.25rem!important}.w-12{width:3rem!important}.h-12{height:3rem!important}.p-0{padding:0!important}.p-4{padding:1rem!important}.px-2\.5{padding-left:.625rem!important;padding-right:.625rem!important}.py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-3{padding-top:.75rem!important;padding-bottom:.75rem!important}.pl-8{padding-left:2rem!important}.mt-1{margin-top:.25rem!important}.mt-2{margin-top:.5rem!important}.mt-3{margin-top:.75rem!important}.mt-6{margin-top:1.5rem!important}.mb-0{margin-bottom:0!important}.mb-6{margin-bottom:1.5rem!important}.text-xs{font-size:.75rem!important}.text-3xl{font-size:1.875rem!important}.text-4xl{font-size:2.25rem!important}.font-normal{font-weight:400!important}.font-medium{font-weight:500!important}.font-extrabold{font-weight:800!important}.font-mono{font-family:monospace!important}.uppercase{text-transform:uppercase!important}.tracking-wider{letter-spacing:.05em!important}.overflow-hidden{overflow:hidden!important}.border-l-4{border-left-style:solid!important;border-left-width:4px!important}.border-t-2{border-top-style:solid!important;border-top-width:2px!important}.border-b{border-bottom-style:solid!important;border-bottom-width:1px!important}.text-slate-400{color:#94a3b8!important}.text-slate-700{color:#334155!important}.text-slate-800{color:#1e293b!important}.text-teal-600{color:#0d9488!important}.text-teal-700{color:#0f766e!important}.text-amber-600{color:#d97706!important}.text-amber-700{color:#b45309!important}.text-rose-600{color:#e11d48!important}.text-rose-700{color:#be123c!important}.text-cyan-600{color:#0891b2!important}.text-cyan-700{color:#0e7490!important}.text-green-600{color:#16a34a!important}.text-green-700{color:#15803d!important}.text-green-800{color:#166534!important}.text-blue-600{color:#2563eb!important}.text-blue-700{color:#1d4ed8!important}.text-blue-800{color:#1e40af!important}.text-red-500{color:#ef4444!important}.text-red-600{color:#dc2626!important}.bg-slate-50{background-color:#f8fafc!important}.bg-green-50{background-color:#f0fdf4!important}.bg-blue-50{background-color:#eff6ff!important}.bg-gray-50{background-color:#f9fafb!important}.border-teal-200{border-color:#99f6e4!important}.border-red-200{border-color:#fecaca!important}.border-slate-200{border-color:#e2e8f0!important}.border-gray-200{border-color:#e5e7eb!important}.border-l-teal-500{border-left-color:#14b8a6!important}.border-l-amber-500{border-left-color:#f59e0b!important}.border-l-rose-500{border-left-color:#f43f5e!important}.border-l-cyan-500{border-left-color:#06b6d4!important}.hover\:bg-teal-50:hover{background-color:#f0fdfa!important}.hover\:bg-red-50:hover{background-color:#fef2f2!important}.min-w-\[200px\]{min-width:200px!important}.min-w-\[150px\]{min-width:150px!important}.min-w-\[130px\]{min-width:130px!important}.employee-layout.svelte-12qhfyh{background-color:var(--bg-main);flex-direction:column;min-height:100vh;display:flex}