*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.table{display:table}.grid{display:grid}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}:root{font-family:Inter,system-ui,sans-serif;color:#182230;background:#f4f6fa}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit}button{cursor:pointer}.login{min-height:100vh;display:grid;grid-template-columns:1.08fr .92fr;background:#fff}.splash{display:flex;flex-direction:column;justify-content:space-between;padding:52px 8%;color:#fff;background:radial-gradient(circle at 90% 15%,#526eda 0,transparent 27%),linear-gradient(145deg,#101d48,#172b69 60%,#0a173d)}.logo{background:#fff;border-radius:16px;width:-moz-max-content;width:max-content;padding:10px 16px;box-shadow:0 14px 40px #0003}.logo img,.mobile-logo img{height:48px;max-width:180px;-o-object-fit:contain;object-fit:contain}.splash small{font-size:11px;letter-spacing:.17em;color:#aebdff}.splash h1{font-size:clamp(42px,5vw,70px);line-height:1.03;letter-spacing:-.045em;margin:18px 0}.splash h1 em{font-style:normal;color:#ffad9e}.splash p{font-size:17px;line-height:1.7;color:#c8d3fa;max-width:590px}.features{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}.features span{display:flex;align-items:center;gap:7px;padding:10px 12px;border:1px solid #ffffff20;background:#ffffff10;border-radius:11px;font-size:11px;font-weight:700}.features svg{width:16px}.splash footer{font-size:10px;color:#8393c9}.signin{display:grid;place-items:center;padding:30px}.signin form{width:min(430px,100%);padding:42px;border:1px solid #e6e9ef;border-radius:24px;box-shadow:0 30px 80px #1b286117}.mobile-logo{display:none}.pill{display:inline-flex;padding:7px 11px;border-radius:99px;background:#eef2ff;color:#344dba;font-size:9px;letter-spacing:.1em}.signin h2{font-size:32px;letter-spacing:-.04em;margin:16px 0 4px}.signin form>p{margin:0 0 28px;color:#697386;font-size:13px}.signin label,.fields label{display:block;font-size:11px;font-weight:750;color:#455065;margin-top:17px}.signin input,.fields input,.fields select,.fields textarea,.tools input,.tools select{width:100%;border:1px solid #dce1e9;border-radius:10px;background:#fff;padding:12px 13px;margin-top:7px}.password{position:relative}.password button{position:absolute;right:9px;top:14px;border:0;background:none;color:#7b8495}.password svg{width:18px}.password input{padding-right:42px}.primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:10px;padding:11px 16px;background:linear-gradient(135deg,#3457c4,#223f9e);color:#fff;font-size:12px;font-weight:800;box-shadow:0 8px 20px #2e4ab72a}.primary svg{width:17px}.wide{width:100%;margin-top:24px;padding:13px}.signin form>i{display:block;text-align:center;color:#8a93a3;font-size:10px;font-style:normal;margin-top:22px}.portal>header{position:fixed;z-index:30;top:0;left:250px;right:0;height:70px;display:flex;align-items:center;gap:14px;padding:0 28px;border-bottom:1px solid #e6e9ef;background:#ffffffef}.portal>header>img{height:37px;max-width:125px;-o-object-fit:contain;object-fit:contain}.headtitle{border-left:1px solid #e1e4ea;padding-left:14px;display:flex;flex-direction:column}.headtitle b{font-size:12px}.headtitle small{font-size:9px;color:#8a93a3}.admin{margin-left:auto;display:flex;align-items:center;gap:11px}.admin span{display:flex;flex-direction:column;text-align:right}.admin b{font-size:11px}.admin small{font-size:9px;color:#7e8798}.admin>svg{color:#4158b7}.admin button,.menubtn{display:grid;place-items:center;border:0;background:#f0f2f7;border-radius:9px;padding:9px;color:#596273}.admin svg,.menubtn svg{width:17px;height:17px}.menubtn{display:none}.portal>aside{position:fixed;z-index:40;inset:0 auto 0 0;width:250px;padding:22px 15px;display:flex;flex-direction:column;background:linear-gradient(180deg,#111f4d,#0e1b43);color:#fff}.sidehead{display:flex;align-items:center;gap:10px;padding:0 8px 24px}.sidehead>strong{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#e95c49}.sidehead span{display:flex;flex-direction:column}.sidehead b{font-size:13px}.sidehead small{font-size:9px;color:#98a8d4}.sidehead button{display:none;margin-left:auto;border:0;background:none;color:#fff}.portal nav{display:grid;gap:6px}.portal nav button{display:flex;align-items:center;gap:12px;border:0;background:none;color:#aab7da;border-radius:11px;padding:12px 14px;font-size:12px;font-weight:650}.portal nav svg{width:18px}.portal nav button:hover,.portal nav .active{background:#ffffff12;color:#fff}.portal nav .active{box-shadow:inset 3px 0 #ff735f}.portal>aside footer{margin-top:auto;padding:14px;border-radius:12px;background:#ffffff0b;display:flex;flex-direction:column}.portal>aside footer b{font-size:10px}.portal>aside footer small{font-size:8px;color:#8292c0}.content{padding:101px 30px 40px;margin-left:250px}.pagehead{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:23px}.pagehead h1{margin:0;font-size:27px;letter-spacing:-.035em}.pagehead p{margin:5px 0 0;font-size:12px;color:#778092}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.stat{display:flex;align-items:center;gap:14px;padding:19px;border:1px solid #e6e9ef;border-radius:14px;background:#fff}.stat>span{display:grid;place-items:center;width:43px;height:43px;border-radius:12px;background:#edf2ff;color:#3658bf}.stat svg{width:20px}.stat div{display:grid;grid-template-columns:1fr auto;flex:1;align-items:end}.stat p{grid-column:1/-1;margin:0;font-size:10px;color:#7a8394}.stat b{font-size:25px;line-height:1;margin-top:7px}.stat small{font-size:8px;color:#8891a0}.dashgrid{display:grid;grid-template-columns:1.5fr 1fr;gap:16px;margin-top:16px}.panel{background:#fff;border:1px solid #e6e9ef;border-radius:14px;padding:19px}.panel>header{display:flex;justify-content:space-between;align-items:center;margin-bottom:19px}.panel h3{font-size:13px;margin:0}.panel p{font-size:9px;color:#8a93a3;margin:4px 0}.panel header button{display:flex;align-items:center;border:0;background:none;color:#3e59bd;font-size:10px;font-weight:700}.panel header svg{width:14px}.bar{margin:14px 0}.bar>div{display:flex;justify-content:space-between;font-size:10px;margin-bottom:6px}.bar span{color:#7e8796}.bar>i{display:block;height:6px;border-radius:99px;background:#eff1f5;overflow:hidden}.bar em{display:block;height:100%;background:#526ed1;border-radius:99px}.pipeline div{display:grid;grid-template-columns:14px 1fr auto;align-items:center;padding:11px 0;border-bottom:1px solid #f0f1f4}.pipeline i{width:7px;height:7px;border-radius:50%;background:#e39144}.pipeline b{font-size:11px}.pipeline strong{font-size:16px}.quick{margin-top:16px}.quick>div{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin-top:13px}.quick button{display:grid;grid-template-columns:39px 1fr;-moz-column-gap:10px;column-gap:10px;text-align:left;border:1px solid #e6e9ef;background:#fbfcfe;border-radius:11px;padding:12px}.quick button>span{grid-row:1/3;display:grid;place-items:center;background:#edf2ff;color:#3a57b8;border-radius:9px}.quick svg{width:18px}.quick b{font-size:10px}.quick small{font-size:8px;color:#8992a1}.tools{display:flex;gap:12px;align-items:center;background:#fff;border:1px solid #e6e9ef;border-radius:12px;padding:11px;margin-bottom:15px}.tools label{position:relative;flex:1;max-width:430px}.tools svg{position:absolute;left:13px;top:11px;width:16px;color:#929aa8}.tools input{margin:0;padding-left:39px}.tools select{width:190px;margin:0}.grid{overflow-x:auto;background:#fff;border:1px solid #e2e6ed;border-radius:13px}.grid table{width:100%;border-collapse:collapse;font-size:11px}.grid th{padding:13px 15px;text-align:left;text-transform:uppercase;letter-spacing:.07em;font-size:8px;color:#7d8798;background:#f8f9fb}.grid td{padding:13px 15px;border-top:1px solid #edf0f4;color:#4d5768}.grid td b{display:block;color:#1d2736}.grid td small{display:block;color:#8a93a2;margin-top:3px}.badge{display:inline-flex;padding:5px 9px;border-radius:99px;background:#eef2f6;color:#5d6878;font-size:8px;font-weight:800}.badge.active,.badge.selected{background:#e7f7f1;color:#157c5f}.badge.new{background:#eaf1ff;color:#315fc7}.badge.screening{background:#f3edff;color:#7243b2}.badge.interview{background:#fff1e5;color:#bb651c}.badge.rejected,.badge.inactive{background:#feeceb;color:#bb3c35}.clientchip{font-weight:700;color:#3d57b3;background:#eef2ff;border-radius:7px;padding:5px 8px}.actions{display:flex;gap:6px}.actions button{display:grid;place-items:center;border:1px solid #e1e5eb;background:#fff;color:#5f6877;border-radius:8px;padding:7px}.actions svg{width:13px;height:13px}.actions .danger{color:#c6423a}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.cards article{background:#fff;border:1px solid #e4e8ee;border-radius:14px;padding:18px}.cardtop{display:flex;justify-content:space-between}.cardtop>strong{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;background:#edf2ff;color:#3452b1;font-size:11px}.cards h3{margin:13px 0 3px;font-size:15px}.cards article>p{font-size:9px;color:#858f9f;margin:0}.team{display:flex;align-items:center;gap:9px;padding:13px;background:#f6f8fc;border-radius:10px;margin:16px 0}.team svg{width:19px;color:#4561c1}.team b{font-size:21px}.team span{font-size:9px;color:#7e8798}.cards dl{display:grid;gap:8px}.cards dl div{display:flex;justify-content:space-between}.cards dt{color:#8a93a2;font-size:8px}.cards dd{margin:0;font-size:9px;font-weight:650}.cards .actions{border-top:1px solid #edf0f3;margin-top:14px;padding-top:12px}.empty{display:flex;min-height:210px;align-items:center;justify-content:center;flex-direction:column;color:#929baa;border:1px dashed #d9dee7;background:#fafbfc;border-radius:13px}.empty svg{width:33px}.empty b{font-size:12px;color:#697385;margin-top:8px}.empty span{font-size:9px;margin-top:4px}.modalbg{position:fixed;z-index:100;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:20px;background:#0e173ab3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal{width:min(700px,100%);max-height:92vh;overflow:auto;background:#fff;border-radius:17px}.modal>header{display:flex;justify-content:space-between;align-items:center;padding:18px 21px;border-bottom:1px solid #e9ebf0}.modal h2{margin:0;font-size:17px}.modal>header button{border:0;background:#f1f3f6;border-radius:8px;padding:6px}.modal>header svg{width:16px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:0 16px;padding:3px 21px}.fields textarea{min-height:85px;resize:vertical}.fields .span2{grid-column:1/-1}.modal>footer{display:flex;justify-content:flex-end;gap:9px;padding:20px}.modal>footer>button:first-child{border:1px solid #dfe3ea;background:#fff;border-radius:9px;padding:10px 15px;font-weight:700;font-size:11px}.loading{min-height:65vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#667185;font-size:11px}.loading.full{min-height:100vh}.loading i{width:27px;height:27px;border:3px solid #dfe4ed;border-top-color:#3c58bb;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.shade{display:none}@media(max-width:1050px){.stats,.cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.login{grid-template-columns:1fr}.splash{display:none}.signin{padding:18px}.signin form{padding:30px 23px}.mobile-logo{display:block;margin-bottom:24px}.portal>header{left:0;padding:0 14px}.headtitle,.admin span{display:none}.menubtn{display:grid}.portal>aside{transform:translate(-102%);transition:.25s}.portal>aside.open{transform:none}.sidehead button{display:block}.shade{display:block;position:fixed;z-index:35;top:0;right:0;bottom:0;left:0;border:0;background:#0b133e77}.content{margin-left:0;padding:91px 14px 27px}.stats{grid-template-columns:1fr 1fr}.dashgrid{grid-template-columns:1fr}.quick>div{grid-template-columns:1fr}.tools{flex-direction:column;align-items:stretch}.tools label,.tools select{width:100%;max-width:none}.cards,.fields{grid-template-columns:1fr}.fields .span2{grid-column:auto}}@media(max-width:430px){.stats{grid-template-columns:1fr}.pagehead{align-items:flex-start;flex-direction:column}.pagehead .primary{width:100%}.portal>header>img{display:none}}.importbar{display:flex;align-items:center;gap:11px;margin:-8px 0 14px}.importbar input{display:none}.importbar span{color:#7d8798;font-size:9px}.importbtn{display:inline-flex;align-items:center;gap:7px;padding:10px 14px;border:1px solid #cfd7eb;border-radius:10px;background:#fff;color:#334fae;font-size:11px;font-weight:800}.importbtn:hover{background:#f2f5ff}.importbtn:disabled{cursor:wait;opacity:.65}.importbtn svg{width:16px;height:16px}.data-actions{display:flex;gap:9px;margin:-8px 0 14px}.data-actions input{display:none}.viewtoggle{display:flex;justify-content:flex-end;gap:5px;margin:-4px 0 12px}.viewtoggle button{padding:8px 12px;border:1px solid #dce1e9;border-radius:8px;background:#fff;color:#657084;font-size:10px;font-weight:750}.viewtoggle button.active{border-color:#405cbc;background:#405cbc;color:#fff}.employee-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.employee-card{padding:17px;border:1px solid #e2e6ed;border-radius:14px;background:#fff}.employee-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.employee-card>header>div{display:flex;align-items:center;gap:10px;min-width:0}.employee-card>header strong{display:grid;place-items:center;flex:0 0 40px;height:40px;border-radius:11px;background:#edf2ff;color:#3452b1;font-size:11px}.employee-card>header span{display:flex;min-width:0;flex-direction:column}.employee-card>header b{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.employee-card>header small{margin-top:3px;color:#8a93a2;font-size:9px}.employee-card dl{display:grid;grid-template-columns:1fr 1fr;gap:9px 13px;margin:17px 0}.employee-card dl div{min-width:0}.employee-card dt{color:#8a93a2;font-size:8px}.employee-card dd{overflow-wrap:anywhere;margin:3px 0 0;color:#344052;font-size:10px;font-weight:650}.employee-card>.actions{padding-top:12px;border-top:1px solid #edf0f3}.doclink,.drive-preview a{color:#3457c4;font-size:9px;font-weight:750;text-decoration:none}.doclink:hover,.drive-preview a:hover{text-decoration:underline}.drive-preview{margin:0 0 14px;overflow:hidden;border:1px solid #e2e6ed;border-radius:10px}.drive-preview>header{display:flex;align-items:center;justify-content:space-between;padding:9px 11px;background:#f6f8fc}.drive-preview>header b{font-size:9px}.drive-preview iframe{display:block;width:100%;height:230px;border:0;background:#fff}.drive-preview p{margin:0;padding:18px;color:#7d8798;font-size:9px;text-align:center}@media(max-width:1100px){.employee-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.importbar{align-items:flex-start;flex-direction:column}.importbar span{line-height:1.5}.data-actions{display:grid;grid-template-columns:1fr 1fr}.data-actions .importbtn{justify-content:center}.viewtoggle{justify-content:stretch}.viewtoggle button{flex:1}.employee-gallery{grid-template-columns:1fr}}:root{color:#172033;background:#f5f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}body{min-width:320px;background:#f5f7fb}button{transition:.18s ease}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #c7d2fe;outline-offset:2px}.login{min-height:100svh;grid-template-columns:minmax(0,1.12fr) minmax(420px,.88fr);background:#f8fafc}.splash{position:relative;overflow:hidden;padding:clamp(34px,5vw,68px);background:linear-gradient(145deg,#071126,#101f47 52%,#243d8a)}.splash:before,.splash:after{position:absolute;content:"";border-radius:999px;pointer-events:none}.splash:before{width:430px;height:430px;top:-190px;right:-90px;background:#657ffb2b}.splash:after{width:320px;height:320px;bottom:-190px;left:15%;border:1px solid #ffffff16;box-shadow:0 0 0 70px #ffffff08}.splash>*{position:relative;z-index:1}.logo{padding:11px 17px;border:1px solid #ffffff40;border-radius:14px;box-shadow:0 18px 50px #02081766}.splash small{color:#bdc8ff;font-weight:750;letter-spacing:.2em}.splash h1{max-width:760px;margin:20px 0;color:#fff;font-size:clamp(46px,5.4vw,78px);font-weight:720;line-height:.98;letter-spacing:-.055em}.splash h1 em{color:#9eb0ff}.splash p{max-width:650px;color:#c8d2eb;font-size:17px;line-height:1.75}.features{gap:12px;margin-top:36px}.features span{padding:11px 14px;border-color:#ffffff24;background:#ffffff0e;color:#e4e9ff}.splash footer{color:#8998c3;letter-spacing:.04em}.signin{padding:clamp(24px,5vw,70px);background:radial-gradient(circle at 100% 0,#e8edff 0,transparent 32%),#f8fafc}.signin form{width:min(440px,100%);padding:clamp(28px,4vw,46px);border-color:#e4e8f0;border-radius:22px;background:#ffffffde;box-shadow:0 28px 80px #18213d14;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.pill{background:#eef2ff;color:#3f51b5;font-weight:850}.signin h2{margin-top:20px;color:#111827;font-size:34px;font-weight:720}.signin form>p{margin-bottom:30px;color:#6b7280;line-height:1.6}.signin label,.fields label{color:#374151;font-weight:760}.signin input,.fields input,.fields select,.fields textarea,.tools input,.tools select{min-height:45px;border-color:#d9dee8;background:#fff;color:#172033}.signin input:focus,.fields input:focus,.fields select:focus,.fields textarea:focus,.tools input:focus,.tools select:focus{border-color:#5268d9;box-shadow:0 0 0 3px #5268d91a;outline:none}.primary{min-height:42px;background:#4056c7;box-shadow:0 8px 22px #4056c733}.primary:hover{background:#3449b4;transform:translateY(-1px)}.portal>aside{width:264px;padding:22px 16px;background:#0c1733;box-shadow:12px 0 40px #1118270a}.sidehead{padding:2px 8px 25px}.sidehead>strong{width:40px;height:40px;border-radius:12px;background:linear-gradient(145deg,#6478e8,#4056c7)}.sidehead b{font-size:14px}.sidehead small{color:#8391b8}.portal nav{gap:7px}.portal nav button{min-height:45px;border-radius:10px;color:#98a6ca}.portal nav button:hover{background:#ffffff0d;color:#eef2ff}.portal nav .active{background:#6578e823;box-shadow:inset 3px 0 #8292f8;color:#fff}.portal>aside footer{border:1px solid #ffffff0b;background:#ffffff08}.portal>header{left:264px;height:76px;padding:0 32px;border-color:#e6eaf1;background:#ffffffed;box-shadow:0 4px 22px #1f293708;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.headtitle b{color:#1f2937}.admin>svg{width:30px;height:30px;color:#5268d9;stroke-width:1.6}.admin button,.menubtn{border:1px solid #e1e6ef;background:#f8fafc}.content{max-width:1800px;min-height:100svh;margin-left:264px;padding:110px 34px 48px}.pagehead{margin-bottom:25px}.pagehead h1{color:#151d2d;font-size:clamp(26px,3vw,34px);font-weight:740}.pagehead p{margin-top:7px;color:#748096;line-height:1.55}.stats{gap:17px}.stat{min-height:126px;padding:21px;border-color:#e2e7ef;border-radius:16px;box-shadow:0 8px 30px #11182708}.stat>span{width:46px;height:46px;border-radius:13px;background:#eef1ff;color:#4056c7}.stat p{font-weight:700;letter-spacing:.03em;text-transform:uppercase}.stat b{font-size:29px}.dashgrid{gap:17px}.panel{border-color:#e2e7ef;border-radius:16px;box-shadow:0 8px 30px #11182708}.panel h3{font-size:14px}.panel header button{color:#4056c7}.bar em{background:linear-gradient(90deg,#4056c7,#8091f1)}.pipeline i{background:#687ce3;box-shadow:0 0 0 4px #eef1ff}.quick button:hover{border-color:#bbc5e7;background:#f4f6ff;transform:translateY(-1px)}.data-actions,.importbar{flex-wrap:wrap;gap:9px;margin:-9px 0 14px}.importbar{padding:12px;border:1px solid #e3e7ef;border-radius:13px;background:#fff}.importbar span{flex:1 1 320px;align-self:center;line-height:1.55}.importbtn{min-height:40px;padding:9px 14px;border-color:#dce2ec;border-radius:9px;color:#4056c7}.importbtn:hover{border-color:#b9c3e6;background:#f1f4ff;transform:translateY(-1px)}.tools{padding:12px;border-color:#e2e7ef;border-radius:13px;box-shadow:0 6px 22px #11182706}.tools label{max-width:520px}.viewtoggle{margin:0 0 12px}.viewtoggle button{min-height:38px;padding:8px 14px}.viewtoggle button.active{background:#4056c7;box-shadow:0 6px 18px #4056c72c}.delete-all-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:9px 14px;border:1px solid #fecaca;border-radius:9px;background:#fff;color:#c23b43;font-size:11px;font-weight:800}.delete-all-btn:hover{border-color:#ef9a9f;background:#fff1f2;transform:translateY(-1px)}.delete-all-btn svg{width:16px;height:16px}.grid{border-color:#e1e6ee;border-radius:14px;box-shadow:0 8px 30px #11182708}.grid th{position:sticky;top:0;z-index:2;padding:14px 15px;background:#f7f9fc;color:#737f93;font-weight:850;white-space:nowrap}.grid td{padding:14px 15px;color:#4a5568;white-space:nowrap}.grid tbody tr:hover{background:#fafbff}.badge{padding:6px 10px}.clientchip{background:#eef1ff;color:#4056c7}.actions button{width:32px;height:32px;padding:0}.actions button:hover{border-color:#bfc8d8;background:#f4f6f9}.actions .danger:hover{border-color:#fecaca;background:#fff1f2}.cards,.employee-gallery{gap:17px}.cards article,.employee-card{border-color:#e1e6ee;border-radius:16px;box-shadow:0 8px 30px #11182708}.cards article{padding:20px}.cards article:hover,.employee-card:hover{border-color:#cbd4e5;box-shadow:0 14px 40px #11182710;transform:translateY(-1px)}.cardtop>strong,.employee-card>header strong{background:linear-gradient(145deg,#eef1ff,#e1e7ff);color:#4056c7}.team{background:#f7f9fc}.employee-card{padding:19px}.employee-card dl{padding:14px;border-radius:11px;background:#f8fafc}.empty{min-height:260px;border-color:#d8dee9;background:#fafbfd}.modalbg{padding:24px;background:#071126b5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal{width:min(780px,100%);border:1px solid #ffffff55;border-radius:18px;box-shadow:0 30px 90px #02061766}.modal>header{position:sticky;top:0;z-index:3;padding:20px 23px;background:#fff}.modal h2{font-size:19px}.fields{gap:0 18px;padding:7px 23px 12px}.fields label{margin-top:18px}.fields input[readonly]{background:#f4f6f9;color:#697386}.modal>footer{position:sticky;bottom:0;z-index:3;padding:18px 23px;border-top:1px solid #e7eaf0;background:#fff}.employee-auth,.attendance-page{min-height:100svh;background:radial-gradient(circle at 10% 0,#dfe6ff 0,transparent 30%),linear-gradient(145deg,#f7f9fc,#eef2f8)}.employee-auth{display:grid;place-items:center;padding:24px}.employee-auth>section{width:min(460px,100%);padding:38px;border:1px solid #e0e5ee;border-radius:22px;background:#ffffffeb;box-shadow:0 28px 80px #11182718}.employee-auth img{display:block;max-width:160px;max-height:50px;margin-bottom:28px}.employee-auth h1{margin:18px 0 8px;color:#172033;font-size:32px;letter-spacing:-.04em}.employee-auth p{margin:0 0 28px;color:#6f7a8e;font-size:13px;line-height:1.6}.employee-auth label{display:block;margin-top:17px;color:#374151;font-size:11px;font-weight:760}.employee-auth input{width:100%;min-height:46px;margin-top:7px;padding:12px 13px;border:1px solid #d9dee8;border-radius:10px}.employee-auth>section>a{display:block;margin-top:22px;color:#5268d9;font-size:10px;font-weight:750;text-align:center;text-decoration:none}.attendance-page>header{display:flex;align-items:center;justify-content:space-between;height:74px;padding:0 clamp(18px,5vw,52px);border-bottom:1px solid #e0e5ee;background:#ffffffdc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.attendance-page>header img{max-width:145px;max-height:42px}.attendance-page>header button{display:flex;align-items:center;gap:7px;padding:9px 12px;border:1px solid #dce2ec;border-radius:9px;background:#fff;color:#526074;font-size:10px;font-weight:750}.attendance-page>header svg{width:15px}.attendance-card{width:min(620px,calc(100% - 32px));margin:clamp(42px,8vh,90px) auto;padding:clamp(25px,5vw,44px);border:1px solid #e0e5ee;border-radius:22px;background:#fff;box-shadow:0 30px 90px #11182714}.attendance-date{display:inline-flex;padding:7px 11px;border-radius:99px;background:#eef1ff;color:#4056c7;font-size:9px;font-weight:800;text-transform:uppercase}.attendance-person{display:flex;align-items:center;gap:15px;margin:26px 0}.attendance-person>strong{display:grid;place-items:center;width:54px;height:54px;border-radius:15px;background:linear-gradient(145deg,#eef1ff,#dfe5ff);color:#4056c7}.attendance-person h1{margin:0;color:#182033;font-size:24px}.attendance-person p{margin:5px 0 0;color:#7b8495;font-size:11px}.attendance-status{display:flex;align-items:center;gap:13px;padding:18px;border:1px solid #e5e9f0;border-radius:13px;background:#f8fafc}.attendance-status>i{width:11px;height:11px;border-radius:50%;background:#f59e0b;box-shadow:0 0 0 5px #fef3c7}.attendance-status>i.done{background:#10b981;box-shadow:0 0 0 5px #d1fae5}.attendance-status div{display:flex;flex-direction:column}.attendance-status b{color:#253047;font-size:12px}.attendance-status small{margin-top:4px;color:#7b8495;font-size:9px}.attendance-button{width:100%;margin-top:20px}.attendance-button:disabled{cursor:default;opacity:.7}.employee-self-layout{display:grid;grid-template-columns:minmax(320px,.72fr) minmax(0,1.28fr);align-items:start;gap:20px;width:min(1280px,calc(100% - 40px));margin:40px auto}.employee-self-layout .attendance-card{position:sticky;top:96px;width:100%;margin:0}.attendance-person>img{width:72px;height:72px;border:4px solid #eef1ff;border-radius:20px;-o-object-fit:cover;object-fit:cover}.self-profile-card{overflow:hidden;border:1px solid #e0e5ee;border-radius:22px;background:#fff;box-shadow:0 24px 70px #11182710}.self-profile-card>header{display:flex;align-items:center;justify-content:space-between;padding:23px 25px;border-bottom:1px solid #e7ebf1;background:#fbfcfe}.self-profile-card h2{margin:0;color:#182033;font-size:20px}.self-profile-card p{margin:5px 0 0;color:#7c8799;font-size:10px}.self-profile-card a{padding:9px 12px;border-radius:8px;background:#eef1ff;color:#4056c7;font-size:9px;font-weight:800;text-decoration:none}.self-profile-card dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:0;padding:8px 25px 24px}.self-profile-card dl div{min-width:0;padding:15px 0;border-bottom:1px solid #edf0f4}.self-profile-card dl div:nth-child(odd){padding-right:18px}.self-profile-card dt{color:#8993a4;font-size:8px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.self-profile-card dd{overflow-wrap:anywhere;margin:5px 0 0;color:#334155;font-size:11px;font-weight:650}.employee-self-layout>.self-profile-card{grid-column:1/-1}.attendance-history-card{overflow:hidden;border:1px solid #e0e5ee;border-radius:22px;background:#fff;box-shadow:0 24px 70px #11182710}.attendance-history-card>header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 24px;border-bottom:1px solid #e7ebf1}.attendance-history-card h2{margin:0;color:#182033;font-size:19px}.attendance-history-card header p{margin:5px 0 0;color:#7c8799;font-size:10px}.attendance-summary{display:flex;gap:7px}.attendance-summary span{display:flex;flex-direction:column;min-width:64px;padding:8px 10px;border-radius:9px;font-size:8px;font-weight:750;text-align:center}.attendance-summary b{font-size:16px}.attendance-summary .present{background:#e9f9f2;color:#08775a}.attendance-summary .absent{background:#fff0f1;color:#b6323b}.attendance-summary .weekoff{background:#f1f3f7;color:#657084}.attendance-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px;padding:20px}.attendance-day{display:flex;min-height:74px;align-items:center;justify-content:center;flex-direction:column;border:1px solid #e6eaf0;border-radius:10px;background:#fafbfd}.attendance-day span{color:#8a94a6;font-size:8px;text-transform:uppercase}.attendance-day b{margin:4px 0;color:#283449;font-size:16px}.attendance-day small{font-size:7px;font-weight:800}.attendance-day.present{border-color:#bde9d8;background:#effbf6;color:#08775a}.attendance-day.absent{border-color:#f2c8cb;background:#fff6f6;color:#b6323b}.attendance-day.week-off{background:#f3f5f8;color:#687386}.weekoff-note{margin:0;padding:0 20px 20px;color:#7c8799;font-size:9px;line-height:1.5}.attendance-admin-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin-bottom:17px}.attendance-admin-tools{display:flex;align-items:end;gap:11px;margin-bottom:15px;padding:13px;border:1px solid #e2e7ef;border-radius:13px;background:#fff;box-shadow:0 6px 22px #11182706}.attendance-admin-tools label{display:flex;flex:0 1 200px;flex-direction:column;gap:7px;color:#657084;font-size:9px;font-weight:760}.attendance-admin-tools input,.attendance-admin-tools select{width:100%;min-height:41px;padding:9px 11px;border:1px solid #dce2ec;border-radius:9px;background:#fff}.attendance-admin-tools .attendance-search{flex:1 1 280px}.attendance-admin-tools .importbtn{flex:0 0 auto}@media(max-width:1180px){.content{padding-right:24px;padding-left:24px}.stats,.cards,.employee-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:820px){.login{grid-template-columns:1fr}.splash{display:none}.signin{min-height:100svh;padding:20px}.mobile-logo{display:block}.portal>header{left:0;height:70px;padding:0 16px}.portal>aside{width:min(286px,86vw);transform:translate(-103%)}.portal>aside.open{transform:none}.sidehead button{display:block}.menubtn{display:grid}.content{margin-left:0;padding:94px 16px 32px}.shade{display:block;position:fixed;z-index:35;top:0;right:0;bottom:0;left:0;border:0;background:#07112680}.dashgrid{grid-template-columns:1fr}.tools{flex-direction:column;align-items:stretch}.tools label,.tools select{width:100%;max-width:none}.fields{grid-template-columns:1fr}.fields .span2{grid-column:auto}.modalbg{align-items:end;padding:0}.modal{width:100%;max-height:94svh;border-radius:20px 20px 0 0}.attendance-admin-stats{grid-template-columns:1fr}.attendance-admin-tools{align-items:stretch;flex-direction:column}.attendance-admin-tools label,.attendance-admin-tools .attendance-search,.attendance-admin-tools .importbtn{width:100%;flex:auto}.attendance-admin-tools .importbtn{justify-content:center}}@media(max-width:900px){.employee-self-layout{grid-template-columns:1fr;width:min(680px,calc(100% - 28px));margin:24px auto}.employee-self-layout .attendance-card{position:static}.self-profile-card dl{grid-template-columns:1fr}.self-profile-card dl div:nth-child(odd){padding-right:0}}@media(max-width:620px){.attendance-history-card>header{align-items:flex-start;flex-direction:column}.attendance-summary{width:100%}.attendance-summary span{flex:1}.attendance-days{grid-template-columns:repeat(4,minmax(0,1fr));padding:14px}.attendance-day{min-height:68px}}@media(max-width:560px){.signin form{padding:28px 22px}.pagehead{align-items:stretch;flex-direction:column}.pagehead .primary{width:100%}.stats,.cards,.employee-gallery{grid-template-columns:1fr}.quick>div{grid-template-columns:1fr}.data-actions{display:grid;grid-template-columns:1fr 1fr}.data-actions .importbtn,.importbar .importbtn{justify-content:center}.importbar{align-items:stretch;flex-direction:column}.viewtoggle{display:grid;grid-template-columns:1fr 1fr}.admin span,.headtitle,.portal>header>img{display:none}}.employee-nav{display:flex;align-items:center;gap:8px}.employee-nav a{display:flex;align-items:center;gap:7px;padding:9px 12px;border:1px solid #dce2ec;border-radius:9px;background:#fff;color:#526074;font-size:10px;font-weight:750;text-decoration:none;transition:.18s ease}.employee-nav a:hover,.employee-nav button:hover{border-color:#bbc5e7;background:#f4f6ff;color:#4056c7}.employee-nav svg{width:15px;height:15px}.profile-page-card{overflow:hidden;width:min(900px,calc(100% - 32px));margin:40px auto;border:1px solid #e0e5ee;border-radius:22px;background:#fff;box-shadow:0 24px 70px #11182710}.profile-hero{display:flex;align-items:center;gap:18px;padding:28px 30px;border-bottom:1px solid #e7ebf1;background:linear-gradient(135deg,#fbfcff,#f2f5ff)}.profile-hero>img,.profile-hero>strong{width:88px;height:88px;flex:0 0 88px;border:4px solid #fff;border-radius:24px;box-shadow:0 10px 25px #243b7a1a;-o-object-fit:cover;object-fit:cover}.profile-hero>strong{display:grid;place-items:center;background:linear-gradient(145deg,#dfe5ff,#eef1ff);color:#4056c7;font-size:25px}.profile-hero span{color:#5268d9;font-size:9px;font-weight:850;letter-spacing:.12em}.profile-hero h1{margin:6px 0 4px;color:#182033;font-size:27px}.profile-hero p{margin:0;color:#778297;font-size:11px}.profile-page-card dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px;margin:0;padding:12px 30px 30px}.profile-page-card dl div{min-width:0;padding:16px 0;border-bottom:1px solid #edf0f4}.profile-page-card dt{color:#8993a4;font-size:8px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.profile-page-card dd{overflow-wrap:anywhere;margin:6px 0 0;color:#334155;font-size:12px;font-weight:650}.filter-reset{min-height:45px;padding:9px 14px;border:1px solid #dce2ec;border-radius:9px;background:#fff;color:#5268d9;font-size:10px;font-weight:800;white-space:nowrap}.filter-reset:hover{border-color:#bbc5e7;background:#f4f6ff}@media(max-width:620px){.attendance-page>header{height:auto;min-height:70px;align-items:flex-start;gap:12px;padding-top:14px;padding-bottom:14px}.attendance-page>header img{margin-top:6px;max-width:112px}.employee-nav{justify-content:flex-end;flex-wrap:wrap}.employee-nav a,.employee-nav button{padding:8px;font-size:0}.employee-nav svg{margin:0}.profile-page-card{margin:24px auto}.profile-hero{align-items:flex-start;padding:22px}.profile-hero>img,.profile-hero>strong{width:68px;height:68px;flex-basis:68px;border-radius:18px}.profile-hero h1{font-size:22px}.profile-page-card dl{grid-template-columns:1fr;padding:7px 22px 24px}}