@import"https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800;900&display=swap";@layer components;@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-leading:initial;--tw-font-weight:initial;--tw-tracking: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;--tw-outline-style:solid;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:"Cairo", "Segoe UI", Tahoma, Arial, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-blue-300:oklch(80.9% .105 251.813);--color-blue-700:oklch(48.8% .243 264.376);--color-blue-800:oklch(42.4% .199 265.638);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-gray-900:oklch(21% .034 264.665);--color-white:#fff;--spacing:.25rem;--container-xl:36rem;--container-6xl:72rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--font-weight-medium:500;--font-weight-semibold:600;--tracking-wider:.05em;--radius-md:.375rem;--ease-in-out:cubic-bezier(.4, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.top-0{top:calc(var(--spacing) * 0)}.right-0{right:calc(var(--spacing) * 0)}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.-mt-px{margin-top:-1px}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mr-2{margin-right:calc(var(--spacing) * 2)}.-ml-px{margin-left:-1px}.ml-1{margin-left:calc(var(--spacing) * 1)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-4{margin-left:calc(var(--spacing) * 4)}.ml-12{margin-left:calc(var(--spacing) * 12)}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.table{display:table}.h-5{height:calc(var(--spacing) * 5)}.h-8{height:calc(var(--spacing) * 8)}.h-16{height:calc(var(--spacing) * 16)}.min-h-screen{min-height:100vh}.w-5{width:calc(var(--spacing) * 5)}.w-8{width:calc(var(--spacing) * 8)}.w-auto{width:auto}.max-w-6xl{max-width:var(--container-6xl)}.max-w-xl{max-width:var(--container-xl)}.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,)}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-items-center{justify-items:center}.gap-2{gap:calc(var(--spacing) * 2)}.overflow-hidden{overflow:hidden}.rounded-md{border-radius:var(--radius-md)}.rounded-l-md{border-top-left-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md)}.rounded-r-md{border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-gray-400{border-color:var(--color-gray-400)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-white{background-color:var(--color-white)}.p-6{padding:calc(var(--spacing) * 6)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-4{padding-block:calc(var(--spacing) * 4)}.pt-8{padding-top:calc(var(--spacing) * 8)}.text-center{text-align:center}.text-start{text-align:start}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.leading-5{--tw-leading:calc(var(--spacing) * 5);line-height:calc(var(--spacing) * 5)}.leading-7{--tw-leading:calc(var(--spacing) * 7);line-height:calc(var(--spacing) * 7)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.break-all{word-break:break-all}.text-gray-200{color:var(--color-gray-200)}.text-gray-300{color:var(--color-gray-300)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.text-gray-900{color:var(--color-gray-900)}.uppercase{text-transform:uppercase}.underline{text-decoration-line:underline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.shadow,.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-gray-300{--tw-ring-color:var(--color-gray-300)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.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,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-150{--tw-duration:.15s;transition-duration:.15s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}@media(hover:hover){.hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\:text-gray-400:hover{color:var(--color-gray-400)}.hover\:text-gray-700:hover{color:var(--color-gray-700)}}.focus\:border-blue-300:focus{border-color:var(--color-blue-300)}.focus\:ring: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\:outline-none:focus{--tw-outline-style:none;outline-style:none}.active\:bg-gray-100:active{background-color:var(--color-gray-100)}.active\:text-gray-500:active{color:var(--color-gray-500)}.active\:text-gray-700:active{color:var(--color-gray-700)}.active\:text-gray-800:active{color:var(--color-gray-800)}@media(min-width:40rem){.sm\:flex{display:flex}.sm\:hidden{display:none}.sm\:flex-1{flex:1}.sm\:items-center{align-items:center}.sm\:justify-between{justify-content:space-between}.sm\:justify-start{justify-content:flex-start}.sm\:gap-2{gap:calc(var(--spacing) * 2)}.sm\:px-6{padding-inline:calc(var(--spacing) * 6)}.sm\:pt-0{padding-top:calc(var(--spacing) * 0)}}@media(min-width:64rem){.lg\:px-8{padding-inline:calc(var(--spacing) * 8)}}.rtl\:flex-row-reverse:where(:dir(rtl),[dir=rtl],[dir=rtl] *){flex-direction:row-reverse}@media(prefers-color-scheme:dark){.dark\:border-gray-600{border-color:var(--color-gray-600)}.dark\:bg-gray-700{background-color:var(--color-gray-700)}.dark\:bg-gray-800{background-color:var(--color-gray-800)}.dark\:bg-gray-900{background-color:var(--color-gray-900)}.dark\:text-gray-200{color:var(--color-gray-200)}.dark\:text-gray-300{color:var(--color-gray-300)}.dark\:text-gray-400{color:var(--color-gray-400)}.dark\:text-gray-600{color:var(--color-gray-600)}@media(hover:hover){.dark\:hover\:bg-gray-900:hover{background-color:var(--color-gray-900)}.dark\:hover\:text-gray-200:hover{color:var(--color-gray-200)}.dark\:hover\:text-gray-300:hover{color:var(--color-gray-300)}}.dark\:focus\:border-blue-700:focus{border-color:var(--color-blue-700)}.dark\:focus\:border-blue-800:focus{border-color:var(--color-blue-800)}.dark\:active\:bg-gray-700:active{background-color:var(--color-gray-700)}.dark\:active\:text-gray-300:active{color:var(--color-gray-300)}}}:root{--sidebar-width:260px;--ink:#0b1f35;--muted:#667085;--line:#d9e5f2;--surface:#fff;--page:#eef5fb;--nav:#071b31;--nav-2:#0f2a47;--blue:#2167b2;--teal:#0f766e;--green:#12a36f;--amber:#f59e0b;--rose:#e11d48}*{box-sizing:border-box}body{background:radial-gradient(circle at 12% 16%,#2167b21a,transparent 28%),radial-gradient(circle at 86% 8%,#0f766e1f,transparent 32%),var(--page);min-height:100vh;color:var(--ink);margin:0;font-family:Cairo,Segoe UI,Tahoma,Arial,sans-serif;font-size:14.5px;font-weight:600;line-height:1.55}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.app-shell{min-height:100vh}.sidebar{width:var(--sidebar-width);color:#fff;z-index:10;background:radial-gradient(circle at 18% 6%,#2dd4bf29,#0000 30%),linear-gradient(#071b31,#0f2a47 48%,#12365a);position:fixed;inset-block:0;inset-inline-end:0;overflow-y:auto;box-shadow:-14px 0 36px #0f2a472e}.brand{text-align:center;background:linear-gradient(#030d1cd1,#092039b8);border-bottom:1px solid #ffffff1a;flex-direction:column;align-items:center;gap:8px;padding:18px 14px 16px;display:flex}.brand-mark{color:#0f2a47;background:linear-gradient(135deg,#fff,#dbeafe 58%,#99f6e4);border:1px solid #ffffffb8;border-radius:16px;place-items:center;width:56px;height:56px;display:grid;box-shadow:0 12px 26px #0000003d,inset 0 1px #ffffffe0}.brand-mark i{font-size:28px}.brand strong,.brand small{display:block}.brand strong{letter-spacing:1px;font-size:20px;font-weight:900}.brand small{color:#facc15;margin-top:4px;font-size:11px;font-weight:800}.side-nav{gap:8px;padding:10px;display:grid}.dash-link,.side-link,.sec-header,.sub-link{border-radius:12px;align-items:center;gap:9px;min-height:42px;display:flex}.dash-link{color:#d4deea;background:#2563ab3d;border:1px solid #7dd3fc1f;padding:11px 14px}.dash-link:hover,.dash-link.active{color:#fff;background:linear-gradient(90deg,#2563ab,#0f766e);font-weight:800}.sec-header{cursor:pointer;color:#eaf4ff;background:linear-gradient(#21578cbd,#143d65db);border:1px solid #7dd3fc38;justify-content:space-between;width:100%;padding:11px 14px;box-shadow:inset 0 1px #ffffff14,0 8px 18px #0000001f}.sec-header:hover,.sec-header.open{color:#fff;background:linear-gradient(#2563ab,#174a78);border-color:#2dd4bf7a}.sec-header .chevron{font-size:11px;transition:transform .2s}.sec-header.open .chevron{transform:rotate(-90deg)}.sec-body{background:linear-gradient(#0b233deb,#081d34f5);border:1px solid #5eabd22e;border-top:0;border-radius:0 0 12px 12px;gap:6px;padding:8px 6px 10px;display:grid}.sec-body.collapsed{display:none}.sub-link{color:#cfe0f1;padding:9px 14px;font-size:13px}.sub-link:hover,.sub-link.active{color:#fff;background:linear-gradient(90deg,#2dd4bf3d,#2563eb33);border:1px solid #2dd4bf38;font-weight:800}.sub-header{color:#e8f3ff;cursor:pointer;text-align:start;background:linear-gradient(#143d65b8,#112e4ed1);border:1px solid #5eabd233;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;width:100%;min-height:40px;padding:9px 12px;font-weight:900;display:flex}.sub-header span{align-items:center;gap:8px;display:inline-flex}.sub-header:hover,.sub-header.open{color:#fff;background:linear-gradient(#2563abdb,#0f766e9e);border-color:#2dd4bf5c}.sub-header .chevron{font-size:11px;transition:transform .2s}.sub-header.open .chevron{transform:rotate(-90deg)}.sub-body{background:#051a2f94;border-radius:12px;gap:4px;padding:7px 6px;display:grid}.sub-body.collapsed{display:none}.sub-body.fixed-body{background:linear-gradient(#ffffff09,#051a2fb8);padding-block:8px}.hr-menu{scrollbar-width:thin;scrollbar-color:#7dd3fc75 #081d34cc;max-height:calc(100vh - 190px);overflow-y:auto}.hr-menu .sub-link{border:1px solid #0000;border-radius:10px;justify-content:flex-start;min-height:38px;padding:8px 12px;line-height:1.35}.hr-menu .sub-link i{color:#67e8f9;text-align:center;width:22px;font-size:17px}.hr-menu .setup-item i{color:#2dd4bf}.hr-menu .report-item i{color:#f59e0b}.payroll-menu .sub-link i{color:#fbbf24}.attendance-menu .sub-link i{color:#38bdf8}.medical-menu .sub-link i{color:#2dd4bf}.hr-menu .sub-link span{min-width:0}.side-link{color:#cfe0f1;border:1px solid #0000;justify-content:space-between;padding:11px 14px}.side-link span{align-items:center;gap:8px;display:inline-flex}.side-link small{color:#93c5fd;font-size:10px}.side-link:hover,.side-link.active{color:#fff;background:#2dd4bf1f;border-color:#2dd4bf33}.main-shell{min-height:100vh;margin-inline-end:var(--sidebar-width)}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffeb;justify-content:space-between;align-items:center;gap:18px;min-height:76px;padding:16px 26px;display:flex}.topbar-title{min-width:0}.topbar h1{margin:0;font-size:22px;font-weight:900}.topbar p{color:var(--muted);margin:5px 0 0}.topbar-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.topbar-action{border:1px solid var(--line);color:#0f2a47;white-space:nowrap;background:#fff;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:9px 14px;font-weight:900;display:inline-flex;box-shadow:0 8px 20px #0f2a4712}.topbar-action i{color:#0f766e;font-size:17px}.topbar-action:hover{border-color:#0f766e59;transform:translateY(-1px);box-shadow:0 12px 26px #0f2a471a}.lang-action{color:#fff;background:linear-gradient(135deg,#2167b2,#0f766e);border-color:#0000}.lang-action i{color:#d9f99d}.logout-action{color:#fff;background:linear-gradient(135deg,#dc2626,#f97316);border-color:#0000}.logout-action i{color:#fff}.topbar-db-card{border:1px solid var(--line);background:#fff;border-radius:14px;min-width:160px;padding:10px 14px;box-shadow:0 8px 24px #0f2a4714}.topbar-db-card span,.topbar-db-card strong{display:block}.topbar-db-card span{color:var(--muted);font-size:11px;font-weight:800}.topbar-db-card strong{color:#0f2a47;margin-top:3px}.content-shell{padding:24px 28px 40px}.dashboard-page{gap:18px;display:grid}.dashboard-hero{color:#fff;background:radial-gradient(circle at 13% 20%,#d9f99d24,#0000 28%),linear-gradient(135deg,#0f2a47fa,#2167b2eb,#0f766ee6);border-radius:18px;justify-content:space-between;align-items:center;gap:26px;min-height:220px;padding:30px;display:flex;overflow:hidden;box-shadow:0 20px 50px #0f2a4729}.dashboard-hero-copy h2{max-width:820px;margin:10px 0 12px;font-size:34px;font-weight:900;line-height:1.35}.dashboard-hero-copy p{color:#ffffffd1;max-width:780px;margin:0;font-weight:700;line-height:1.9}.dashboard-hero .eyebrow{color:#d9f99d}.dashboard-hero-panel{background:#ffffff1f;border:1px solid #ffffff3d;border-radius:18px;align-content:center;place-items:center;gap:7px;min-width:210px;min-height:156px;padding:18px;display:grid;box-shadow:inset 0 1px #ffffff29}.dashboard-hero-panel i{color:#0f2a47;background:linear-gradient(135deg,#fff,#dbeafe 58%,#99f6e4);border-radius:16px;place-items:center;width:56px;height:56px;font-size:28px;display:grid}.dashboard-hero-panel span{color:#ffffffbd;font-size:12px;font-weight:800}.dashboard-hero-panel strong{font-size:18px;font-weight:900}.dashboard-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.dashboard-stat{border:1px solid var(--line);background:#fff;border-radius:16px;align-items:center;gap:13px;min-height:92px;padding:16px;display:flex;box-shadow:0 12px 28px #0f2a4714}.dashboard-stat i{color:#fff;background:linear-gradient(135deg,#2167b2,#0f766e);border-radius:14px;flex:none;place-items:center;width:46px;height:46px;font-size:22px;display:grid}.dashboard-stat strong,.dashboard-stat span{display:block}.dashboard-stat strong{color:#0f2a47;font-size:16px;font-weight:900}.dashboard-stat span{color:var(--muted);margin-top:4px;font-size:12px;font-weight:700;line-height:1.5}.dashboard-modules{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.dashboard-module{border:1px solid var(--line);background:#fff;border-radius:16px;grid-template-columns:58px minmax(0,1fr);align-items:start;gap:14px;min-height:166px;padding:18px;display:grid;position:relative;overflow:hidden;box-shadow:0 14px 32px #0f2a4714}.dashboard-module:before{content:"";background:linear-gradient(#2167b2,#0f766e);width:5px;position:absolute;inset-block:0;inset-inline-start:0}.dashboard-module:hover{border-color:#0f766e61;transform:translateY(-2px);box-shadow:0 20px 42px #0f2a471f}.dashboard-module-icon{color:#fff;background:linear-gradient(135deg,#2167b2,#0f766e);border-radius:16px;place-items:center;width:56px;height:56px;font-size:26px;display:grid}.dashboard-module strong,.dashboard-module span,.dashboard-module small{display:block}.dashboard-module strong{color:#0f2a47;font-size:18px;font-weight:900}.dashboard-module span{color:var(--muted);margin-top:8px;font-weight:700;line-height:1.75}.dashboard-module small{color:#0f766e;background:#e7f8f3;border-radius:999px;grid-column:1/-1;width:fit-content;margin-top:6px;padding:6px 11px;font-weight:900}.dashboard-module.green .dashboard-module-icon,.dashboard-module.green:before{background:linear-gradient(135deg,#0f766e,#12a36f)}.dashboard-module.blue .dashboard-module-icon,.dashboard-module.blue:before{background:linear-gradient(135deg,#2563ab,#06b6d4)}.dashboard-module.cyan .dashboard-module-icon,.dashboard-module.cyan:before{background:linear-gradient(135deg,#0891b2,#0f766e)}.dashboard-module.navy .dashboard-module-icon,.dashboard-module.navy:before{background:linear-gradient(135deg,#0f2a47,#2167b2)}.dashboard-module.slate .dashboard-module-icon,.dashboard-module.slate:before{background:linear-gradient(135deg,#475569,#0f766e)}.eyebrow{color:#0f766e;align-items:center;gap:7px;font-size:12px;font-weight:900;display:inline-flex}.hero-panel,.hub-hero{color:#fff;background:linear-gradient(135deg,#0f2a47f2,#0f766ed1),linear-gradient(135deg,#d8edf4,#f7fbfd);border-radius:18px;justify-content:space-between;align-items:center;gap:22px;min-height:220px;padding:30px;display:flex;overflow:hidden;box-shadow:0 20px 50px #0f2a4729}.hero-panel h2,.hub-hero h2{letter-spacing:0;max-width:780px;margin:8px 0 10px;font-size:30px;font-weight:900}.hero-panel p,.hub-hero p{color:#ffffffd1;max-width:760px;margin:0;line-height:1.9}.hero-panel .eyebrow,.hub-hero .eyebrow{color:#d9f99d}.module-grid,.setup-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:18px;display:grid}.module-card,.setup-card,.empty-state,.db-card{border:1px solid var(--line);background:var(--surface);border-radius:14px;box-shadow:0 12px 28px #0f2a4714}.module-card,.setup-card{gap:8px;min-height:136px;padding:18px;display:grid}.module-card:hover,.setup-card:hover{border-color:#0f766e6b;transform:translateY(-1px);box-shadow:0 18px 36px #0f2a471f}.module-card strong,.setup-card strong{font-size:16px;font-weight:900}.module-card span,.setup-card span,.empty-state p{color:var(--muted);line-height:1.75}.setup-card i{color:#fff;border-radius:13px;place-items:center;width:44px;height:44px;font-size:22px;display:grid}.setup-card.primary i{background:linear-gradient(135deg,#2167b2,#0f766e)}.setup-card.success i{background:linear-gradient(135deg,#0f766e,#12a36f)}.hub-badge{background:#ffffff1f;border:1px solid #ffffff3d;border-radius:18px;place-items:center;min-width:150px;min-height:120px;display:grid}.hub-badge i{color:#d9f99d;font-size:34px}.hub-badge span{font-weight:900}.empty-state{padding:28px}.page-actions{margin-top:18px}.btn-primary,.btn-secondary,.mini-btn{cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:7px;min-height:36px;padding:8px 15px;font-weight:900;display:inline-flex}.btn-primary{color:#fff;background:linear-gradient(135deg,#0f766e,#12a36f);box-shadow:0 12px 26px #0f766e38}.btn-secondary{color:#0f2a47;border-color:var(--line);background:#fff}.btn-primary:disabled,.btn-secondary:disabled,.mini-btn:disabled{opacity:.62;cursor:not-allowed}.alert-panel{border:1px solid var(--line);background:#fff;border-radius:14px;margin-bottom:14px;padding:13px 16px}.alert-panel p{color:var(--muted);margin:6px 0 0;line-height:1.7}.alert-panel.success{color:#11633c;background:#eefaf4;border-color:#9bd3bd}.alert-panel.danger{color:#9f1d1d;background:#fff5f5;border-color:#f4b4b4}.settings-window{background:#f5f8fb;border:1px solid #c8d6e4;border-radius:14px;min-height:calc(100vh - 150px);overflow:hidden;box-shadow:0 22px 54px #0f2a471f}.window-title{text-align:center;color:#fff;background:linear-gradient(135deg,#0f2a47,#2167b2 58%,#0f766e);border-bottom:1px solid #ffffff1a;padding:14px 18px;font-size:18px;font-weight:900}.tabs>input[type=radio]{opacity:0;pointer-events:none;position:absolute}.tab-labels{background:#f8fafc;border-bottom:1px solid #d9e5f2;gap:0;padding:12px 14px 0;display:flex;overflow-x:auto}.tab-labels label{color:#0f2a47;cursor:pointer;white-space:nowrap;background:linear-gradient(#fff,#f3f7fb);border:1px solid #d9e5f2;border-bottom:0;border-radius:10px 10px 0 0;flex:none;align-items:center;gap:7px;min-height:38px;padding:8px 13px;font-weight:900;display:inline-flex}.tab-labels label i{color:inherit;font-size:14px}#tab-company:checked~.tab-labels label[for=tab-company],#tab-attendance:checked~.tab-labels label[for=tab-attendance],#tab-insurance:checked~.tab-labels label[for=tab-insurance],#tab-tax:checked~.tab-labels label[for=tab-tax],#tab-accounts:checked~.tab-labels label[for=tab-accounts],#tab-leaves:checked~.tab-labels label[for=tab-leaves],#tab-web:checked~.tab-labels label[for=tab-web]{color:#fff;background:linear-gradient(#2167b2,#0f766e);border-color:#0f766e}.tab-panel{background:#f5f8fb;min-height:520px;padding:24px 30px;display:none}#tab-company:checked~.company-panel,#tab-attendance:checked~.attendance-panel,#tab-insurance:checked~.insurance-panel,#tab-tax:checked~.tax-panel,#tab-accounts:checked~.accounts-panel,#tab-leaves:checked~.leaves-panel,#tab-web:checked~.web-panel{display:block}.form-grid{align-items:end;gap:14px 18px;display:grid}.form-grid.two{grid-template-columns:repeat(2,minmax(220px,1fr))}.form-grid.three{grid-template-columns:repeat(3,minmax(180px,1fr))}.form-grid.compact{max-width:820px}.form-field{grid-template-columns:minmax(120px,190px) minmax(0,1fr);align-items:center;gap:10px;display:grid}.form-field span{color:#18324d;font-weight:900}.form-field input,.rates-table input,.account-input-wrap input,.wage-item-input-wrap input{color:#111827;font-variant-numeric:tabular-nums;background:#fff;border:1px solid #cbd9e7;border-radius:9px;width:100%;min-height:36px;padding:6px 10px}.form-field input:focus,.rates-table input:focus,.account-input-wrap input:focus,.wage-item-input-wrap input:focus{border-color:#0f766e;outline:none;box-shadow:0 0 0 3px #0f766e1f}.attendance-layout{gap:16px;display:grid}.attendance-section{background:#fff;border:1px solid #d9e5f2;border-radius:12px;padding:16px;box-shadow:0 12px 28px #0f2a470d}.attendance-section h3{color:#0f2a47;margin:0 0 14px;font-size:15px;font-weight:900}.account-field,.wage-item-field{align-items:center}.account-input-wrap{grid-template-columns:38px minmax(0,1fr);gap:7px;display:grid}.wage-item-input-wrap{grid-template-columns:38px minmax(78px,.36fr) minmax(110px,.64fr);gap:7px;display:grid}.account-lookup,.wage-item-lookup{color:#0f766e;cursor:pointer;background:linear-gradient(#fff,#eef6ff);border:1px solid #cbd9e7;border-radius:10px;place-items:center;width:38px;min-height:36px;display:inline-grid;box-shadow:0 7px 16px #0f2a4712}.account-lookup:disabled{opacity:.72;cursor:not-allowed}.wage-item-lookup:hover{background:linear-gradient(#f0fdf7,#e7f8f3);border-color:#0f766e6b;box-shadow:0 9px 18px #0f766e29}.wage-item-name{color:#0f2a47;background:#f8fbff;border:1px solid #d9e5f2;border-radius:9px;align-items:center;min-height:36px;padding:6px 10px;font-size:12px;font-weight:900;display:flex}.settings-modal[hidden]{display:none}.settings-modal{z-index:80;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.settings-modal-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f2a4757;position:absolute;inset:0}.settings-modal-card{z-index:1;background:#f8fbff;border:1px solid #b8c7d8;border-radius:14px;grid-template-rows:auto auto minmax(0,1fr) auto;width:min(660px,100vw - 36px);max-height:min(720px,100vh - 36px);display:grid;position:relative;overflow:hidden;box-shadow:0 26px 70px #0f2a4742}.settings-modal-head{color:#fff;background:linear-gradient(135deg,#0f2a47,#2167b2 58%,#0f766e);justify-content:space-between;align-items:center;gap:12px;min-height:48px;padding:10px 14px;display:flex}.settings-modal-head strong{font-size:16px;font-weight:900}.settings-modal-close,.settings-modal-head button:not(.settings-modal-close){color:#0f2a47;cursor:pointer;background:#fffffff0;border:0;border-radius:999px;place-items:center;width:34px;height:34px;display:grid}.settings-modal-search{background:#fff;border-bottom:1px solid #d9e5f2;padding:12px 14px;position:relative}.settings-modal-search i{color:#0f766e;inset-inline-start:26px;position:absolute;top:50%;translate:0 -50%}.settings-modal-search input{color:#0f172a;background:#f8fbff;border:1px solid #cbd9e7;border-radius:10px;width:100%;min-height:40px;padding:8px 42px 8px 12px;font-weight:800}.settings-modal-search input:focus{border-color:#0f766e;outline:none;box-shadow:0 0 0 3px #0f766e1f}.settings-modal-table{background:#f8fbff;align-content:start;gap:6px;padding:10px;display:grid;overflow:auto}.settings-modal-table button{color:#0f2a47;text-align:start;cursor:pointer;background:#fff;border:1px solid #dbe7f3;border-radius:10px;grid-template-columns:92px minmax(0,1fr);align-items:center;gap:12px;width:100%;padding:10px 12px;display:grid}.settings-modal-table button:hover,.settings-modal-table button:focus{background:#e7f8f3;border-color:#0f766e;outline:none}.settings-modal-table button span{color:#1d4ed8;text-align:center;direction:ltr;font-weight:900}.settings-modal-table button strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:900;overflow:hidden}.wage-browser-toolbar{background:#fff;border-bottom:1px solid #d9e5f2;padding:14px}.wage-browser-toolbar label{color:#0f2a47;grid-template-columns:130px minmax(0,1fr);align-items:center;gap:10px;font-weight:900;display:grid}.wage-browser-toolbar input{color:#111827;background:#fff;border:1px solid #cbd9e7;border-radius:9px;width:100%;min-height:38px;padding:6px 10px}.wage-browser-toolbar input:focus{border-color:#0f766e;outline:none;box-shadow:0 0 0 3px #0f766e1f}.wage-browser-table-wrap{background:#fff;overflow:auto}.wage-browser-table{border-collapse:collapse;width:100%}.wage-browser-table th,.wage-browser-table td{text-align:center;border-bottom:1px solid #e8eef5;padding:10px 12px;font-weight:900}.wage-browser-table th{color:#fff;background:#0f2a47}.wage-browser-table tbody tr{cursor:pointer}.wage-browser-table tbody tr:hover,.wage-browser-table tbody tr.is-selected{color:#0f766e;background:#e7f8f3}.settings-modal-actions{background:#fff;border-top:1px solid #d9e5f2;justify-content:flex-end;gap:8px;padding:12px 14px;display:flex}.license-list{color:#0f766e;text-align:center;gap:8px;max-width:400px;margin:34px auto 0;font-weight:900;display:grid}.check-group,.radio-box{background:#fff;border:1px solid #d7dce2;border-radius:14px;margin-top:18px;padding:14px 18px}.check-group legend,.radio-box legend{color:#0f2a47;padding:0 8px;font-weight:900}.check-group{grid-template-columns:repeat(4,max-content);gap:12px 28px;display:grid}.radio-box{align-items:center;gap:28px;width:fit-content;display:flex}.inline-check{color:#0f2a47;align-items:center;gap:8px;margin-top:18px;font-weight:900;display:inline-flex}.rates-table{grid-template-columns:180px minmax(120px,180px) minmax(120px,180px);align-items:center;gap:8px 14px;margin-top:18px;display:grid}.rates-table .form-field{display:block}.rates-table .form-field span{display:none}.tax-layout{gap:16px;display:grid}.tax-summary{grid-template-columns:repeat(2,minmax(240px,420px));justify-content:end;align-items:end;gap:14px 18px;display:grid}.tax-board{grid-template-columns:minmax(420px,.92fr) minmax(500px,1.08fr);align-items:start;gap:16px;display:grid}.tax-card{background:#fff;border:1px solid #cfdbe8;border-radius:12px;overflow:hidden;box-shadow:0 14px 34px #0f2a470f}.table-head{background:linear-gradient(#fff,#f7fbff);border-bottom:1px solid #e4ebf3;grid-template-columns:1fr;align-items:center;gap:10px;padding:14px 16px;display:grid}.table-head h3,.accounts-panel h3{color:#0f2a47;margin:0;font-size:15px;font-weight:900}.accounts-panel h3{margin:10px 0 12px}.erp-account-note{color:#1e3a8a;background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;align-items:center;gap:9px;margin-bottom:14px;padding:10px 13px;font-size:13px;font-weight:900;display:inline-flex}.erp-account-note i{color:#0f766e}.table-head span{color:#64748b;font-size:12px;font-weight:800}.tax-actions{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:8px;display:flex}.tax-tool{color:#0f2a47;cursor:pointer;background:#fff;border:1px solid #cbd9e7;border-radius:999px;justify-content:center;align-items:center;gap:7px;min-height:34px;padding:7px 11px;font-size:12px;font-weight:900;display:inline-flex;box-shadow:0 8px 18px #0f2a470d}.tax-tool i{font-size:15px}.tax-tool.add i{color:#0f9f6e}.tax-tool.remove i{color:#dc2626}.tax-tool.undo i{color:#2167b2}.tax-table-wrap{scrollbar-color:#94a3b8 #eef2f7;max-height:none;overflow:auto}.tax-table{border-collapse:collapse;background:#fff;width:100%}.tax-table th,.tax-table td{text-align:center;font-variant-numeric:tabular-nums;border-bottom:1px solid #e8eef5;padding:10px 12px;font-weight:800}.tax-table th{color:#fff;background:#0f2a47}.tax-table tbody tr{transition:background .16s,color .16s,opacity .16s}.master-tax-row{cursor:pointer}.master-tax-row:hover,.master-tax-row.is-selected{color:#0f766e;background:#e7f8f3}.master-tax-row.is-selected td{color:#0f766e;box-shadow:inset 0 1px #99f6e4,inset 0 -1px #99f6e4}.master-tax-row:focus-visible{outline-offset:-3px;outline:3px solid #0f766e38}.detail-tax-table tr.is-hidden{display:none}.window-actions{background:#fff;border-top:1px solid #cfd6df;justify-content:flex-end;gap:8px;padding:12px 14px;display:flex}.db-admin-page{gap:16px;display:grid}.db-toolbar{color:#fff;background:linear-gradient(135deg,#0f2a47,#2167b2 58%,#0f766e);border-radius:18px;justify-content:space-between;align-items:center;gap:16px;padding:20px;display:flex;box-shadow:0 18px 42px #0f2a4726}.db-toolbar h2{margin:6px 0 0;font-size:22px;font-weight:900}.db-toolbar .eyebrow{color:#d9f99d}.db-actions-head{flex-wrap:wrap;gap:8px;display:flex}.db-card{overflow:hidden}.db-table{border-collapse:collapse;width:100%;font-size:14px}.db-table th{color:#fff;white-space:nowrap;background:#0f2a47;padding:12px}.db-table td{vertical-align:middle;border-bottom:1px solid #edf2f7;padding:11px 12px}.db-table td small{color:var(--muted);margin-top:3px;display:block}.active-db{background:linear-gradient(90deg,#e9fbef,#f7fff9)}.status-pill,.engine-badge{border-radius:999px;align-items:center;gap:5px;padding:5px 10px;font-size:12px;font-weight:900;display:inline-flex}.status-pill{color:#166246;background:#dcfce7}.engine-badge{color:#1454b8;background:#e3f2fd}.db-row-actions{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.mini-btn{min-height:32px;padding:6px 10px;font-size:12px}.mini-btn.use{color:#fff;background:#0f9f6e}.mini-btn.edit{color:#1454b8;background:#eef6ff;border-color:#1f6feb}.mini-btn.test{color:#087990;background:#ecfeff;border-color:#06b6d4}.db-note{color:#1e3a8a;background:#eff6ff;border:1px solid #bfdbfe;border-radius:14px;align-items:center;gap:10px;padding:13px 16px;display:flex}.payroll-workspace{gap:16px;display:grid}.payroll-toolbar{color:#fff;background:linear-gradient(135deg,#0f2a47,#2167b2 58%,#0f766e);border-radius:18px;justify-content:space-between;align-items:center;gap:16px;padding:20px;display:flex;box-shadow:0 18px 42px #0f2a4726}.payroll-toolbar h2{margin:6px 0 0;font-size:22px;font-weight:900}.payroll-toolbar .eyebrow{color:#d9f99d}.payroll-menu-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;display:grid}.payroll-menu-card{color:#0f2a47;background:#fff;border:1px solid #d9e5f2;border-radius:14px;align-items:center;gap:12px;min-height:76px;padding:15px;font-weight:900;display:flex;box-shadow:0 12px 28px #0f2a470f}.payroll-menu-card i{color:#0f766e;background:#e7f8f3;border-radius:12px;place-items:center;width:42px;height:42px;font-size:20px;display:grid}.payroll-menu-card:hover,.payroll-menu-card.active{color:#fff;background:linear-gradient(135deg,#2167b2,#0f766e);border-color:#0000}.payroll-menu-card:hover i,.payroll-menu-card.active i{color:#0f2a47;background:#fff}.attendance-toolbar{background:linear-gradient(135deg,#0b3b5f,#1684b8 58%,#0f766e)}.attendance-menu-card i{color:#0b6f91;background:#e0f7ff}.attendance-machine-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.attendance-machine-fields .code-field{max-width:180px}.attendance-site-field{grid-column:1/-1}.attendance-site-lookup{grid-template-columns:38px minmax(0,1fr);align-items:center;gap:8px;display:grid}.attendance-site-lookup input[readonly]{color:#0f2a47;background:#f8fbff;font-weight:900}.attendance-site-button{border-radius:10px;width:38px;min-height:40px}.attendance-machines-table th,.attendance-machines-table td{white-space:nowrap}.attendance-shift-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.attendance-shift-fields .code-field{max-width:180px}.attendance-shifts-table th,.attendance-shifts-table td{white-space:nowrap}.attendance-plan-screen{gap:14px;display:grid}.attendance-plan-shell{grid-template-columns:minmax(0,1.1fr) minmax(390px,.9fr);align-items:start;gap:16px;display:grid}.attendance-plan-form{overflow:hidden}.attendance-plan-groups{gap:12px;padding:14px;display:grid}.attendance-plan-groups fieldset{background:#f8fbff;border:1px solid #d9e5f2;border-radius:12px;gap:9px;margin:0;padding:12px;display:grid}.attendance-plan-groups legend{color:#0f2a47;padding:0 8px;font-weight:900}.attendance-plan-groups label{color:#0f2a47;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:8px;font-weight:900;display:grid}.plan-lookup-line{grid-template-columns:32px 80px minmax(0,1fr);align-items:center;gap:6px;display:grid}.attendance-plan-groups input[type=number],.attendance-plan-groups input[type=text],.attendance-plan-groups input[type=date]{color:#111827;background:#fff;border:1px solid #cbd9e7;border-radius:8px;width:100%;min-height:34px;padding:6px 9px;font-weight:800}.attendance-plan-groups input[readonly]{color:#0f2a47;background:#fff}.attendance-weekdays{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.attendance-date-range{grid-template-columns:repeat(2,minmax(0,1fr))}.attendance-date-range legend{grid-column:1/-1}.attendance-date-range label{grid-template-columns:28px minmax(0,1fr)}.attendance-weekdays label{grid-template-columns:18px minmax(0,1fr);gap:6px;font-size:12px}.attendance-plan-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.attendance-plan-table th,.attendance-plan-table td{white-space:nowrap}.attendance-schedule-screen{justify-items:start;gap:14px;display:grid}.attendance-schedule-card{width:min(100%,620px)}.attendance-schedule-body{gap:14px;padding:16px;display:grid}.attendance-schedule-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.attendance-schedule-stats div{background:#f8fbff;border:1px solid #d9e5f2;border-radius:12px;align-content:center;gap:5px;min-height:76px;padding:12px;display:grid}.attendance-schedule-stats span,.attendance-replace-option span,.attendance-schedule-note{color:#0f2a47;font-weight:900}.attendance-schedule-stats span{font-size:12px}.attendance-schedule-stats strong{color:#111827;font-size:20px;font-weight:900}.attendance-replace-option{background:#fff;border:1px solid #d9e5f2;border-radius:12px;align-items:center;gap:9px;min-height:42px;padding:10px 12px;display:flex}.attendance-replace-option input{width:17px;height:17px}.attendance-schedule-note{background:#effaf6;border:1px solid #bfe8d9;border-radius:12px;align-items:flex-start;gap:9px;padding:12px;line-height:1.7;display:flex}.attendance-schedule-note i{color:#0f766e;margin-top:2px;font-size:18px}.attendance-schedule-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.attendance-exit-link{color:#111827;background:#fff;border:1px solid #111827;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:32px;font-weight:900;text-decoration:none;display:inline-flex}.attendance-sheet-screen{color:#0f2a47;gap:16px;display:grid}.attendance-sheet-hero{background:linear-gradient(135deg,#0e7490f2,#0f766ef0 48%,#1e40afe6),#0f766e;border:1px solid #0e74902e;border-radius:18px;gap:16px;padding:18px;display:grid;box-shadow:0 20px 44px #0f2a4729}.attendance-sheet-title{color:#fff;align-items:center;gap:12px;display:flex}.attendance-sheet-title i{color:#075985;background:#e0f7ff;border-radius:14px;place-items:center;width:46px;height:46px;font-size:24px;display:grid}.attendance-sheet-title strong{font-size:22px;font-weight:900;display:block}.attendance-sheet-title span{color:#ffffffd1;margin-top:3px;font-size:13px;font-weight:800;display:block}.attendance-sheet-filters{grid-template-columns:repeat(6,minmax(0,1fr));align-items:end;gap:10px;display:grid}.attendance-sheet-filters label{color:#fff;gap:6px;font-weight:900;display:grid}.attendance-sheet-filters label:first-child,.attendance-sheet-filters label:nth-child(2){grid-column:span 2}.attendance-sheet-filters input,.attendance-sheet-filters select{color:#0f172a;background:#fffffff5;border:1px solid #ffffff5c;border-radius:12px;width:100%;min-height:40px;padding:8px 10px;font-weight:900;box-shadow:inset 0 1px #ffffff73}.attendance-sheet-filters input[readonly]{color:#164e63;background:#f0fdfa}.sheet-lookup-line{grid-template-columns:40px 88px minmax(0,1fr);gap:7px;display:grid}.attendance-sheet-search{color:#0f172a;background:linear-gradient(135deg,#fde68a,#f97316);border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:42px;font-weight:900;display:inline-flex;box-shadow:0 12px 22px #f9731647}.attendance-sheet-stats{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.attendance-sheet-stats>div{background:#fff;border:1px solid #d9e5f2;border-radius:16px;grid-template-columns:42px minmax(0,1fr);align-content:center;gap:3px 10px;min-height:102px;padding:14px;display:grid;box-shadow:0 14px 34px #0f2a4714}.attendance-sheet-stats i{border-radius:13px;grid-row:span 2;place-items:center;width:42px;height:42px;font-size:20px;display:grid}.attendance-sheet-stats span{color:#64748b;font-size:12px;font-weight:900}.attendance-sheet-stats strong{color:#0f172a;font-size:22px;font-weight:900}.attendance-sheet-stats .blue i{color:#075985;background:#e0f2fe}.attendance-sheet-stats .green i{color:#047857;background:#d1fae5}.attendance-sheet-stats .amber i{color:#b45309;background:#fef3c7}.attendance-sheet-stats .violet i{color:#6d28d9;background:#ede9fe}.attendance-sheet-stats .rose i{color:#be123c;background:#ffe4e6}.attendance-sheet-table-card{background:#fff;border:1px solid #d9e5f2;border-radius:18px;overflow:hidden;box-shadow:0 18px 44px #0f2a471a}.attendance-sheet-table-head{background:linear-gradient(#fff,#f8fbff);border-bottom:1px solid #e5edf6;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.attendance-sheet-table-head strong{color:#0f2a47;font-weight:900;display:block}.attendance-sheet-table-head span{color:#64748b;font-size:12px;font-weight:800}.attendance-sheet-table-wrap{max-height:62vh;overflow:auto}.attendance-sheet-table{border-collapse:separate;border-spacing:0;width:100%;min-width:1280px}.attendance-sheet-table th{z-index:1;color:#fff;white-space:nowrap;background:#0f766e;padding:11px 10px;font-size:12px;font-weight:900;position:sticky;top:0}.attendance-sheet-table td{color:#0f172a;text-align:center;white-space:nowrap;border-bottom:1px solid #edf2f7;padding:11px 10px;font-size:13px;font-weight:800}.attendance-sheet-table tbody tr:nth-child(2n){background:#f8fbff}.attendance-sheet-table tbody tr:hover{background:#e0f7ef}.sheet-employee-cell{text-align:start;gap:2px;display:grid}.sheet-employee-cell strong{color:#075985}.sheet-employee-cell span{color:#475569;font-size:12px}.time-pill{border-radius:999px;justify-content:center;min-width:58px;padding:4px 9px;font-weight:900;display:inline-flex}.time-pill.in{color:#047857;background:#d1fae5}.time-pill.out{color:#1d4ed8;background:#dbeafe}.metric-warning{color:#b45309!important}.metric-good{color:#047857!important}.metric-danger{color:#be123c!important}.day-badge{border-radius:999px;justify-content:center;align-items:center;min-width:88px;padding:5px 9px;font-size:12px;font-weight:900;display:inline-flex}.day-badge.work{color:#047857;background:#d1fae5}.day-badge.weekend{color:#475569;background:#e2e8f0}.day-badge.mission{color:#1d4ed8;background:#dbeafe}.day-badge.vacation,.day-badge.official{color:#7c2d12;background:#ffedd5}.day-badge.permission{color:#6d28d9;background:#ede9fe}.attendance-sheet-table .bi-check-circle-fill{color:#0f766e}.dash{color:#94a3b8}.attendance-empty-row{color:#64748b!important;padding:28px!important}.machine-import-screen{gap:16px;display:grid}.machine-import-warning{color:#7c2d12;background:#fff7ed;border:1px solid #fed7aa;border-radius:16px;align-items:flex-start;gap:12px;padding:14px 16px;display:flex;box-shadow:0 12px 28px #7c2d1214}.machine-import-warning i{margin-top:2px;font-size:22px}.machine-import-warning strong,.machine-import-warning span{font-weight:900;display:block}.machine-import-warning span{color:#9a3412;margin-top:3px;font-size:13px}.machine-import-layout{grid-template-columns:minmax(0,1fr) 260px;align-items:stretch;gap:16px;display:grid}.machine-import-card,.machine-import-side,.machine-import-table-card{background:#fff;border:1px solid #d9e5f2;border-radius:18px;overflow:hidden;box-shadow:0 18px 44px #0f2a471a}.machine-import-head{color:#fff;background:linear-gradient(135deg,#0f766e,#0e7490 54%,#1d4ed8);align-items:center;gap:12px;padding:16px;display:flex}.machine-import-head i{color:#075985;background:#e0f7ff;border-radius:14px;place-items:center;width:48px;height:48px;font-size:24px;display:grid}.machine-import-head strong{font-size:21px;font-weight:900;display:block}.machine-import-head span{color:#ffffffd6;font-size:13px;font-weight:800}.machine-import-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:18px;display:grid}.machine-import-fields label{color:#0f2a47;gap:7px;font-weight:900;display:grid}.machine-import-fields input{color:#0f172a;background:#fff;border:1px solid #cbd9e7;border-radius:12px;width:100%;min-height:42px;padding:8px 11px;font-weight:900}.machine-import-progress{background:#e2e8f0;border-radius:999px;height:18px;margin:0 18px 18px;overflow:hidden}.machine-import-progress span{border-radius:inherit;opacity:.35;background:linear-gradient(90deg,#22c55e,#0ea5e9);width:100%;height:100%;display:block}.machine-import-actions{grid-template-columns:minmax(0,1fr) minmax(0,1.55fr) 120px;gap:10px;padding:0 18px 18px;display:grid}.machine-import-actions button,.machine-import-actions a{border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:40px;font-weight:900;text-decoration:none;display:inline-flex}.machine-import-actions .pull{color:#fff;background:linear-gradient(135deg,#2167b2,#0f766e);border:0}.machine-import-actions .pull-clear{color:#fff;background:linear-gradient(135deg,#dc2626,#f97316);border:0}.machine-import-actions a{color:#111827;background:#fff;border:1px solid #111827}.machine-import-side{gap:10px;padding:14px;display:grid}.machine-import-side div{background:#f8fbff;border-radius:14px;grid-template-columns:42px minmax(0,1fr);align-content:center;gap:3px 10px;padding:12px;display:grid}.machine-import-side i{color:#0f766e;background:#d1fae5;border-radius:12px;grid-row:span 2;place-items:center;width:42px;height:42px;font-size:20px;display:grid}.machine-import-side span{color:#64748b;font-size:12px;font-weight:900}.machine-import-side strong{color:#0f172a;font-weight:900}.machine-import-table{min-width:720px}.attendance-review-screen{gap:16px;display:grid}.attendance-review-filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.review-filter-group{background:#fff;border:1px solid #d9e5f2;border-radius:16px;gap:10px;padding:14px;display:grid;box-shadow:0 14px 34px #0f2a4714}.review-filter-group>strong{color:#0f2a47;font-weight:900}.review-filter-group label{color:#0f2a47;grid-template-columns:74px minmax(0,1fr);align-items:center;gap:8px;font-weight:900;display:grid}.review-filter-group input[type=number],.review-filter-group input[type=text],.review-filter-group input[type=date]{color:#0f172a;background:#fff;border:1px solid #cbd9e7;border-radius:10px;width:100%;min-height:38px;padding:8px 10px;font-weight:900}.review-filter-group input[readonly]{color:#164e63;background:#f8fbff}.review-date-group{grid-template-columns:repeat(2,minmax(0,1fr))}.review-date-group>strong{grid-column:1/-1}.review-date-group label{grid-template-columns:82px minmax(0,1fr)}.review-type-group{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start}.review-type-group>strong{grid-column:1/-1}.review-type-group label{grid-template-columns:18px minmax(0,1fr);min-height:30px}.review-type-group button{color:#fff;background:linear-gradient(135deg,#2167b2,#0f766e);border:0;border-radius:999px;grid-column:1/-1;min-height:42px;font-weight:900}.attendance-review-stats{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.attendance-review-stats div{color:#0f2a47;background:#fff;border-radius:16px;gap:4px;padding:14px;display:grid;box-shadow:0 14px 34px #0f2a4714}.attendance-review-stats span{color:#64748b;font-size:12px;font-weight:900}.attendance-review-stats strong{font-size:24px;font-weight:900}.attendance-review-stats .in strong{color:#047857}.attendance-review-stats .out strong{color:#1d4ed8}.attendance-review-stats .break strong{color:#b45309}.review-table-tools{align-items:center;gap:10px;display:flex}.review-table-tools button{color:#0f172a;background:#fff;border:1px solid #cbd9e7;border-radius:999px;justify-content:center;align-items:center;gap:7px;min-height:36px;padding:0 14px;font-weight:900;display:inline-flex}.review-table{min-width:960px}.review-move-badge{border-radius:999px;justify-content:center;min-width:82px;padding:5px 10px;font-size:12px;font-weight:900;display:inline-flex}.review-move-badge.in{color:#047857;background:#d1fae5}.review-move-badge.out{color:#1d4ed8;background:#dbeafe}.review-move-badge.break-out,.review-move-badge.break-in{color:#b45309;background:#fef3c7}.text-start{text-align:start!important}.attendance-posting-screen{gap:14px;display:grid}.posting-shell{justify-items:start;display:grid}.posting-card{background:#fff;border:1px solid #d9e5f2;border-radius:18px;width:min(100%,760px);overflow:hidden;box-shadow:0 18px 44px #0f2a471a}.posting-head{color:#fff;background:linear-gradient(135deg,#0f2a47,#2167b2 58%,#0f766e);align-items:center;gap:12px;padding:16px;display:flex}.posting-head i{color:#dcfce7;background:#ffffff24;border-radius:14px;place-items:center;width:46px;height:46px;font-size:24px;display:grid}.posting-head strong{font-size:21px;font-weight:900;display:block}.posting-head span{color:#ffffffd6;font-size:13px;font-weight:800}.posting-groups{background:#f8fbff;gap:12px;padding:16px;display:grid}.posting-group{background:#fff;border:1px solid #d9e5f2;border-radius:14px;gap:10px;margin:0;padding:14px;display:grid}.posting-group legend{color:#0f2a47;padding:0 8px;font-size:14px;font-weight:900}.posting-group label{color:#0f2a47;grid-template-columns:76px minmax(0,1fr);align-items:center;gap:9px;font-weight:900;display:grid}.posting-group input[type=number],.posting-group input[type=text],.posting-group input[type=date]{color:#0f172a;background:#fff;border:1px solid #cbd9e7;border-radius:10px;width:100%;min-height:40px;padding:8px 10px;font-weight:900}.posting-group input[readonly]{color:#164e63;background:#f8fbff}.posting-date-group{grid-template-columns:repeat(2,minmax(0,1fr))}.posting-date-group legend{grid-column:1/-1}.posting-date-group label{grid-template-columns:88px minmax(0,1fr)}.posting-summary{background:#f8fbff;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0 16px 16px;display:grid}.posting-summary div{background:#fff;border:1px solid #d9e5f2;border-radius:14px;grid-template-columns:42px minmax(0,1fr);align-content:center;gap:2px 10px;padding:12px;display:grid}.posting-summary i{color:#0f766e;background:#dcfce7;border-radius:12px;grid-row:span 2;place-items:center;width:42px;height:42px;font-size:20px;display:grid}.posting-summary span{color:#64748b;font-size:12px;font-weight:900}.posting-summary strong{color:#0f172a;font-size:22px;font-weight:900}.posting-progress[hidden]{display:none}.posting-progress{background:linear-gradient(135deg,#eff6ff,#ecfdf5);border:1px solid #bfdbfe;border-radius:16px;gap:10px;margin:0 16px 16px;padding:14px;display:grid;box-shadow:inset 0 1px #ffffffbf}.posting-progress-head{color:#0f2a47;justify-content:space-between;align-items:center;gap:12px;font-weight:900;display:flex}.posting-progress-head span{font-size:14px}.posting-progress-head strong{color:#0f766e;font-size:13px}.posting-progress-track{background:#dbeafe;border-radius:999px;height:14px;position:relative;overflow:hidden}.posting-progress-track:before{content:"";background-image:linear-gradient(45deg,#ffffff57 25%,#0000 25% 50%,#ffffff57 50% 75%,#0000 75%,#0000);background-size:28px 28px;animation:.8s linear infinite posting-progress-stripes;position:absolute;inset:0}.posting-progress-track span{border-radius:inherit;background:linear-gradient(90deg,#2167b2,#0ea5e9,#0f766e);width:42%;animation:1.45s ease-in-out infinite posting-progress-slide;position:absolute;inset-block:0;box-shadow:0 0 18px #0ea5e973}.posting-progress p{color:#475569;margin:0;font-size:12px;font-weight:900}.posting-card.is-posting .posting-groups,.posting-card.is-posting .posting-summary{opacity:.68}.posting-card.is-posting .posting-actions a{pointer-events:none;opacity:.55}@keyframes posting-progress-slide{0%{inset-inline-start:-45%}55%{inset-inline-start:36%}to{inset-inline-start:105%}}@keyframes posting-progress-stripes{0%{background-position:0 0}to{background-position:28px 0}}.posting-actions{background:#fff;border-top:1px solid #d9e5f2;grid-template-columns:140px minmax(0,1fr);gap:10px;padding:14px 16px;display:grid}.posting-actions a,.posting-actions button{cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:42px;font-weight:900;text-decoration:none;display:inline-flex}.posting-actions a{color:#111827;background:#fff;border:1px solid #111827}.posting-actions button{color:#fff;background:linear-gradient(135deg,#2167b2,#0f766e);border:0}.posting-actions button:disabled{cursor:not-allowed;opacity:.55}@media print{.attendance-review-filters,.attendance-review-stats,.review-table-tools,aside,nav{display:none!important}.attendance-sheet-table-wrap{max-height:none;overflow:visible}}.muted-day{color:var(--muted);margin-inline-start:6px;font-size:12px;font-weight:800}.medical-toolbar{background:linear-gradient(135deg,#0f2a47,#0f766e 58%,#16a34a)}.medical-menu-card i{color:#0f766e;background:#e0f7ef}.payroll-master-screen{gap:14px;display:grid}.payroll-master-shell{grid-template-columns:minmax(320px,440px) minmax(0,1fr);align-items:start;gap:16px;display:grid}.payroll-master-shell.wide-editor{grid-template-columns:minmax(380px,520px) minmax(0,1fr)}.payroll-editor-panel,.payroll-table-panel{background:#fff;border:1px solid #d9e5f2;border-radius:14px;overflow:hidden;box-shadow:0 14px 34px #0f2a4714}.payroll-panel-head{background:linear-gradient(#fff,#f8fafc);border-bottom:1px solid #edf2f7;align-items:center;gap:12px;padding:14px 16px;display:flex}.payroll-panel-head i{color:#0f766e;background:#e7f8f3;border-radius:12px;place-items:center;width:42px;height:42px;font-size:20px;display:grid}.payroll-panel-head strong{color:#0f2a47;font-weight:900;display:block}.payroll-panel-head span{color:var(--muted);font-size:12px;font-weight:800}.compact-payroll-fields{padding:16px}.payroll-radio-box{background:#f8fbff;border:1px solid #d9e5f2;border-radius:12px;flex-wrap:wrap;gap:14px 22px;margin:0 16px 14px;padding:13px 14px;display:flex}.payroll-radio-box legend{color:#0f2a47;padding:0 8px;font-weight:900}.payroll-radio-box label{color:#0f2a47;align-items:center;gap:7px;font-weight:900;display:inline-flex}.payroll-table-panel{min-width:0;overflow-x:auto}.inline-search{min-width:220px;max-width:320px}.payroll-table-filters{flex-wrap:nowrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.payroll-table-filters label{color:#0f2a47;grid-template-columns:auto minmax(120px,150px);align-items:center;gap:7px;font-size:12px;font-weight:900;display:grid}.payroll-table-filters select{color:#0f2a47;background:#fff;border:1px solid #cbd9e7;border-radius:999px;width:100%;min-height:38px;padding:6px 10px;font-weight:900}.payroll-table-filters .inline-search{flex:0 260px}.payroll-table-filters select:focus{border-color:#0f766e;outline:none;box-shadow:0 0 0 3px #0f766e1f}.payroll-pick-table tbody tr{cursor:pointer}.payroll-pick-table tbody tr:hover,.payroll-pick-table tbody tr.is-selected{color:#0f766e;background:#e7f8f3}.payroll-pick-table tbody tr.is-selected td{box-shadow:inset 0 1px #99f6e4,inset 0 -1px #99f6e4}.wage-definition-toolbar{background:#fff;border:1px solid #d9e5f2;border-radius:14px;justify-content:space-between;align-items:center;gap:14px;padding:14px 16px;display:flex;box-shadow:0 12px 28px #0f2a470f}.sarfya-picker label{color:#0f2a47;grid-template-columns:auto minmax(260px,360px);align-items:center;gap:10px;font-weight:900;display:grid}.sarfya-picker select,.master-fields select{color:#111827;background:#fff;border:1px solid #cbd9e7;border-radius:9px;width:100%;min-height:38px;padding:6px 10px;font-weight:800}.sarfya-picker select:focus,.master-fields select:focus{border-color:#0f766e;outline:none;box-shadow:0 0 0 3px #0f766e1f}.selected-sarfya{color:#0f2a47;text-align:end;gap:3px;font-weight:900;display:grid}.selected-sarfya span{color:var(--muted);font-size:12px}.wage-definition-shell{grid-template-columns:minmax(380px,430px) minmax(0,1fr)}.installment-definition-shell{grid-template-columns:minmax(360px,420px) minmax(0,1fr)}.wage-definition-table th,.wage-definition-table td,.installment-definition-table th,.installment-definition-table td{white-space:nowrap}.installment-definition-note{color:#1e3a8a;background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;align-items:flex-start;gap:8px;padding:12px 14px;font-size:13px;font-weight:800;line-height:1.7;display:flex}.auto-wage-shell{gap:16px;display:grid}.auto-wage-form{background:#f8fbff;border:1px solid #d9e5f2;border-radius:12px;gap:10px;padding:12px;display:grid;box-shadow:0 12px 30px #0f2a4712}.auto-compact-panel{background:#fff;border:1px solid #d9e5f2;border-radius:10px;gap:8px;padding:10px;display:grid}.auto-compact-head{color:#0f2a47;border-bottom:1px solid #e8eef5;justify-content:center;align-items:center;gap:8px;min-height:32px;padding-bottom:4px;font-size:16px;font-weight:900;display:flex}.auto-compact-head i{color:#0f766e}.auto-lookup-section{border-bottom:1px solid #eef3f8;grid-template-columns:94px minmax(0,1fr);align-items:center;gap:10px;padding:7px 0;display:grid}.auto-lookup-section:last-child{border-bottom:0}.auto-lookup-section>strong{color:#0f2a47;font-weight:900}.auto-lookup-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.auto-lookup-grid.one-line{grid-template-columns:minmax(0,1fr)}.auto-lookup-field{color:#1e3a8a;grid-template-columns:34px 84px 34px minmax(160px,1fr);align-items:center;gap:6px;font-size:12px;font-weight:900;display:grid}.auto-lookup-field .lookup-code,.auto-lookup-field .lookup-name{color:#111827;background:#fff;border:1px solid #cbd9e7;border-radius:7px;width:100%;min-height:32px;padding:5px 8px;font-weight:800}.auto-lookup-field .lookup-name{color:#0f2a47;background:#f8fbff}.lookup-button{color:#0f766e;cursor:pointer;background:#fff;border:1px solid #cbd9e7;border-radius:7px;place-items:center;width:32px;height:32px;display:inline-grid}.lookup-button:hover{background:#ecfdf5;border-color:#0f766e}.auto-range-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.auto-range-card,.auto-execution-card{background:#fff;border:1px solid #d9e5f2;border-radius:12px;gap:12px;padding:14px;display:grid}.auto-range-card header{color:#0f2a47;align-items:center;gap:8px;font-weight:900;display:flex}.auto-range-card header i{color:#0f766e}.range-pair,.auto-execution-fields{gap:10px;display:grid}.range-pair{grid-template-columns:repeat(2,minmax(0,1fr))}.auto-execution-fields{grid-template-columns:minmax(150px,220px) minmax(90px,140px) max-content;justify-content:end;align-items:end}.range-pair label,.single-field,.auto-execution-fields label{color:#0f2a47;gap:6px;font-size:12px;font-weight:900;display:grid}.range-pair input,.single-field select,.auto-execution-fields input{color:#111827;background:#fff;border:1px solid #cbd9e7;border-radius:9px;width:100%;min-height:38px;padding:7px 10px;font-weight:800}.auto-type-toggle,.auto-execution-options{color:#0f2a47;flex-wrap:wrap;gap:12px;font-weight:900;display:flex}.auto-type-toggle label,.auto-execution-options label,.auto-checkbox{align-items:center;gap:7px;display:inline-flex}.auto-execution-card{grid-template-columns:minmax(180px,.28fr) minmax(0,1fr);align-items:center;padding:10px 12px}.auto-execution-fields .auto-checkbox{white-space:nowrap;background:#f8fbff;border:1px solid #cbd9e7;border-radius:9px;flex-direction:row-reverse;justify-content:center;align-self:end;align-items:center;gap:8px;min-height:38px;padding:0 10px;display:inline-flex}.auto-execution-fields .auto-checkbox span{line-height:1}.auto-execution-fields .auto-checkbox input[type=checkbox]{appearance:none;cursor:pointer;background:#fff;border:1px solid #9fb4ca;border-radius:4px;place-content:center;width:17px;height:17px;min-height:17px;margin:0;padding:0;display:grid}.auto-execution-fields .auto-checkbox input[type=checkbox]:before{content:"";background:#0d7fd8;border-radius:2px;width:9px;height:9px;transition:transform .12s ease-in-out;transform:scale(0)}.auto-execution-fields .auto-checkbox input[type=checkbox]:checked{background:#eff6ff;border-color:#0d7fd8}.auto-execution-fields .auto-checkbox input[type=checkbox]:checked:before{transform:scale(1)}.auto-wage-preview{color:#1e3a8a;background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;padding:9px 12px;font-weight:900;line-height:1.7}.auto-lookup-card{width:min(720px,100vw - 36px)}.lookup-modal-toolbar{background:#f8fbff;border-bottom:1px solid #d9e5f2;padding:12px 14px}.lookup-modal-table-wrap{max-height:min(470px,100vh - 220px);overflow:auto}.lookup-modal-table tbody tr:hover{color:#0f766e;background:#e7f8f3}.auto-wage-actions{justify-content:flex-start;padding:0}.auto-wage-history{overflow:hidden}.auto-wage-table th,.auto-wage-table td{white-space:nowrap}.equation-card{width:min(760px,100vw - 36px)}.equation-builder-card{flex-direction:column;width:min(1320px,100vw - 18px);max-height:calc(100vh - 16px);display:flex}.equation-summary{color:#0f2a47;background:#fff;border-bottom:1px solid #d9e5f2;padding:12px 14px;font-weight:900}.equation-builder-layout{grid-template-columns:minmax(360px,1fr) minmax(360px,.9fr);gap:0;min-height:560px;display:grid;overflow:auto}.equation-form{background:#f8fbff;border-inline-end:1px solid #d9e5f2;align-content:start;gap:14px;padding:16px;display:grid}.equation-choice{background:#fff;border:1px solid #d9e5f2;border-radius:12px;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 14px;margin:0;padding:14px;display:grid}.equation-choice legend{color:#0f2a47;padding:0 8px;font-weight:900}.equation-choice label{color:#0f2a47;align-items:center;gap:7px;font-weight:900;display:inline-flex}.equation-dynamic-panel{background:#fff;border:1px solid #d9e5f2;border-radius:12px;padding:14px}.equation-dynamic-panel label{color:#0f2a47;grid-template-columns:90px minmax(0,1fr);align-items:center;gap:10px;font-weight:900;display:grid}.equation-dynamic-panel select,.equation-dynamic-panel input{color:#111827;background:#fff;border:1px solid #cbd9e7;border-radius:9px;width:100%;min-height:38px;padding:6px 10px;font-weight:800}.equation-preview{color:#1e3a8a;background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;align-items:center;min-height:46px;padding:10px 13px;font-weight:900;display:flex}.equation-actions{padding:0}.equation-steps-panel{background:#fff;border-inline-start:1px solid #d9e5f2;min-width:0;overflow:auto}.equation-steps-table{min-width:100%}.equation-steps-table th,.equation-steps-table td{white-space:normal;line-height:1.45}.equation-steps-table tbody tr{cursor:pointer}.equation-steps-table tbody tr:hover,.equation-steps-table tbody tr.is-selected{color:#0f766e;background:#e7f8f3}.formula-builder-layout{grid-template-columns:minmax(760px,1fr) minmax(280px,.34fr);min-height:min(680px,100vh - 178px)}.formula-builder-form{grid-template-columns:minmax(300px,.9fr) minmax(360px,1.15fr);align-items:stretch;gap:12px}.formula-palette{gap:12px;display:grid}.formula-palette-section,.formula-drop-panel{background:#fff;border:1px solid #d9e5f2;border-radius:12px;padding:12px}.formula-palette-section strong,.formula-drop-head strong{color:#0f2a47;margin-bottom:10px;font-weight:900;display:block}.formula-palette-grid{flex-wrap:wrap;gap:8px;max-height:140px;display:flex;overflow:auto}.formula-operator-grid,.formula-function-grid{grid-template-columns:repeat(7,minmax(38px,1fr));gap:8px;display:grid}.formula-token-source,.formula-function-grid button{color:#0f2a47;cursor:grab;background:#f8fbff;border:1px solid #cbd9e7;border-radius:8px;min-height:36px;font-weight:900}.formula-token-source.variable{text-overflow:ellipsis;white-space:nowrap;max-width:180px;padding:7px 10px;overflow:hidden}.formula-token-source.operator,.formula-token-source.bracket{color:#0f766e;background:#eefcf8;font-size:17px}.formula-token-source:active{cursor:grabbing}.formula-function-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:10px}.formula-function-grid button{color:#64748b;cursor:not-allowed;opacity:.75;background:#f1f5f9}.formula-constant-row{grid-template-columns:minmax(0,1fr) 110px;gap:8px;display:grid}.formula-constant-row input{color:#111827;background:#fff;border:1px solid #cbd9e7;border-radius:9px;width:100%;min-height:38px;padding:6px 10px;font-weight:800}.formula-small-action{min-height:38px}.formula-drop-panel{grid-template-rows:auto minmax(260px,1fr) auto;gap:10px;min-height:100%;display:grid}.formula-drop-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.formula-drop-head span{color:#64748b;font-size:12px;font-weight:800}.formula-drop-head span.is-error{color:#b91c1c}.formula-drop-head span.is-ok{color:#047857}.formula-drop-zone{background:#f8fbff;border:1px dashed #93c5fd;border-radius:12px;flex-wrap:wrap;align-content:flex-start;gap:8px;min-height:300px;padding:12px;display:flex}.formula-drop-zone.is-dragover{background:#ecfdf5;border-color:#0f766e}.formula-empty-state{color:#64748b;align-self:center;font-weight:800}.formula-chip{color:#0f2a47;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;align-items:center;gap:8px;max-width:220px;min-height:34px;padding:5px 8px 5px 5px;font-weight:900;display:inline-flex}.formula-chip.operator,.formula-chip.bracket{color:#065f46;background:#dff8ef;border-color:#99f6e4}.formula-chip.constant{color:#7c2d12;background:#fff7ed;border-color:#fed7aa}.formula-chip span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.formula-chip button{color:#475569;cursor:pointer;background:#ffffffc7;border:0;border-radius:50%;place-items:center;width:24px;height:24px;display:inline-grid}.formula-preview-box{color:#1e3a8a;text-align:left;direction:ltr;background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;gap:6px;min-height:76px;padding:10px 12px;font-weight:900;display:grid}.formula-preview-box span{color:#0f2a47;text-align:right;direction:rtl;font-size:12px}.formula-preview-box output{overflow-wrap:anywhere;min-height:22px}.employee-window{background:#f8fafc;border:1px solid #b8c7d8;border-radius:16px;min-height:calc(100vh - 132px);overflow:hidden;box-shadow:0 24px 60px #0f2a4724}.employee-title{color:#111827;background:linear-gradient(#ff9f32,#f8d7ae 52%,#f3f7fb);border-bottom:1px solid #c8d6e4;justify-content:center;align-items:center;gap:12px;min-height:44px;font-weight:900;display:flex}.employee-title small{color:#7c3a00;font-size:12px}.employee-header{background:radial-gradient(circle at 12% 10%,#0f766e17,#0000 24%),#f4f7fa;border-bottom:1px solid #d9e5f2;grid-template-columns:340px minmax(0,1fr);gap:18px;padding:16px 20px 12px;display:grid}.employee-media{text-align:center;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.employee-media strong{margin-bottom:6px;font-weight:900;display:block}.media-box{color:#9aa9bb;background:#fff;border:1px dashed #aebccd;border-radius:12px;place-items:center;height:86px;display:grid}.media-box i{font-size:28px}.photo-box{background:linear-gradient(135deg,#fff,#eff6ff)}.signature-box{background:linear-gradient(135deg,#fff,#f0fdf7)}.employee-identity{grid-template-columns:repeat(2,minmax(220px,1fr));align-content:start;gap:10px 18px;display:grid}.employee-field{grid-template-columns:minmax(120px,180px) minmax(0,1fr);align-items:center;gap:10px;display:grid}.employee-field.wide{grid-column:1/-1}.employee-field span{color:#0f2a47;font-weight:900}.employee-field input,.employee-field textarea,.employee-field select{color:#111827;background:#fff;border:1px solid #c5d1df;border-radius:8px;width:100%;min-height:32px;padding:5px 9px;font-weight:800}.employee-field textarea{resize:vertical;min-height:64px}.employee-field input:focus,.employee-field textarea:focus,.employee-field select:focus{border-color:#0f766e;outline:none;box-shadow:0 0 0 3px #0f766e1f}.lookup-field>div{grid-template-columns:minmax(70px,.32fr) 30px minmax(120px,1fr);gap:5px;display:grid}.lookup-field button{cursor:pointer;color:#0f766e;background:linear-gradient(#fff,#eef6ff);border:1px solid #c5d1df;border-radius:10px;place-items:center;width:32px;min-height:32px;font-weight:900;transition:transform .15s,border-color .15s,box-shadow .15s,background .15s;display:inline-grid;box-shadow:0 6px 14px #0f2a4714}.lookup-field button i{font-size:14px}.lookup-field button:hover{background:linear-gradient(#f0fdf7,#e7f8f3);border-color:#0f766e6b;transform:translateY(-1px);box-shadow:0 9px 18px #0f766e29}.radio-field>div,.employee-checks,.employee-checks.inline,.period-choice{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.radio-field>div,.insurance-box{background:#fff;border:1px solid #d9e5f2;border-radius:10px;min-height:40px;padding:8px 12px}.employee-tabs>input[type=radio]{opacity:0;pointer-events:none;position:absolute}.employee-tab-labels{background:#f8fafc;border-bottom:1px solid #d9e5f2;gap:0;padding-inline:10px;display:flex;overflow-x:auto}.employee-tab-labels label{color:#0f2a47;cursor:pointer;background:linear-gradient(#fff,#f3f7fb);border:1px solid #d9e5f2;border-bottom:0;border-radius:10px 10px 0 0;flex:none;align-items:center;min-height:38px;padding:8px 12px;font-weight:900;display:inline-flex}#emp-basic:checked~.employee-tab-labels label[for=emp-basic],#emp-job:checked~.employee-tab-labels label[for=emp-job],#emp-military:checked~.employee-tab-labels label[for=emp-military],#emp-education:checked~.employee-tab-labels label[for=emp-education],#emp-experience:checked~.employee-tab-labels label[for=emp-experience],#emp-tax:checked~.employee-tab-labels label[for=emp-tax],#emp-contracts:checked~.employee-tab-labels label[for=emp-contracts],#emp-allowances:checked~.employee-tab-labels label[for=emp-allowances]{color:#fff;background:linear-gradient(#2167b2,#0f766e);border-color:#0f766e}.employee-panel{background:radial-gradient(circle at 5% 15%,#2167b20f,#0000 25%),#fbfdff;min-height:520px;padding:16px 20px 20px;display:none}#emp-basic:checked~.basic-panel,#emp-job:checked~.job-panel,#emp-military:checked~.military-panel,#emp-education:checked~.education-panel,#emp-experience:checked~.experience-panel,#emp-tax:checked~.tax-panel-employee,#emp-contracts:checked~.contracts-panel,#emp-allowances:checked~.allowances-panel{display:block}.employee-form-grid{grid-template-columns:repeat(2,minmax(320px,1fr));align-items:center;gap:10px 20px;display:grid}.employee-form-grid .employee-field:nth-child(7),.employee-form-grid .employee-field:nth-child(11),.employee-form-grid .employee-field:nth-child(14){grid-column:1/-1}.job-grid .employee-field{grid-template-columns:minmax(160px,210px) minmax(0,1fr)}.employee-checks{color:#0f2a47;margin-bottom:12px;font-weight:900}.leave-balances{border-top:1px solid #d9e5f2;grid-template-columns:repeat(2,minmax(320px,1fr));gap:10px 28px;margin-top:18px;padding-top:14px;display:grid}.employee-documents{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:14px;display:grid}.employee-documents fieldset,.allowance-box,.insurance-box{background:#ffffffd1;border:1px solid #d9e5f2;border-radius:14px;padding:14px}.employee-documents legend,.allowance-box legend,.insurance-box legend{color:#0f2a47;padding:0 8px;font-weight:900}.employee-documents .employee-field{grid-template-columns:minmax(120px,160px) 1fr;margin-bottom:9px}.notes-field{grid-template-columns:minmax(120px,180px) minmax(0,1fr);margin-top:10px}.compact-grid{max-width:720px;margin-inline:auto 120px}.compact-grid .employee-field{grid-column:1/-1}.table-panel{padding:0}.employee-table-shell{grid-template-columns:minmax(0,1fr) 96px;min-height:520px;display:grid}.employee-table-shell table{border-collapse:collapse;background:#fff;width:100%;height:max-content}.employee-table-shell th,.employee-table-shell td{text-align:start;border:1px solid #d9e5f2;padding:9px 12px}.employee-table-shell th{color:#0f2a47;background:linear-gradient(#f8fafc,#dbe7f3);font-weight:900}.employee-table-shell td{height:56px;color:var(--muted);text-align:center}.side-table-actions{background:#f8fafc;border-inline-start:1px solid #d9e5f2;align-content:start;gap:6px;padding:8px;display:grid}.side-table-actions button{cursor:pointer;background:linear-gradient(#fff,#f3f7fb);border:1px solid #c5d1df;border-radius:999px;justify-content:center;align-items:center;gap:6px;min-height:34px;font-weight:900;display:inline-flex;box-shadow:0 8px 16px #0f2a4712}.side-table-actions button:hover:not(:disabled){background:linear-gradient(#f0fdf7,#e7f8f3);border-color:#0f766e5c}.side-table-actions button i{color:#0f766e}.side-table-actions button:last-child i{color:#e11d48}.tax-form{max-width:780px;margin:24px auto 0}.tax-form .employee-field,.tax-form .insurance-box,.tax-form .employee-checks{grid-column:1/-1}.allowances-panel{gap:12px;display:none}#emp-allowances:checked~.allowances-panel{display:grid}.allowance-box{grid-template-columns:minmax(180px,.4fr) repeat(4,minmax(140px,1fr));align-items:center;gap:12px 20px;display:grid}.allowance-box .employee-field{grid-template-columns:70px minmax(0,1fr)}.employee-actions{background:linear-gradient(#fff,#f4f7fa);border-top:1px solid #c8d6e4;justify-content:space-between;align-items:center;gap:12px;min-height:52px;padding:8px 12px;display:flex}.employee-actions>div{flex-wrap:wrap;gap:8px;display:flex}.employee-actions button,.employee-exit{color:#111827;cursor:pointer;background:linear-gradient(#fff,#f3f7fb);border:1px solid #c5d1df;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-width:92px;min-height:36px;font-weight:900;transition:transform .15s,box-shadow .15s,border-color .15s;display:inline-flex;box-shadow:0 8px 18px #0f2a4712}.employee-actions button:hover:not(:disabled),.employee-exit:hover{border-color:#2167b259;transform:translateY(-1px);box-shadow:0 12px 24px #0f2a471f}.employee-actions button:nth-child(2){color:#fff;background:linear-gradient(135deg,#0f766e,#12a36f);border-color:#0000}.employee-actions button:last-child{color:#fff;background:linear-gradient(135deg,#dc2626,#f97316);border-color:#0000}.employee-actions button i{color:#0f766e}.employee-actions button:nth-child(2) i,.employee-actions button:last-child i{color:#fff}.employee-actions button:disabled{opacity:.5;cursor:not-allowed}.employee-exit i{color:#b45309;font-size:20px}.employees-grid-page{gap:18px;display:grid}.employees-table td:nth-child(3){color:#0f2a47;font-weight:900}.empty-table-cell{height:150px;color:var(--muted)!important;text-align:center!important;font-weight:800!important}.empty-table-cell i{color:#0f766e;margin-bottom:8px;font-size:28px;display:block}.employee-editor{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#071b317a;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.employee-editor.is-hidden{display:none}.employee-editor .employee-window{flex-direction:column;width:min(1280px,100%);min-height:0;max-height:calc(100vh - 48px);display:flex;box-shadow:0 30px 90px #071b3152}.employee-editor .employee-title{position:relative}.employee-editor-close{color:#0f2a47;cursor:pointer;background:#fff;border:1px solid #0f2a4729;border-radius:999px;place-items:center;width:34px;height:34px;display:grid;position:absolute;inset-inline-start:12px}.employee-editor .employee-tabs{min-height:0;overflow:auto}.employee-editor .employee-panel{min-height:430px}.employee-editor .employee-actions{flex:none}.master-window{gap:18px;display:grid}.master-hero{color:#fff;background:radial-gradient(circle at 12% 18%,#d9f99d29,#0000 28%),linear-gradient(135deg,#0f2a47,#2167b2 55%,#0f766e);border-radius:18px;justify-content:space-between;align-items:center;gap:18px;padding:22px;display:flex;box-shadow:0 20px 48px #0f2a4729}.master-hero-title{align-items:center;gap:16px;display:flex}.master-icon{color:#0f2a47;background:linear-gradient(135deg,#fff,#dbeafe 58%,#99f6e4);border-radius:18px;place-items:center;width:64px;height:64px;display:grid;box-shadow:inset 0 1px #ffffffdb,0 16px 32px #00000029}.master-icon i{font-size:30px}.master-hero h2{letter-spacing:0;margin:6px 0;font-size:28px;font-weight:900}.master-hero p{color:#fffc;margin:0;line-height:1.8}.master-search{width:min(360px,100%);position:relative}.master-search i{color:#0f766e;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.master-search input{color:#0f2a47;background:#fffffff0;border:1px solid #ffffff47;border-radius:999px;width:100%;min-height:46px;padding:10px 42px 10px 14px;font-weight:800;box-shadow:0 14px 28px #0000001f}.master-stats{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.master-stat-card{background:#fff;border:1px solid #d9e5f2;border-radius:14px;align-items:center;gap:12px;min-width:230px;padding:12px 16px;display:flex;box-shadow:0 8px 20px #0f2a4712}.master-stat-card i{color:#fff;background:linear-gradient(135deg,#0f766e,#12a36f);border-radius:12px;place-items:center;width:42px;height:42px;font-size:21px;display:grid}.master-stat-card strong,.master-stat-card span{display:block}.master-stat-card strong{color:#0f2a47;font-size:24px;font-weight:900;line-height:1}.master-stat-card span{color:var(--muted);margin-top:4px;font-size:12px}.master-new-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2167b2,#0f766e);border:1px solid #0000;border-radius:10px;align-items:center;gap:7px;min-height:34px;padding:7px 13px;font-weight:900;display:inline-flex;box-shadow:0 8px 18px #0f766e29}.payment-destinations-shell{grid-template-columns:minmax(380px,480px) minmax(0,1fr)}.payment-destination-fields{grid-template-columns:minmax(90px,120px) minmax(0,1fr)}.payment-destination-fields .code-field input{text-align:center}.payment-destination-fields textarea{min-height:96px}.payment-account-wrap{grid-template-columns:minmax(0,1fr) 38px;gap:8px;display:grid}.payment-account-wrap .account-lookup{color:#0f766e;background:#f8fbff;border:1px solid #cbd9e7;border-radius:10px;place-items:center;width:38px;min-height:40px;display:inline-grid}.payment-destinations-table td:nth-child(3){min-width:220px}.payment-destinations-table td:nth-child(4){text-align:right;direction:ltr;min-width:150px}.tax-form-shell{grid-template-columns:minmax(420px,520px) minmax(0,1fr)}.employee-wage-screen{gap:14px;display:grid}.employee-wage-hero{color:#fff;background:linear-gradient(135deg,#0f2a47fa,#0e7490e6 54%,#12a36feb),#0f2a47;border:1px solid #0e749038;border-radius:16px;justify-content:space-between;align-items:center;gap:18px;padding:20px;display:flex;box-shadow:0 18px 42px #0f2a4729}.employee-wage-title{align-items:center;gap:14px;min-width:0;display:flex}.employee-wage-title>i{color:#0f2a47;background:linear-gradient(135deg,#fff,#dbeafe 55%,#99f6e4);border-radius:15px;flex:none;place-items:center;width:58px;height:58px;font-size:28px;display:grid}.employee-wage-title span,.employee-wage-title p,.employee-wage-metrics span{color:#ffffffc7;font-weight:800}.employee-wage-title h2{margin:3px 0;font-size:27px;font-weight:900}.employee-wage-title p{margin:0}.employee-wage-metrics{grid-template-columns:repeat(3,minmax(130px,1fr));gap:10px;display:grid}.employee-wage-metrics div{background:#ffffff1f;border:1px solid #ffffff38;border-radius:13px;min-height:76px;padding:12px 14px}.employee-wage-metrics span,.employee-wage-metrics strong{display:block}.employee-wage-metrics strong{margin-top:5px;font-size:18px;font-weight:900}.employee-wage-filter,.employee-wage-editor,.employee-wage-table-card{background:#fff;border:1px solid #d9e5f2;border-radius:14px;box-shadow:0 14px 34px #0f2a4714}.employee-wage-filter{grid-template-columns:minmax(220px,1.5fr) minmax(180px,1fr) auto;align-items:end;gap:10px;padding:14px;display:grid}.employee-wage-filter label,.employee-wage-fields label{gap:7px;display:grid}.employee-wage-filter span,.employee-wage-fields span{color:#18324d;font-size:12px;font-weight:900}.employee-wage-filter select,.employee-wage-fields input,.employee-wage-fields select{color:#0b1f35;background:#fbfdff;border:1px solid #cbd9e7;border-radius:11px;width:100%;min-height:40px;padding:8px 11px;font-weight:800}.employee-wage-filter button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2167b2,#0f766e);border:0;border-radius:999px;justify-content:center;align-items:center;gap:7px;min-height:40px;padding:8px 15px;font-weight:900;display:inline-flex}.employee-wage-layout{grid-template-columns:minmax(330px,430px) minmax(0,1fr);align-items:start;gap:16px;display:grid}.employee-wage-editor{overflow:hidden}.employee-wage-editor header,.employee-wage-table-head{background:linear-gradient(#fff,#f8fbff);border-bottom:1px solid #edf2f7;justify-content:space-between;align-items:center;gap:12px;padding:15px 16px;display:flex}.employee-wage-editor header{justify-content:flex-start}.employee-wage-editor header i{color:#fff;background:linear-gradient(135deg,#0f766e,#12a36f);border-radius:12px;flex:none;place-items:center;width:42px;height:42px;font-size:20px;display:grid}.employee-wage-editor header strong,.employee-wage-table-head strong{color:#0f2a47;font-size:16px;font-weight:900;display:block}.employee-wage-editor header span,.employee-wage-table-head span{color:var(--muted);font-size:12px;font-weight:800}.employee-wage-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:16px;display:grid}.employee-wage-fields .wide{grid-column:1/-1}.employee-wage-actions{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:0 16px 16px;display:grid}.employee-wage-actions button{color:#fff;cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:7px;min-height:36px;font-weight:900;display:inline-flex}.employee-wage-actions .save,.employee-wage-actions .new{background:linear-gradient(135deg,#0f766e,#12a36f)}.employee-wage-actions .undo{color:#0f2a47;background:#fff;border:1px solid #cbd9e7}.employee-wage-actions .delete{background:linear-gradient(135deg,#dc2626,#f97316)}.employee-wage-table-card{min-width:0;overflow:auto}.employee-wage-table{border-collapse:collapse;width:100%}.employee-wage-table th,.employee-wage-table td{text-align:start;white-space:nowrap;border-bottom:1px solid #edf2f7;padding:10px 11px}.employee-wage-table th{color:#fff;background:linear-gradient(#0f2a47,#183f65);font-weight:900}.employee-wage-table tbody tr{cursor:pointer}.employee-wage-table tbody tr:hover,.employee-wage-table tbody tr.is-selected{background:#ecfdf7}.wage-type{border-radius:999px;justify-content:center;align-items:center;min-width:78px;padding:4px 9px;font-size:12px;font-weight:900;display:inline-flex}.wage-type.gain{color:#0f766e;background:#def7ec}.wage-type.deduct{color:#b42318;background:#ffebe9}.amount-cell{text-align:right;color:#0f2a47;direction:ltr;font-weight:900}.employee-wage-grid-screen{gap:12px;display:grid}.employee-wage-header-form{background:#fff;border:1px solid #d9e5f2;border-radius:14px;grid-template-columns:minmax(360px,1.6fr) minmax(260px,.8fr) auto;align-items:end;gap:10px;padding:14px;display:grid;box-shadow:0 12px 28px #0f2a4712}.grid-lookup-field{grid-template-columns:minmax(0,1fr) 42px;gap:7px;display:grid}.grid-lookup-field span{color:#18324d;grid-column:1/-1;font-size:12px;font-weight:900}.grid-lookup-field input,.employee-wage-edit-table input{color:#0b1f35;background:#fbfdff;border:1px solid #cbd9e7;border-radius:9px;width:100%;min-height:34px;padding:6px 9px;font-weight:900}.grid-lookup-field button,.grid-cell-lookup button{color:#0f766e;cursor:pointer;background:#fff;border:1px solid #cbd9e7;border-radius:9px;place-items:center;width:38px;min-height:34px;display:grid}.grid-filter-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2167b2,#0f766e);border:0;border-radius:999px;justify-content:center;align-items:center;gap:7px;min-height:38px;padding:8px 15px;font-weight:900;display:inline-flex}.employee-wage-grid-wrap{grid-template-rows:auto minmax(420px,calc(100vh - 285px));grid-template-columns:minmax(0,1fr);gap:10px;min-height:520px;display:grid}.employee-wage-table-tools,.employee-wage-table-scroll,.employee-wage-commandbar{background:#fff;border:1px solid #d9e5f2;border-radius:14px;box-shadow:0 14px 34px #0f2a4714}.employee-wage-table-tools{grid-column:1;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.employee-wage-table-tools strong,.employee-wage-table-tools span{color:#0f2a47;font-weight:900}.employee-wage-table-tools span{color:var(--muted);font-size:12px}.employee-wage-table-scroll{grid-column:1;overflow:auto}.employee-wage-commandbar{background:linear-gradient(#fff,#eef7ff);border:1px solid #d6e6f4;border-radius:999px;flex-wrap:wrap;align-items:center;gap:10px;padding:8px 10px;display:inline-flex;box-shadow:0 12px 28px #0f2a471a}.employee-wage-commandbar button,.employee-wage-commandbar a{color:#fff;cursor:pointer;text-shadow:0 1px 1px #00000029;border:1px solid #ffffffb3;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-width:92px;min-height:44px;padding:9px 17px;font-weight:900;transition:transform .16s,box-shadow .16s,filter .16s;display:inline-flex;box-shadow:0 12px 24px #0f2a4729,inset 0 1px #ffffff4d}.employee-wage-commandbar button:hover,.employee-wage-commandbar a:hover{filter:brightness(1.04);transform:translateY(-1px);box-shadow:0 14px 28px #0f2a472e,inset 0 1px #ffffff4d}.employee-wage-commandbar i{background:#ffffff2e;border-radius:50%;place-items:center;width:23px;height:23px;font-size:15px;display:grid}.command-save{background:linear-gradient(135deg,#00a36c,#00d084);box-shadow:0 14px 28px #00a36c4d,inset 0 1px #ffffff52!important}.command-add{background:linear-gradient(135deg,#07f,#00c2ff);box-shadow:0 14px 28px #0077ff47,inset 0 1px #ffffff52!important}.command-delete{background:linear-gradient(135deg,#f43f5e,#ff7a18);box-shadow:0 14px 28px #f43f5e4d,inset 0 1px #ffffff52!important}.command-undo{background:linear-gradient(#fff,#eef2ff);color:#4f46e5!important;text-shadow:none!important;border:1px solid #c7d2fe!important;box-shadow:0 12px 24px #4f46e524,inset 0 1px #fffc!important}.command-undo i{color:#4f46e5;background:#e0e7ff}.command-exit{background:linear-gradient(135deg,#312e81,#7c3aed);box-shadow:0 14px 28px #7c3aed4d,inset 0 1px #ffffff52!important}.employee-wage-edit-table{border-collapse:collapse;width:100%}.employee-wage-edit-table th,.employee-wage-edit-table td{text-align:start;white-space:nowrap;border-bottom:1px solid #edf2f7;padding:7px 8px}.employee-wage-edit-table th{z-index:1;color:#fff;background:linear-gradient(#0f2a47,#174264);font-weight:900;position:sticky;top:0}.employee-wage-edit-table tbody tr:hover,.employee-wage-edit-table tbody tr.is-selected{background:#effaf7}.employee-wage-edit-table .grid-date{width:128px}.employee-wage-edit-table .grid-code{width:86px}.employee-wage-edit-table .grid-count{text-align:right;direction:ltr;width:92px}.employee-wage-edit-table .grid-name{min-width:170px}.employee-wage-edit-table .grid-amount{text-align:right;direction:ltr;width:110px}.salary-calc-screen{gap:16px;display:grid}.salary-run-hero{color:#fff;background:linear-gradient(135deg,#082f49fa,#0e7490f0 48%,#0f766ef5),radial-gradient(circle at 12% 18%,#fbbf2457,#0000 30%);border-radius:18px;justify-content:space-between;align-items:center;gap:18px;padding:26px 28px;display:flex;box-shadow:0 24px 48px #082f4938}.salary-run-hero span,.salary-run-hero p{color:#ffffffc7;font-weight:800}.salary-run-hero h2{letter-spacing:0;margin:8px 0 6px;font-size:30px;font-weight:950}.salary-run-hero p{max-width:820px;margin:0;line-height:1.8}.salary-hero-badges{background:#ffffff1f;border:1px solid #ffffff38;border-radius:16px;gap:8px;min-width:260px;padding:16px 18px;display:grid;box-shadow:inset 0 1px #ffffff2e}.salary-hero-badges strong{font-size:24px;font-weight:950}.salary-console,.salary-run-panel{background:#fffffff0;border:1px solid #d8e6f1;border-radius:18px;box-shadow:0 18px 40px #0f2a471a}.salary-filter-band{grid-template-columns:minmax(280px,1fr) minmax(280px,1fr) minmax(290px,.9fr);gap:14px;padding:16px;display:grid}.salary-range-group,.salary-period-card{background:linear-gradient(#fff,#f6fbff);border:1px solid #e3edf7;border-radius:16px;align-content:start;gap:12px;padding:16px;display:grid}.salary-range-group strong,.salary-period-card strong{color:#0f2a47;align-items:center;gap:8px;font-weight:950;display:inline-flex}.salary-range-group strong i,.salary-period-card strong i{color:#0f766e;background:#dffbf3;border-radius:11px;place-items:center;width:34px;height:34px;display:grid}.salary-range-fields,.salary-period-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.salary-range-fields label,.salary-lookup-wide,.salary-period-grid label{grid-template-columns:minmax(0,1fr) 42px;gap:7px;display:grid}.salary-period-grid label{grid-template-columns:minmax(0,1fr)}.salary-range-fields span,.salary-lookup-wide span,.salary-period-grid span{color:#18324d;grid-column:1/-1;font-size:12px;font-weight:950}.salary-range-fields input,.salary-lookup-wide input,.salary-period-grid input{color:#071f3b;background:#fbfdff;border:1px solid #bdd4ea;border-radius:11px;width:100%;min-height:40px;padding:8px 12px;font-weight:950}.salary-range-fields button,.salary-lookup-wide button{color:#0e7490;cursor:pointer;background:linear-gradient(#fff,#ecfeff);border:1px solid #9ed8e1;border-radius:11px;place-items:center;min-height:40px;display:grid}.salary-preview-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0e7490,#0d9488);border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:42px;font-weight:950;display:inline-flex;box-shadow:0 12px 24px #0e749038}.salary-dashboard{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.salary-stat-card{color:#fff;border-radius:18px;align-content:center;gap:8px;min-height:112px;padding:18px;display:grid;position:relative;overflow:hidden;box-shadow:0 18px 34px #0f2a4724}.salary-stat-card:after{content:"";inset-inline-end:-38px;background:#ffffff2e;border-radius:50%;width:120px;height:120px;position:absolute;top:-42px}.salary-stat-card span{color:#ffffffd6;font-weight:900}.salary-stat-card strong{font-size:28px;font-weight:950}.salary-stat-card.cyan{background:linear-gradient(135deg,#0369a1,#06b6d4)}.salary-stat-card.violet{background:linear-gradient(135deg,#6d28d9,#a855f7)}.salary-stat-card.amber{background:linear-gradient(135deg,#b45309,#f59e0b)}.salary-stat-card.emerald{background:linear-gradient(135deg,#047857,#10b981)}.salary-run-panel{grid-template-columns:minmax(0,1fr) auto;gap:16px;padding:16px;display:grid}.salary-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.salary-step{color:#0f2a47;background:linear-gradient(#fff,#f7fbff);border:1px solid #e0edf8;border-radius:14px;align-items:center;gap:10px;min-height:58px;padding:10px 12px;font-weight:950;display:flex}.salary-step i{color:#0e7490;background:#e0f7fb;border-radius:12px;flex:0 0 36px;place-items:center;width:36px;height:36px;display:grid}.salary-run-action{align-content:center;gap:10px;min-width:230px;display:grid}.salary-run-action button,.salary-run-action a{border-radius:999px;justify-content:center;align-items:center;gap:10px;min-height:52px;padding:10px 18px;font-weight:950;text-decoration:none;display:inline-flex}.salary-run-action button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#dc2626,#f97316 52%,#facc15);border:0;box-shadow:0 18px 30px #f973164d}.salary-run-action button:disabled{opacity:.55;cursor:not-allowed}.salary-run-action a{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.payroll-effects-screen{gap:12px;display:grid}.effects-hero{color:#fff;background:linear-gradient(135deg,#172554,#0e7490 45%,#0f766e);border-radius:16px;justify-content:space-between;align-items:center;gap:14px;padding:15px 20px;display:flex;box-shadow:0 24px 48px #082f4938}.effects-hero span,.effects-hero p{color:#fffc;font-weight:850}.effects-hero h2{letter-spacing:0;margin:4px 0 0;font-size:25px;font-weight:950}.effects-hero p{max-width:800px;margin:0;line-height:1.8}.effects-period-pill{background:#ffffff21;border:1px solid #ffffff3d;border-radius:16px;justify-content:center;align-items:center;gap:10px;min-width:210px;padding:10px 14px;display:flex}.effects-period-pill i{color:#14532d;background:#bbf7d0;border-radius:14px;place-items:center;width:34px;height:34px;display:grid}.effects-filter,.effects-run-card{background:#fffffff0;border:1px solid #d8e6f1;border-radius:18px;box-shadow:0 18px 40px #0f2a471a}.effects-filter{grid-template-columns:repeat(2,minmax(160px,220px)) auto;align-items:end;gap:10px;padding:10px 14px;display:grid}.effects-filter label{gap:7px;display:grid}.effects-filter span{color:#18324d;font-size:12px;font-weight:950}.effects-filter input{color:#071f3b;background:#fbfdff;border:1px solid #bdd4ea;border-radius:11px;min-height:34px;padding:6px 11px;font-weight:950}.effects-filter button,.effects-toolbar-actions button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0e7490,#0d9488);border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:34px;font-weight:950;display:inline-flex}.effects-filter button{padding:8px 18px}.effects-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.effect-stat{color:#fff;border-radius:16px;align-content:center;gap:5px;min-height:82px;padding:13px 16px;display:grid;box-shadow:0 18px 34px #0f2a4724}.effect-stat span{color:#ffffffd6;font-weight:900}.effect-stat strong{font-size:24px;font-weight:950}.effect-stat.teal{background:linear-gradient(135deg,#0f766e,#14b8a6)}.effect-stat.blue{background:linear-gradient(135deg,#1d4ed8,#38bdf8)}.effect-stat.amber{background:linear-gradient(135deg,#b45309,#f59e0b)}.effect-stat.rose{background:linear-gradient(135deg,#be123c,#fb7185)}.effects-run-card{gap:12px;padding:12px 16px 14px;display:grid}.effects-toolbar{justify-content:space-between;align-items:center;gap:10px;padding:2px 4px 0;display:flex}.effects-toolbar strong{color:#0f2a47;font-size:17px;font-weight:950;display:block}.effects-toolbar span{color:var(--muted);font-size:13px;font-weight:850}.effects-toolbar-actions{gap:8px;display:flex}.effects-toolbar-actions button:last-child{color:#334155;background:linear-gradient(#fff,#f8fafc);border:1px solid #cbd5e1}.effects-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.effect-choice{color:#0f2a47;cursor:pointer;background:linear-gradient(#fff,#f8fbff);border:1px solid #dbe8f3;border-radius:16px;align-content:center;justify-items:center;gap:6px;min-height:126px;padding:14px 12px 12px;transition:transform .16s,box-shadow .16s,border-color .16s;display:grid;position:relative;box-shadow:0 10px 24px #0f2a4712}.effect-choice:hover{transform:translateY(-2px);box-shadow:0 16px 30px #0f2a471f}.effect-choice input{accent-color:#0e7490;width:16px;height:16px;position:absolute;inset-block-start:10px;inset-inline-start:10px}.effect-choice i{color:#fff;border-radius:16px;place-items:center;width:40px;height:40px;font-size:19px;display:grid}.effect-choice span{text-align:center;font-size:15px;font-weight:950}.effect-choice small{color:#64748b;text-align:center;min-height:28px;font-size:11px;font-weight:850;line-height:1.5}.effect-choice:has(input:checked){background:linear-gradient(#ecfeff,#fff);border-color:#0e7490;box-shadow:0 18px 34px #0e74902e}.effect-choice.cyan i{background:linear-gradient(135deg,#0891b2,#22d3ee)}.effect-choice.violet i{background:linear-gradient(135deg,#7c3aed,#c084fc)}.effect-choice.emerald i{background:linear-gradient(135deg,#059669,#34d399)}.effect-choice.amber i{background:linear-gradient(135deg,#d97706,#fbbf24)}.effect-choice.rose i{background:linear-gradient(135deg,#e11d48,#fb7185)}.effect-choice.blue i{background:linear-gradient(135deg,#2563eb,#60a5fa)}.effect-choice.red i{background:linear-gradient(135deg,#dc2626,#f97316)}.effect-choice.orange i{background:linear-gradient(135deg,#ea580c,#facc15)}.effect-choice.indigo i{background:linear-gradient(135deg,#4338ca,#818cf8)}.effect-choice.slate i{background:linear-gradient(135deg,#334155,#64748b)}.effects-progress{background:linear-gradient(#f0f9ff,#fff);border:1px solid #bae6fd;border-radius:16px;gap:9px;padding:14px;display:grid}.effects-progress div{color:#0f2a47;justify-content:space-between;gap:10px;font-weight:950;display:flex}.effects-progress progress{border:0;border-radius:999px;width:100%;height:16px;overflow:hidden}.effects-progress progress::-webkit-progress-bar{background:#dbeafe}.effects-progress progress::-webkit-progress-value{background:linear-gradient(90deg,#0ea5e9,#10b981,#f59e0b)}.effects-progress p{color:#475569;margin:0;font-weight:850}.effects-run-actions{justify-content:flex-start;align-items:center;gap:10px;display:flex}.effects-run-actions button,.effects-run-actions a{border-radius:999px;justify-content:center;align-items:center;gap:10px;min-height:50px;padding:10px 22px;font-weight:950;text-decoration:none;display:inline-flex}.effects-run-actions button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#059669,#0ea5e9 52%,#7c3aed);border:0;box-shadow:0 18px 30px #0ea5e947}.effects-run-actions button:disabled{opacity:.6;cursor:not-allowed}.effects-run-actions a{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.employee-wage-edit-table .grid-status{width:142px}.grid-cell-lookup{grid-template-columns:minmax(70px,1fr) 34px;align-items:center;gap:5px;display:grid}.employee-lookup-card{width:min(520px,100vw - 32px)}.lookup-modal-table tbody tr{cursor:pointer}.lookup-modal-table tbody tr.is-selected{color:#fff;background:#2167b2}.tax-template-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.tax-history-panel{margin-top:16px}.tax-history-panel .payroll-table-filters input{border:1px solid #cbd9e7;border-radius:9px;width:92px;min-height:34px;padding:6px 9px;font-weight:900}.payroll-export-toolbar{background:#fff;border:1px solid #d9e5f2;border-radius:14px;grid-template-columns:repeat(4,minmax(130px,1fr)) minmax(180px,1.2fr) auto;align-items:end;gap:10px;padding:14px;display:grid;box-shadow:0 14px 34px #0f2a4714}.payroll-export-toolbar label{color:#0f2a47;gap:6px;font-size:12px;font-weight:900;display:grid}.payroll-export-toolbar input,.payroll-export-toolbar select{color:#0b1f35;background:#fbfdff;border:1px solid #cbd9e7;border-radius:10px;width:100%;min-height:38px;padding:7px 10px;font-weight:800}.payroll-export-actions{grid-template-columns:repeat(2,minmax(98px,1fr));gap:8px;display:grid}.payroll-export-actions button,.export-download-link{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2167b2,#0f766e);border:0;border-radius:999px;justify-content:center;align-items:center;gap:7px;min-height:38px;font-weight:900;display:inline-flex}.export-download-link{background:linear-gradient(135deg,#0f766e,#12a36f)}.payroll-export-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0;display:grid}.payroll-export-summary div{background:#fff;border:1px solid #d9e5f2;border-radius:12px;padding:13px 14px;box-shadow:0 10px 24px #0f2a470f}.payroll-export-summary span,.payroll-export-summary strong{display:block}.payroll-export-summary span{color:var(--muted);font-size:12px;font-weight:800}.payroll-export-summary strong{color:#0f2a47;margin-top:5px;font-size:18px;font-weight:900}.payroll-export-table td:nth-child(3),.payroll-export-table td:nth-child(4){text-align:right;direction:ltr}.master-form,.master-table-card{background:#fff;border:1px solid #d9e5f2;border-radius:14px;overflow:hidden;box-shadow:0 14px 34px #0f2a4714}.master-form-head,.master-table-head{background:linear-gradient(#f8fbff,#eef6ff);border-bottom:1px solid #d9e5f2;justify-content:space-between;align-items:center;gap:12px;padding:15px 18px;display:flex}.master-form-head{display:grid}.master-form-head strong,.master-table-head strong{color:#0f2a47;font-size:16px;font-weight:900}.master-form-head span,.master-table-head span{color:var(--muted);font-size:12px}.master-fields{gap:13px;padding:18px;display:grid}.master-fields label{gap:7px;display:grid}.master-fields label.wide{grid-column:1/-1}.master-fields span{color:#18324d;font-size:13px;font-weight:900}.master-fields input,.master-fields select,.master-fields textarea{color:#0b1f35;background:#fbfdff;border:1px solid #cbd9e7;border-radius:11px;width:100%;min-height:40px;padding:8px 11px;font-weight:800}.master-fields textarea{resize:vertical;min-height:92px}.master-fields input:focus,.master-fields select:focus,.master-fields textarea:focus{background:#fff;border-color:#0f766e;outline:none;box-shadow:0 0 0 4px #0f766e1f}.master-form-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:0 18px 18px;display:grid}.master-form-actions button,.master-table-head button{color:#0f2a47;cursor:pointer;background:#fff;border:1px solid #cbd9e7;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:32px;font-weight:900;display:inline-flex;box-shadow:0 8px 18px #0f2a4712}.master-form-actions .action-save{color:#fff;background:linear-gradient(135deg,#2167b2,#0f766e);border-color:#0000}.master-form-actions .action-add{color:#fff;background:linear-gradient(135deg,#0f766e,#12a36f);border-color:#0000}.master-form-actions .action-delete{color:#fff;background:linear-gradient(135deg,#dc2626,#f97316);border-color:#0000}.master-table-card{min-width:0}.master-table-tools{flex-wrap:wrap;gap:8px;display:flex}.master-table-head button{min-width:96px}.master-table{border-collapse:collapse;width:100%}.master-table th,.master-table td{text-align:start;vertical-align:middle;border-bottom:1px solid #edf2f7;padding:10px 12px}.master-table th{color:#fff;white-space:nowrap;background:#0f2a47;font-weight:900}.master-table .actions-col{text-align:center;width:190px}.master-table tbody tr:hover{background:#f4fbff}.master-table td:first-child{color:#0f766e;font-weight:900}.row-actions{white-space:nowrap;justify-content:center;gap:7px;display:flex}.row-actions button{cursor:pointer;border:1px solid;border-radius:999px;justify-content:center;align-items:center;gap:6px;min-height:28px;padding:6px 11px;font-size:12px;font-weight:900;display:inline-flex;box-shadow:0 8px 18px #0f2a4714}.row-actions .edit-row{color:#fff;background:linear-gradient(135deg,#2167b2,#0f766e);border-color:#0000}.row-actions .delete-row{color:#fff;background:linear-gradient(135deg,#dc2626,#f97316);border-color:#0000}.master-editor{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#071b3170;place-items:center;padding:28px;display:grid;position:fixed;inset:0}.master-editor.is-hidden{display:none}.master-editor .master-form{width:min(560px,100%);max-height:calc(100vh - 56px);overflow:auto;box-shadow:0 28px 80px #071b3147}.master-form-head{grid-template-columns:minmax(0,1fr) auto}.master-close{color:#0f2a47;cursor:pointer;background:#fff;border:1px solid #d9e5f2;border-radius:999px;place-items:center;width:36px;height:36px;display:grid}.row-actions button:hover{filter:brightness(1.04);transform:translateY(-1px)}.login-body{color:#0b1f35;background:radial-gradient(circle at 12% 18%,#2167b221,#0000 31%),radial-gradient(circle at 78% 20%,#0f766e29,#0000 34%),linear-gradient(135deg,#edf5fc,#f8fbff 46%,#edf8f4)}.login-shell{grid-template-columns:minmax(440px,540px) minmax(0,1fr);min-height:100vh;display:grid}.form-side{justify-content:center;align-items:center;padding:42px;display:flex;position:relative}.login-panel{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffeb;border:1px solid #b9cbdee6;border-radius:18px;width:100%;max-width:486px;overflow:hidden;box-shadow:0 28px 80px #0f2a4729}.panel-brand{color:#fff;background:linear-gradient(135deg,#0f2a47,#155a8c 58%,#0f766e);justify-content:space-between;align-items:center;gap:16px;padding:24px 26px;display:flex}.panel-brand small,.panel-brand strong{display:block}.panel-brand small{color:#ffffffc2;font-weight:700}.panel-brand strong{letter-spacing:1px;font-size:28px;font-weight:900}.panel-logo{background:#ffffff29;border:1px solid #ffffff47;border-radius:16px;place-items:center;width:62px;height:62px;display:grid}.panel-logo i{color:#d9f99d;font-size:30px}.panel-head{border-bottom:1px solid var(--line);padding:24px 28px 16px}.panel-kicker{color:#0f766e;background:#e7f8f3;border-radius:999px;align-items:center;gap:7px;margin-bottom:10px;padding:5px 10px;font-size:12px;font-weight:900;display:inline-flex}.panel-head h1{margin:0 0 8px;font-size:28px;font-weight:900}.panel-head p{color:var(--muted);margin:0;font-size:13px;line-height:1.8}.panel-body{gap:16px;padding:24px 28px 28px;display:grid}.login-field{gap:7px;display:grid}.login-field>span{color:#18324d;font-size:13px;font-weight:900}.login-field small{color:#64748b;min-height:18px;font-size:12px}.input-wrap{position:relative}.input-wrap i{color:#637b95;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.input-wrap input,.input-wrap select{color:#0b1f35;background:#fbfdff;border:1px solid #cbd9e7;border-radius:12px;width:100%;min-height:48px;padding:10px 42px 10px 12px;font-weight:800;transition:border-color .18s,box-shadow .18s,background .18s}.input-wrap input:focus,.input-wrap select:focus{background:#fff;border-color:#0f766e;outline:none;box-shadow:0 0 0 4px #0f766e21}.remember-row{background:linear-gradient(#fff,#f8fbff);border:1px solid #d8e6f2;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:12px 13px;display:flex}.login-db-card{background:linear-gradient(135deg,#f0f9fff5,#f0fdfaf0),#fff;border:1px solid #cde1f1;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:13px 14px;display:flex}.login-db-card span,.login-db-card strong{display:block}.login-db-card span{color:#64748b;margin-bottom:4px;font-size:12px;font-weight:800}.login-db-card strong{text-align:right;color:#0f2a47;direction:ltr;font-size:14px;font-weight:900}.login-db-card i{color:#fff;background:linear-gradient(135deg,#0f766e,#14a77b);border-radius:13px;flex:none;place-items:center;width:44px;height:44px;font-size:22px;display:grid;box-shadow:0 12px 22px #0f766e38}.remember-row label{color:#18324d;align-items:center;gap:8px;margin:0;font-size:13px;font-weight:900;display:inline-flex}.remember-row small{color:#64748b}.btn-login{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0f766e,#13a36f);border:0;border-radius:13px;width:100%;min-height:50px;font-weight:900;transition:transform .18s,filter .18s,box-shadow .18s;box-shadow:0 15px 32px #0f766e3d}.btn-login:hover{filter:brightness(1.04);transform:translateY(-1px);box-shadow:0 18px 36px #0f766e4d}.secure-note{color:#166246;background:#f0fdf7;border:1px solid #ccebdd;border-radius:12px;align-items:center;gap:9px;padding:12px 13px;font-size:12px;display:flex}.brand-side{color:#fff;background:radial-gradient(circle at 20% 20%,#d9f99d2e,#0000 28%),linear-gradient(135deg,#0f2a47f5,#0f766ee0),linear-gradient(135deg,#17385a,#0f766e);flex-direction:column;justify-content:center;gap:40px;padding:42px;display:flex;position:relative;overflow:hidden}.brand-side:before{content:"";opacity:.22;background-color:#0000;background-image:linear-gradient(#ffffff14 1px,#0000 1px),linear-gradient(90deg,#ffffff14 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:48px 48px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0}.brand-side>*{z-index:1;position:relative}.brand-orbit{opacity:.5;width:280px;height:280px;position:absolute;inset:auto 8% 7% auto}.brand-orbit span{border:1px solid #ffffff2e;border-radius:50%;position:absolute;inset:0}.brand-orbit span:nth-child(2){border-color:#d9f99d38;inset:42px}.brand-orbit span:nth-child(3){background:#ffffff0d;border-color:#ffffff3d;inset:92px}.top-chip{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1f;border:1px solid #ffffff3d;border-radius:14px;align-items:center;gap:12px;width:max-content;max-width:100%;padding:11px 14px;display:flex}.top-chip i{color:#0f766e;background:#fff;border-radius:12px;place-items:center;width:42px;height:42px;font-size:22px;display:grid}.top-chip strong,.top-chip small{display:block}.top-chip small{color:#ffffffbd}.login-hero-title{max-width:860px}.login-hero-title .eyebrow{color:#d9f99d}.login-hero-title h2{letter-spacing:0;margin:16px 0 18px;font-size:46px;font-weight:900;line-height:1.25}.login-hero-title p{color:#ffffffd1;max-width:780px;margin:0;font-size:16px;line-height:1.95}.login-module-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;display:grid}.login-module-grid>div{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#ffffff1f;border:1px solid #ffffff38;border-radius:14px;min-height:112px;padding:16px;box-shadow:0 18px 35px #0000001f}.login-module-grid i{color:#d9f99d;font-size:24px}.login-module-grid strong,.login-module-grid span{display:block}.login-module-grid strong{margin-top:13px;font-size:15px}.login-module-grid span{color:#ffffffb8;margin-top:5px;font-size:12px;line-height:1.7}@media(max-width:1100px){.module-grid,.setup-grid,.form-grid.three,.dashboard-modules,.login-module-grid,.dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.login-shell{grid-template-columns:1fr}.form-side{order:2}.brand-side{order:1;min-height:560px}.master-layout,.payroll-master-shell,.payroll-master-shell.wide-editor,.wage-definition-shell,.employee-wage-layout{grid-template-columns:1fr}.master-form{order:-1;position:static}}@media(max-width:900px){.sidebar{width:auto;position:static}.main-shell{margin-inline-end:0}.topbar,.hero-panel,.dashboard-hero,.hub-hero,.db-toolbar{flex-direction:column;align-items:flex-start}.topbar-actions{justify-content:flex-start;width:100%}.module-grid,.setup-grid,.dashboard-modules,.form-grid.two,.form-grid.three,.tax-summary,.tax-board,.form-field,.table-head{grid-template-columns:1fr}.tax-actions{justify-content:flex-start}.wage-item-input-wrap{grid-template-columns:38px minmax(0,1fr)}.wage-item-name{grid-column:1/-1}.check-group{grid-template-columns:repeat(2,max-content)}.db-card{overflow-x:auto}.master-hero,.employee-wage-hero{flex-direction:column;align-items:flex-start}.employee-wage-filter,.employee-wage-metrics,.employee-wage-header-form,.employee-wage-grid-wrap,.salary-filter-band,.salary-run-panel,.effects-filter{grid-template-columns:1fr}.employee-wage-commandbar{justify-content:flex-start;width:100%}.salary-run-hero,.effects-hero,.effects-toolbar,.effects-run-actions{flex-direction:column;align-items:flex-start}.salary-hero-badges{width:100%}.salary-dashboard,.salary-steps,.effects-stats,.effects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.master-table-card{overflow-x:auto}}@media(max-width:560px){.content-shell,.form-side,.brand-side{padding:20px}.login-module-grid,.dashboard-stats,.check-group{grid-template-columns:1fr}.topbar-action,.topbar-db-card{width:100%}.payroll-table-filters,.payroll-table-filters label,.payroll-table-filters .inline-search,.wage-definition-toolbar,.sarfya-picker label,.employee-wage-filter,.employee-wage-filter label,.employee-wage-table-head .inline-search{grid-template-columns:1fr;width:100%;max-width:none}.wage-definition-toolbar{flex-direction:column;align-items:stretch}.employee-wage-fields,.employee-wage-actions{grid-template-columns:1fr}.employee-wage-commandbar{grid-template-columns:1fr;display:grid}.salary-range-fields,.salary-period-grid,.salary-dashboard,.salary-steps,.effects-stats,.effects-grid{grid-template-columns:1fr}.salary-run-hero h2,.effects-hero h2{font-size:26px}.equation-builder-layout{grid-template-columns:1fr}.equation-form{border-inline-end:0;border-bottom:1px solid #d9e5f2}.equation-choice,.equation-dynamic-panel label,.formula-builder-layout,.formula-builder-form,.formula-constant-row,.formula-operator-grid,.formula-function-grid{grid-template-columns:1fr}.formula-builder-layout{min-height:0}.formula-drop-zone{min-height:180px}.dashboard-hero-copy h2{font-size:28px}.login-hero-title h2{font-size:32px}.rates-table,.wage-browser-toolbar label{grid-template-columns:1fr}}@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-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{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}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}