@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.z-50{z-index:50}.col-span-full{grid-column:1/-1}.container{width:100%}.mx-auto{margin-inline:auto}.mt-auto{margin-top:auto}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.h-full{height:100%}.max-h-\[90vh\]{max-height:90vh}.w-full{width:100%}.flex-shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.scroll-smooth{scroll-behavior:smooth}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-\[var\(--color-border\)\]{border-color:var(--color-border)}.bg-\[var\(--color-bg\)\]{background-color:var(--color-bg)}.bg-\[var\(--color-bg-muted\)\]{background-color:var(--color-bg-muted)}.bg-\[var\(--color-card\)\]{background-color:var(--color-card)}.break-all{word-break:break-all}.whitespace-nowrap{white-space:nowrap}.text-\[var\(--color-text\)\]{color:var(--color-text)}.text-\[var\(--color-text-muted\)\]{color:var(--color-text-muted)}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.italic{font-style:italic}.underline{text-decoration-line:underline}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.outline-none{--tw-outline-style:none;outline-style:none}@media (hover:hover){.hover\:bg-\[var\(--color-bg-muted\)\]:hover{background-color:var(--color-bg-muted)}.hover\:bg-\[var\(--color-border\)\]:hover{background-color:var(--color-border)}.hover\:text-\[var\(--color-text\)\]:hover{color:var(--color-text)}}.focus\:ring-1:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}:root{--color-primary:#2f5dff;--color-secondary:#7c3aed;--color-bg:#fff;--color-bg-alt:#f4f6fb;--color-bg-deep:#eef1fa;--color-text:#0d0f1c;--color-muted:#5b5f73;--color-subtle:#8b92ab;--color-border:#e2e6f3;--color-card:#fff;--color-card-alt:#f8f9ff;--gradient:linear-gradient(135deg, #2f5dff 0%, #7c3aed 100%);--gradient-soft:linear-gradient(135deg, #2f5dff14 0%, #7c3aed14 100%);--shadow-xs:0 1px 3px #2f5dff0f;--shadow-sm:0 4px 16px #2f5dff14;--shadow-md:0 8px 40px #2f5dff24;--shadow-lg:0 20px 80px #2f5dff2e;--shadow-glow:0 0 40px #2f5dff33;--radius-sm:8px;--radius:14px;--radius-lg:22px;--radius-xl:32px}[data-theme=dark]{--color-bg:#080a14;--color-bg-alt:#0f1120;--color-bg-deep:#141629;--color-text:#f0f1f8;--color-muted:#8892b0;--color-subtle:#5a6080;--color-border:#1e2240;--color-card:#0f1120;--color-card-alt:#141629;--shadow-sm:0 4px 16px #00000059;--shadow-md:0 8px 40px #00000080;--shadow-lg:0 20px 80px #0009;--shadow-glow:0 0 40px #2f5dff26}*,:before,:after{box-sizing:border-box;transition:background-color .25s,border-color .25s,color .25s}.btn-gradient,.btn-gradient:before,img,video,canvas,svg path{transition:transform .3s,box-shadow .3s,opacity .3s}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;color:var(--color-text);font-family:Space Grotesk,sans-serif;font-weight:700;line-height:1.18}p{line-height:1.75}a{color:inherit}.font-mono{font-family:JetBrains Mono,monospace}.gradient-bg{background:var(--gradient)}.btn-gradient{background:var(--gradient);color:#fff;letter-spacing:.01em;cursor:pointer;border:none;border-radius:50px;align-items:center;gap:8px;padding:13px 30px;font-family:Space Grotesk,sans-serif;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #2f5dff59}.btn-gradient:before{content:"";opacity:0;background:linear-gradient(135deg,#5b7aff 0%,#9b59ff 100%);transition:opacity .3s;position:absolute;inset:0}.btn-gradient:hover:before{opacity:1}.btn-gradient>*{z-index:1;position:relative}.btn-gradient:hover{transform:translateY(-2px);box-shadow:0 10px 32px #2f5dff73}.btn-gradient:active{transform:translateY(0)}.btn-outline{color:var(--color-primary);border:2px solid var(--color-primary);cursor:pointer;letter-spacing:.01em;background:0 0;border-radius:50px;align-items:center;gap:8px;padding:11px 30px;font-family:Space Grotesk,sans-serif;font-size:15px;font-weight:600;text-decoration:none;transition:all .25s;display:inline-flex}.btn-outline:hover{background:var(--color-primary);color:#fff;transform:translateY(-2px);box-shadow:0 8px 24px #2f5dff4d}.btn-ghost{background:var(--color-bg-alt);color:var(--color-text);border:1px solid var(--color-border);cursor:pointer;border-radius:50px;align-items:center;gap:8px;padding:10px 22px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.btn-ghost:hover{background:var(--color-card);border-color:var(--color-primary);color:var(--color-primary)}.card{background:var(--color-card);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-xs);padding:32px;transition:box-shadow .3s,transform .3s,border-color .3s;position:relative}.card:hover{box-shadow:var(--shadow-md);border-color:#2f5dff40;transform:translateY(-6px)}.card-glow{position:relative;overflow:hidden}.card-glow:before{content:"";background:var(--gradient);border-radius:inherit;opacity:0;z-index:0;transition:opacity .3s;position:absolute;inset:-1px}.card-glow:hover:before{opacity:.15}.card-feature{background:var(--color-card);border-radius:var(--radius-lg);border:1px solid var(--color-border);border-left:4px solid var(--color-primary);box-shadow:var(--shadow-xs);padding:28px 32px;transition:all .3s}.card-feature:hover{box-shadow:var(--shadow-md);border-left-color:var(--color-secondary);transform:translateY(-4px)}.glass-card{-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);background:#ffffffb3;border:1px solid #ffffff80}[data-theme=dark] .glass-card{background:#0f1120b3;border-color:#ffffff14}.container{max-width:1200px;margin:0 auto;padding:0 28px}.section-sm{padding:72px 0}.section-alt{background:var(--color-bg-alt)}.section-badge{color:var(--color-primary);letter-spacing:1px;text-transform:uppercase;background:linear-gradient(135deg,#2f5dff1a 0%,#7c3aed1a 100%);border:1px solid #2f5dff26;border-radius:50px;align-items:center;gap:6px;margin-bottom:20px;padding:5px 14px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700;display:inline-flex}.icon-box{background:var(--gradient);border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;font-size:26px;display:flex;box-shadow:0 8px 24px #2f5dff4d}.icon-box-soft{background:var(--gradient-soft);border:1px solid #2f5dff26;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:24px;display:flex}.blob{filter:blur(80px);opacity:.15;pointer-events:none;border-radius:50%;position:absolute}.blob-blue{background:#2f5dff}.blob-purple{background:#7c3aed}.heading-underline{display:inline-block;position:relative}.heading-underline:after{content:"";background:var(--gradient);border-radius:99px;width:100%;height:3px;position:absolute;bottom:-6px;left:0}.stars{color:#f59e0b;letter-spacing:2px;font-size:16px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-28px)}to{opacity:1;transform:translate(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 #2f5dff4d}50%{box-shadow:0 0 0 14px #2f5dff00}}@keyframes scroll-x{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.animate-fade-in-up{animation:.7s cubic-bezier(.22,1,.36,1) forwards fadeInUp}.animate-fade-in{animation:.5s forwards fadeIn}.animate-slide-left{animation:.7s cubic-bezier(.22,1,.36,1) forwards slideInLeft}.animate-float{animation:5s ease-in-out infinite float}.animate-scroll-x{animation:28s linear infinite scroll-x}.animate-pulse-glow{animation:2s ease-in-out infinite pulse-glow}.sidebar{z-index:50;background:#090b18;border-right:1px solid #ffffff0d;flex-direction:column;width:256px;height:100vh;display:flex;position:fixed;top:0;left:0;overflow-y:auto}.sidebar-logo{border-bottom:1px solid #ffffff0f;padding:22px 20px}.sidebar-nav{flex-direction:column;flex:1;gap:2px;padding:16px 10px;display:flex}.sidebar-item{color:#ffffff8c;cursor:pointer;border-radius:10px;align-items:center;gap:12px;padding:10px 14px;font-size:13.5px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.sidebar-item:hover{color:#ffffffe6;background:#ffffff12}.sidebar-item.active{color:#7aadff;background:linear-gradient(135deg,#2f5dff40 0%,#7c3aed40 100%);border:1px solid #2f5dff4d}.dashboard-content{background:#f0f2f9;min-height:100vh;margin-left:256px}.dashboard-topbar{border-bottom:1px solid var(--color-border);z-index:40;height:64px;box-shadow:0 1px 0 var(--color-border);background:#fff;align-items:center;gap:16px;padding:0 28px;display:flex;position:sticky;top:0}.dashboard-page{padding:32px 28px}.stat-card{border-radius:var(--radius);border:1px solid var(--color-border);background:#fff;align-items:flex-start;gap:16px;padding:24px;transition:all .3s;display:flex;position:relative;overflow:hidden}.stat-card:after{content:"";background:var(--gradient);transform-origin:0;height:3px;transition:transform .3s;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.stat-card:hover:after{transform:scaleX(1)}.stat-icon{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;display:flex}.badge{letter-spacing:.01em;border-radius:50px;align-items:center;padding:4px 11px;font-size:12px;font-weight:600;display:inline-flex}.badge-blue{color:#2f5dff;background:#2f5dff1a}.badge-green{color:#059669;background:#0596691a}.badge-yellow{color:#d97706;background:#d977061a}.badge-red{color:#dc2626;background:#dc26261a}.badge-purple{color:#7c3aed;background:#7c3aed1a}.badge-gray{color:#6b7280;background:#6b72801a}.data-table{border-collapse:collapse;width:100%}.data-table th{text-align:left;color:var(--color-muted);text-transform:uppercase;letter-spacing:.8px;border-bottom:2px solid var(--color-border);background:var(--color-bg-alt);white-space:nowrap;padding:13px 18px;font-size:11px;font-weight:700}.data-table td{border-bottom:1px solid var(--color-border);color:var(--color-text);vertical-align:middle;padding:15px 18px;font-size:14px}.data-table tbody tr{transition:background .15s}.data-table tbody tr:last-child td{border-bottom:none}.form-label{color:var(--color-text);letter-spacing:.01em;margin-bottom:7px;font-size:13px;font-weight:600;display:block}.form-input{border:1.5px solid var(--color-border);width:100%;color:var(--color-text);background:var(--color-card);border-radius:10px;outline:none;padding:11px 15px;font-family:Inter,sans-serif;font-size:14px;line-height:1.5;transition:all .2s}.form-input:focus{border-color:var(--color-primary);background:var(--color-bg);box-shadow:0 0 0 4px #2f5dff1a}.form-input::placeholder{color:var(--color-subtle)}.modal-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:200;background:#080a1499;justify-content:center;align-items:center;padding:20px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal{background:var(--color-card);border-radius:var(--radius-lg);border:1px solid var(--color-border);width:100%;max-width:560px;max-height:90vh;box-shadow:var(--shadow-lg);padding:36px;animation:.3s cubic-bezier(.22,1,.36,1) fadeInUp;overflow-y:auto}.accordion-item{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-card);transition:border-color .25s,box-shadow .25s;overflow:hidden}.accordion-item:hover{box-shadow:var(--shadow-sm);border-color:#2f5dff4d}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--color-subtle)}.spinner{border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;width:36px;height:36px;animation:.7s linear infinite spin}.skeleton{background:linear-gradient(90deg, var(--color-border) 25%, var(--color-bg-alt) 50%, var(--color-border) 75%);border-radius:var(--radius);background-size:400px 100%;animation:1.4s ease-in-out infinite shimmer}@media (max-width:768px){.sidebar{transform:translate(-100%)}.dashboard-content{margin-left:0}.section{padding:72px 0}.section-sm{padding:48px 0}.modal{padding:24px}.container{padding:0 20px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}@media print{.no-print,aside,nav,header,.topbar{display:none!important}body{background:#fff!important}#salary-slip{box-shadow:none!important;border:none!important}}.reveal{opacity:0;transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1);transform:translateY(32px)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-left{opacity:0;transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1);transform:translate(-32px)}.reveal-left.visible{opacity:1;transform:translate(0)}.reveal-right{opacity:0;transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1);transform:translate(32px)}.reveal-right.visible{opacity:1;transform:translate(0)}.reveal-scale{opacity:0;transition:opacity .6s,transform .6s cubic-bezier(.34,1.56,.64,1);transform:scale(.93)}.reveal-scale.visible{opacity:1;transform:scale(1)}.stagger-children>:first-child{transition-delay:0s}.stagger-children>:nth-child(2){transition-delay:80ms}.stagger-children>:nth-child(3){transition-delay:.16s}.stagger-children>:nth-child(4){transition-delay:.24s}.stagger-children>:nth-child(5){transition-delay:.32s}.stagger-children>:nth-child(6){transition-delay:.4s}.glow-purple{box-shadow:0 0 30px #7c3aed59,0 0 60px #7c3aed26}.gradient-border{background:var(--color-card);border-radius:var(--radius-lg);position:relative}.gradient-border:before{content:"";border-radius:calc(var(--radius-lg) + 2px);background:var(--gradient);z-index:-1;opacity:0;transition:opacity .3s;position:absolute;inset:-1.5px}.gradient-border:hover:before{opacity:1}.glass-panel{-webkit-backdrop-filter:blur(24px)saturate(180%);border-radius:var(--radius-lg);background:#ffffff14;border:1px solid #ffffff1f}.glass-panel-light{-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-lg);background:#ffffffbf;border:1px solid #fff9;box-shadow:0 8px 32px #2f5dff0f}.lift{transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s}.lift:hover{box-shadow:var(--shadow-md);transform:translateY(-6px)}.lift-sm{transition:transform .25s,box-shadow .25s}.lift-sm:hover{box-shadow:var(--shadow-sm);transform:translateY(-3px)}.typing-cursor:after{content:"|";color:var(--color-primary);animation:1s step-end infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes countUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.count-animate{animation:.6s cubic-bezier(.22,1,.36,1) forwards countUp}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.noise:before{content:"";pointer-events:none;border-radius:inherit;z-index:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");position:absolute;inset:0}.sidebar-item.active{background:linear-gradient(135deg,#2f5dff33,#7c3aed33);box-shadow:inset 0 0 20px #2f5dff1a}@keyframes borderPulse{0%,to{opacity:.4}50%{opacity:1}}.card-shimmer{position:relative;overflow:hidden}.card-shimmer:after{content:"";background:linear-gradient(105deg,#0000 40%,#ffffff14 50%,#0000 60%);transition:transform .6s;position:absolute;inset:0;transform:translate(-100%)}.card-shimmer:hover:after{transform:translate(100%)}@keyframes pageIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.page-enter{animation:.4s cubic-bezier(.22,1,.36,1) forwards pageIn}.fab{background:var(--gradient);color:#fff;cursor:pointer;z-index:100;border:none;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:22px;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s;display:flex;position:fixed;bottom:28px;right:28px;box-shadow:0 8px 24px #2f5dff73}.fab:hover{transform:scale(1.12)translateY(-2px);box-shadow:0 16px 40px #2f5dff8c}@keyframes toastIn{0%{opacity:0;transform:translateY(16px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes toastOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(8px)}}.toast{background:var(--color-text);color:var(--color-bg);z-index:9999;white-space:nowrap;border-radius:50px;padding:12px 20px;font-size:14px;font-weight:500;animation:.3s cubic-bezier(.34,1.56,.64,1) forwards toastIn;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #0003}@media (max-width:768px){.mobile-overlay{display:block!important}}[data-theme=dark] table th{background:var(--color-bg-alt)!important;color:var(--color-muted)!important}[data-theme=dark] table td{color:var(--color-text)!important;border-color:var(--color-border)!important}[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] textarea{background:var(--color-bg-alt)!important;color:var(--color-text)!important;border-color:var(--color-border)!important}[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{color:var(--color-muted)!important}[data-theme=dark] .stat-card{background:var(--color-card)!important}[data-theme=dark] select option{background:var(--color-bg-alt);color:var(--color-text)}.form-input:focus{border-color:var(--color-primary)!important;box-shadow:0 0 0 3px #2f5dff1f!important}.data-table tbody tr:hover td{background:var(--color-bg-alt)!important}::view-transition-old(root){animation:.2s both fade-out}::view-transition-new(root){animation:.3s both fade-in}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:linear-gradient(180deg, var(--color-primary), var(--color-secondary));opacity:.5;border-radius:99px}::-webkit-scrollbar-thumb:hover{opacity:1}::selection{color:var(--color-text);background:#2f5dff33}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:4px}n [data-theme=dark] .card,[data-theme=dark] .card-feature{background:var(--color-card)!important;border-color:var(--color-border)!important;color:var(--color-text)!important}[data-theme=dark] footer{background:var(--color-bg-alt)!important;border-color:var(--color-border)!important}[data-theme=dark] footer p,[data-theme=dark] footer span:not([style*=background]),[data-theme=dark] footer a:not([class*=btn]),[data-theme=dark] footer li{color:var(--color-muted)!important}[data-theme=dark] footer h3,[data-theme=dark] footer h4{color:var(--color-text)!important}[data-theme=dark] header{border-color:var(--color-border)!important}[data-theme=dark] .section-alt{background:var(--color-bg-alt)!important}[data-theme=dark] .section-badge{background:linear-gradient(135deg,#2f5dff26,#7c3aed26)!important;border-color:#2f5dff33!important}[data-theme=dark] .icon-box-soft{background:linear-gradient(135deg,#2f5dff1f,#7c3aed1f)!important;border-color:#2f5dff33!important}[data-theme=dark] .glass-panel-light{background:#0f1120d9!important;border-color:#ffffff0f!important}[data-theme=dark] .accordion-item{background:var(--color-card)!important;border-color:var(--color-border)!important}[data-theme=dark] nav a:not([class*=btn]):not([class*=sidebar]){color:var(--color-muted)}[data-theme=dark] nav a:not([class*=btn]):not([class*=sidebar]):hover{color:var(--color-text)}[data-theme=dark] .modal{background:var(--color-card)!important;border-color:var(--color-border)!important}[data-theme=dark] .modal-backdrop{background:#04060fd9!important}[data-theme=dark] .form-input{background:var(--color-bg-alt)!important;border-color:var(--color-border)!important;color:var(--color-text)!important}[data-theme=dark] .form-label{color:var(--color-text)!important}[data-theme=dark] .btn-ghost{background:var(--color-bg-alt)!important;border-color:var(--color-border)!important;color:var(--color-text)!important}[data-theme=dark] .btn-ghost:hover{border-color:var(--color-primary)!important;color:var(--color-primary)!important}[data-theme=dark] .btn-outline{color:var(--color-primary)!important;border-color:var(--color-primary)!important}[data-theme=dark] .data-table th{background:var(--color-bg-deep)!important;border-color:var(--color-border)!important;color:var(--color-muted)!important}[data-theme=dark] .data-table td{border-color:var(--color-border)!important;color:var(--color-text)!important}[data-theme=dark] .stat-card{background:var(--color-card)!important;border-color:var(--color-border)!important}[data-theme=dark] .spinner{border-color:var(--color-border)!important;border-top-color:var(--color-primary)!important}[data-theme=dark] h1,[data-theme=dark] h2,[data-theme=dark] h3,[data-theme=dark] h4,[data-theme=dark] h5{color:var(--color-text)}[data-theme=dark] p:not([style*=color]){color:var(--color-muted)}.btn-gradient{background:linear-gradient(135deg,#6d28d9,#2f5dff)!important;box-shadow:0 4px 20px #6d28d959!important}.btn-gradient:hover{background:linear-gradient(135deg,#7c3aed,#3b6bff)!important;transform:translateY(-2px)!important;box-shadow:0 8px 30px #6d28d980!important}.section-badge{color:#a78bfa;background:#7c3aed1a;border:1px solid #7c3aed33}.card:hover{border-color:#7c3aed4d!important;box-shadow:0 20px 60px #6d28d91f,0 0 0 1px #7c3aed26!important}.gradient-text{-webkit-text-fill-color:transparent!important;background:linear-gradient(135deg,#818cf8,#60a5fa)!important;-webkit-background-clip:text!important;background-clip:text!important}.gradient-text-animated{-webkit-text-fill-color:transparent!important;background:linear-gradient(270deg,#818cf8,#60a5fa,#f472b6,#818cf8) 0 0/300% 300%!important;-webkit-background-clip:text!important;background-clip:text!important;animation:5s infinite gradientShift!important}.glow-blue{box-shadow:0 0 30px #6d28d959,0 0 60px #6d28d926!important}.text-glow{text-shadow:0 0 20px #6d28d980!important}:root{--hero-bg:linear-gradient(180deg, #f8f9ff 0%, #eef1fa 60%, #f0f2f9 100%);--hero-text:#0d0f1c;--hero-subtext:#5b5f73;--hero-grid:#2f5dff0a;--hero-blob-1:#7c3aed0f;--hero-blob-2:#2f5dff0d;--hero-badge-bg:#7c3aed14;--hero-badge-border:#7c3aed2e;--hero-badge-color:#6d28d9}[data-theme=dark]{--hero-bg:linear-gradient(180deg, #04060f 0%, #080b1a 60%, #0a0d1f 100%);--hero-text:#f0f1f8;--hero-subtext:#ffffff8c;--hero-grid:#2f5dff0d;--hero-blob-1:#7c3aed1f;--hero-blob-2:#2f5dff1a;--hero-badge-bg:#7c3aed1f;--hero-badge-border:#7c3aed40;--hero-badge-color:#a78bfa}html,body{max-width:100%;overflow-x:hidden}.container{width:100%;max-width:1200px;margin-left:auto;margin-right:auto;padding-left:clamp(16px,4vw,48px);padding-right:clamp(16px,4vw,48px)}:root{--fs-hero:clamp(32px, 6vw, 72px);--fs-h1:clamp(26px, 4.5vw, 56px);--fs-h2:clamp(22px, 3.5vw, 42px);--fs-h3:clamp(18px, 2.5vw, 28px);--fs-body:clamp(14px, 1.5vw, 16px);--fs-small:clamp(12px, 1.2vw, 14px)}.section{padding:clamp(48px,8vw,100px) 0}.grid-2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:clamp(20px,3vw,40px);display:grid}.grid-3{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:clamp(16px,2.5vw,32px);display:grid}.grid-4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:clamp(14px,2vw,28px);display:grid}@media (max-width:480px){.dashboard-page,main{padding:12px 10px!important}.form-input,select.form-input,textarea.form-input{padding:12px 14px!important;font-size:16px!important}.stat-card{padding:14px!important}h1{font-size:clamp(22px,7vw,32px)!important}h2{font-size:clamp(18px,6vw,26px)!important}h3{font-size:clamp(15px,5vw,20px)!important}.modal-overlay{padding:8px!important}.modal-card{border-radius:14px!important;width:100%!important;max-width:100%!important;max-height:92vh!important;padding:16px!important;overflow-y:auto!important}.btn-gradient,.btn-outline{justify-content:center!important;width:100%!important;padding:13px 20px!important;font-size:14px!important}.hero-float-chip{display:none!important}.newsletter-form{flex-direction:column!important;align-items:stretch!important}.newsletter-form input,.newsletter-form button{border-radius:12px!important;width:100%!important}.hero-cta-row{flex-direction:column!important;align-items:center!important;gap:12px!important}.hero-stats-row{flex-wrap:wrap!important;justify-content:center!important;gap:16px!important}.login-split{flex-direction:column!important}.login-left{display:none!important}.login-right{width:100%!important;max-width:100%!important;min-height:100vh!important;padding:24px 16px!important}.career-float-chip{display:none!important}.contact-grid-2col{grid-template-columns:1fr!important}.footer-newsletter-form{flex-direction:column!important;gap:10px!important}.footer-newsletter-form input,.footer-newsletter-form button{border-radius:10px!important;width:100%!important}.candidate-header{flex-wrap:wrap!important;gap:10px!important;padding:12px 14px!important}.candidate-header-actions{flex-wrap:wrap!important;justify-content:space-between!important;gap:8px!important;width:100%!important}.question-palette{flex-wrap:wrap!important;gap:6px!important;max-height:80px!important;display:flex!important;overflow-y:auto!important}.test-header-right{flex-wrap:wrap!important;gap:8px!important}.test-timer{padding:6px 10px!important;font-size:14px!important}.candidates-table-wrap{-webkit-overflow-scrolling:touch!important;overflow-x:auto!important}}@media (max-width:768px){.sidebar{z-index:999!important;height:100vh!important;position:fixed!important;top:0!important;left:0!important;transform:translate(-100%)!important;box-shadow:4px 0 20px #0003!important}.sidebar.open{transform:translate(0)!important}.dashboard-main{width:100%!important;margin-left:0!important}.login-split{flex-direction:column!important}.login-left{display:none!important}.login-right{border-radius:0!important;width:100%!important;max-width:100%!important}.contact-main-grid{grid-template-columns:1fr!important}.about-story-grid{grid-template-columns:1fr!important;gap:32px!important}.career-float-chip{display:none!important}.career-job-actions{flex-flow:wrap!important;gap:10px!important}.career-modal-body{padding:24px 20px!important}.footer-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important;gap:28px!important}.candidate-header{flex-wrap:wrap!important;gap:10px!important;padding:14px 16px!important}.section{padding:clamp(36px,6vw,70px) 0!important}.hero-section{text-align:center!important;padding-top:100px!important}.hero-stats-row{flex-wrap:wrap!important;justify-content:center!important;gap:16px!important}.hero-cta-row{flex-wrap:wrap!important;justify-content:center!important;gap:12px!important}.contact-grid-2col{grid-template-columns:1fr!important}}@media (min-width:769px) and (max-width:1024px){.dashboard-page{padding:20px 18px!important}.sidebar{width:220px!important}.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)!important}.career-modal-body{padding:28px!important}}@media (min-width:1025px){.login-left{display:flex!important}.login-right{min-width:480px!important;max-width:520px!important}.hero-float-chip,.career-float-chip{display:block!important}}.candidate-header{background:var(--color-card);border-bottom:1px solid var(--color-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 32px;display:flex}.candidate-header-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.test-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:12px 20px;display:flex}.test-header-right{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.question-card{padding:clamp(20px,4vw,40px)}@media (hover:none) and (pointer:coarse){button,a,[role=button]{min-height:44px}.btn-gradient,.btn-outline,.btn-ghost{min-height:48px}input,select,textarea{font-size:16px!important}}@media (max-width:900px){.candidate-detail-panel{z-index:999!important;border-radius:24px 24px 0 0!important;height:70vh!important;position:fixed!important;inset:auto 0 0!important;overflow-y:auto!important;box-shadow:0 -10px 40px #00000026!important}.data-table{min-width:600px}.data-table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}}@media print{header,.sidebar,.btn-gradient,.btn-outline,footer{display:none!important}body{color:#000!important;background:#fff!important}.card{box-shadow:none!important;border:1px solid #ddd!important}}.responsive-scroll{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}@media (max-width:640px){.dashboard-page,main{padding:14px 10px!important}.form-input,select.form-input,textarea.form-input{padding:10px 12px!important;font-size:14px!important}.stat-card{gap:10px!important;padding:14px!important}.stat-icon{width:38px!important;height:38px!important;font-size:18px!important}h1{font-size:20px!important}h2{font-size:17px!important}h3{font-size:15px!important}.modal-overlay{padding:10px!important}.modal-card{border-radius:16px!important;width:96%!important;max-width:100%!important;max-height:90vh!important;padding:18px!important;overflow-y:auto!important}}@media (min-width:641px) and (max-width:1024px){.dashboard-page{padding:20px 18px!important}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}