@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Inter Fallback;src:local("Arial");ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.00%;size-adjust:107.12%}.__className_d8ebd1{font-family:Inter,Inter Fallback;font-style:normal}.__variable_d8ebd1{--font-inter:"Inter","Inter Fallback"}

/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-outline-style:solid}}}@layer theme{:host,:root{--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,::backdrop,:after,:before{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}:host,html{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans",Arial,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,pre,samp{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:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,optgroup,select,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,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-second-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,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.block{display:block}.grid{display:grid}.hidden{display:none}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}}*{box-sizing:border-box}body,html{background:var(--bg);min-height:100%;color:var(--text);font-family:var(--font-inter),Inter,ui-sans-serif,system-ui,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;margin:0}button,input{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible{outline-offset:2px;outline:3px solid #4169e147}.login-page{min-height:100svh;font-family:var(--font-inter),Inter,ui-sans-serif,system-ui,sans-serif;background:#f7f9fd;grid-template-columns:minmax(0,1.08fr) minmax(450px,.92fr);display:grid}.login-visual{isolation:isolate;color:#fff;background:linear-gradient(120deg,#071027e0,#0b1834c2 48%,#0b193770),url(/login-background.jpeg) 50%/cover no-repeat;flex-direction:column;justify-content:space-between;min-height:100svh;padding:32px clamp(28px,5vw,84px) 34px;display:flex;position:relative;overflow:hidden}.login-visual:after{content:"";z-index:-1;border:1px solid #b1bfff33;border-radius:50%;width:600px;height:600px;position:absolute;bottom:-320px;right:-280px;box-shadow:0 0 0 78px #b1bfff0d,0 0 0 156px #b1bfff09,0 0 0 235px #b1bfff06}.login-visual-grid{z-index:-1;opacity:.12;background-image:linear-gradient(#ffffff24 1px,#0000 0),linear-gradient(90deg,#ffffff24 1px,#0000 0);background-size:52px 52px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(135deg,#000,#0000 76%);mask-image:linear-gradient(135deg,#000,#0000 76%)}.brand-lockup{z-index:1;align-items:center;gap:12px;display:flex;position:relative}.brand-mark{background:#fff;border:1px solid #ffffffb8;border-radius:14px;place-items:center;width:42px;height:42px;display:grid;overflow:hidden;box-shadow:0 12px 30px #00000029}.brand-mark img{aspect-ratio:244/256;object-fit:contain;width:28px;height:auto}.brand-name{letter-spacing:-.03em;gap:3px;display:grid}.brand-name strong{font-size:14px;font-weight:800}.brand-name small{color:#a8b8d3;letter-spacing:.01em;max-width:330px;font-size:9px;font-weight:650}.login-visual-content{z-index:1;max-width:650px;margin:auto 0;padding:86px 0 72px;position:relative}.login-visual-content h1{letter-spacing:-.075em;max-width:640px;margin:0;font-size:clamp(42px,4.2vw,68px);font-weight:750;line-height:1.02}.login-visual-content h1 em{color:#bdb8ff;font-style:normal}.login-visual-content>p{color:#c2cee3;letter-spacing:-.02em;max-width:505px;margin:24px 0 0;font-size:16px;line-height:1.7}.login-proof{flex-wrap:wrap;gap:10px;margin-top:31px;display:flex}.login-proof span{color:#dce4f5;background:#ffffff12;border:1px solid #c5d1ff2e;border-radius:999px;align-items:center;gap:8px;padding:9px 12px;font-size:10px;font-weight:700;display:inline-flex}.login-proof svg{color:#bcb6ff}.security-note{z-index:1;color:#aebdd3;letter-spacing:-.01em;align-items:center;gap:9px;margin:0;font-size:11px;display:flex;position:relative}.security-note svg{color:#bdb8ff;flex:none}.login-panel{background:radial-gradient(circle at 76% 13%,#dee4ffb8,#0000 28%),#f8faff;place-items:center;padding:48px clamp(28px,6vw,96px);display:grid;position:relative;overflow:hidden}.login-panel:after{content:"";border:1px solid #e3e9f8;border-radius:50%;width:420px;height:420px;position:absolute;top:-250px;right:-290px;box-shadow:0 0 0 56px #e1e8fa61,0 0 0 112px #e1e8fa33}.login-form{z-index:1;gap:19px;width:min(430px,100%);display:grid;position:relative}.login-form-header{gap:0;margin-bottom:14px;display:grid}.login-form-mark{background:linear-gradient(90deg,var(--blue),var(--violet));border-radius:10px;width:42px;height:5px;margin-bottom:26px;box-shadow:0 6px 16px #4169e138}.login-form h2{color:#101d3a;letter-spacing:-.075em;margin:0;font-size:42px;font-weight:750;line-height:1.06}.login-form-header p{color:#73819a;margin:12px 0 0;font-size:13px;line-height:1.6}.login-field-group{color:#31415f;letter-spacing:-.01em;gap:9px;font-size:11px;font-weight:750;display:grid}.login-field{align-items:center;display:flex;position:relative}.login-field>svg{color:#8c9ab3;pointer-events:none;position:absolute;left:16px}.login-form input{color:#152444;background:#ffffffc7;border:1px solid #dce3ef;border-radius:15px;outline:0;width:100%;height:58px;padding:0 45px;font-size:13px;font-weight:600;transition:border-color .18s,box-shadow .18s,background .18s;box-shadow:0 8px 20px #23386909}.login-form input::placeholder{color:#a6b1c3;font-weight:500}.login-form input:focus{border-color:var(--blue);background:#fff;box-shadow:0 0 0 4px #4169e11f,0 10px 25px #23386912}.password-toggle{color:#8190a9;cursor:pointer;background:0 0;border:0;border-radius:10px;place-items:center;width:36px;height:36px;display:grid;position:absolute;right:10px}.password-toggle:hover{color:var(--blue);background:var(--blue-soft)}.field-error{color:#b42318;font-size:11px;font-weight:550}.primary-button{color:#fff;cursor:pointer;background:linear-gradient(110deg,#4169e1,#5b62de);border:0;border-radius:15px;justify-content:space-between;align-items:center;height:58px;margin-top:5px;padding:0 17px 0 20px;font-size:13px;font-weight:800;transition:background .18s,transform .18s,box-shadow .18s;display:flex;box-shadow:0 12px 24px #4169e138}.primary-button svg{transition:transform .18s}.primary-button:hover{background:linear-gradient(110deg,#315bd5,#4d52d4);transform:translateY(-1px);box-shadow:0 15px 28px #4169e145}.primary-button:hover svg{transform:translate(3px)}.primary-button:disabled{opacity:.65;cursor:wait}.form-error{color:#9b1c1c;background:#fff1f1;border:1px solid #ffc9c9;border-radius:12px;padding:12px 14px;font-size:12px;line-height:1.5}.login-help{color:#8a96aa;text-align:center;justify-content:center;align-items:center;gap:8px;margin:4px 0 0;font-size:10px;display:flex}.login-help:before{content:"";background:#cfd7e5;width:18px;height:1px}.app-shell{min-height:100vh;display:flex}.sidebar{background:linear-gradient(180deg,var(--navy),var(--navy-2));color:#d6dcec;z-index:20;flex:0 0 238px;width:238px;min-height:100vh;padding:0 12px 28px;position:fixed;inset:0 auto 0 0;overflow-y:auto}.sidebar-brand{color:#fff;letter-spacing:-.03em;align-items:center;gap:10px;height:70px;font-size:20px;font-weight:800;display:flex}.sidebar-brand-logo{background:#fff;border-radius:10px;flex:0 0 30px;place-items:center;width:30px;height:30px;display:grid;overflow:hidden}.sidebar-brand-logo img{aspect-ratio:244/256;object-fit:contain;width:24px;height:auto}.sidebar-brand-name{align-items:center;min-width:0;display:flex}.sidebar-brand-name strong{letter-spacing:-.03em;font-size:13px;line-height:1.15}.nav-group>p{color:#8290ad;text-transform:uppercase;letter-spacing:.1em;margin:0 10px 5px;font-size:10px;font-weight:800}.nav-group .nav-item{color:#c7cde0;text-align:left;border-radius:8px;align-items:center;gap:11px;width:100%;min-height:36px;padding:8px 10px;font-size:12px;text-decoration:none;display:flex}.nav-group a.nav-item:hover{background:#ffffff14}.nav-group .nav-item.nav-active{background:var(--blue);font-weight:700;box-shadow:0 7px 16px #4169e142}.nav-group .nav-disabled{color:#8996b1}.workspace{width:calc(100% - 238px);min-width:0;margin-left:238px}.topbar{border-bottom:1px solid var(--border);z-index:10;background:linear-gradient(#fff,#fbfcff);align-items:center;gap:20px;height:76px;padding:0 25px;display:flex;position:sticky;top:0;box-shadow:0 5px 18px #1a366009}.topbar-heading{min-width:0}.topbar-heading h1{color:var(--text);letter-spacing:-.045em;align-items:center;margin:0;font-size:22px;font-weight:800;display:flex}.topbar-heading h1:before{content:"";background:linear-gradient(180deg,var(--blue),var(--violet));border-radius:4px;width:4px;height:22px;box-shadow:0 4px 10px #4169e133}.topbar-heading p{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin:4px 0 0 14px;font-size:11px;overflow:hidden}.topbar-actions{background:#f8faffd6;border:1px solid #e5eaf4;border-radius:14px;gap:7px;margin-left:auto;padding:5px;box-shadow:0 4px 14px #1a36600b}.plant-filter,.topbar-actions{align-items:center;display:flex}.plant-filter{color:#334262;background:#fff;border:1px solid #d7e0ef;border-radius:10px;justify-content:space-between;min-width:146px;height:40px;padding:0 12px 0 14px;font-size:12px;font-weight:650;box-shadow:0 2px 5px #1a366006}.icon-button{color:#274159;cursor:pointer;background:0 0;border:1px solid #0000;place-items:center;width:40px;height:40px;transition:background .18s,color .18s,border-color .18s;display:grid;position:relative}.notification-indicator{cursor:default;background:#fff;border-color:#e2e8f4}.icon-button:not(.notification-indicator):hover{color:var(--blue);background:#eef2ff;border-color:#d9e2f2}.icon-button span{color:#fff;background:#c93636;border-radius:10px;place-items:center;min-width:16px;height:16px;padding:0 3px;font-size:9px;font-weight:800;display:grid;position:absolute;top:0;right:0}.user-menu{background:#fff;border:1px solid #e2e8f4;border-radius:11px;align-items:center;gap:9px;min-height:40px;padding:2px 9px 2px 3px;display:flex}.user-avatar{color:#fff;background:linear-gradient(145deg,#4169e1,#324c91);border-radius:50%;place-items:center;width:35px;height:35px;font-size:12px;font-weight:800;display:grid;box-shadow:0 4px 10px #4169e133}.user-name{min-width:102px;display:grid}.user-name strong{color:var(--text);font-size:11px}.user-name small{color:var(--muted);margin-top:2px;font-size:10px}.user-menu-chevron{color:#7a89a5}.signout-button{margin-left:1px}.mobile-menu{color:var(--navy);background:0 0;border:0;display:none}.dashboard-content{max-width:1600px;margin:0 auto;padding:18px}.section-content{max-width:1320px;margin:0 auto;padding:28px 22px 36px}.section-hero{justify-content:space-between;align-items:flex-end;gap:24px;padding:8px 2px 26px;display:flex}.section-eyebrow{color:var(--blue);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:7px;font-size:10px;font-weight:800;display:inline-flex}.section-eyebrow:before{content:"";background:var(--violet);width:7px;height:7px;box-shadow:0 0 0 4px var(--violet-soft);border-radius:50%}.section-hero h2{color:var(--text);letter-spacing:-.05em;margin:10px 0 6px;font-size:clamp(28px,3.5vw,42px);line-height:1}.section-hero p{max-width:620px;color:var(--muted);margin:0;font-size:13px;line-height:1.6}.section-action{min-height:38px;color:var(--blue);background:#fff;border:1px solid #d8e1ef;border-radius:9px;align-items:center;gap:9px;padding:0 14px;font-size:11px;font-weight:750;text-decoration:none;transition:background .18s,border-color .18s,transform .18s;display:inline-flex;box-shadow:0 4px 12px #1a36600a}.section-action:hover{background:var(--blue-soft);border-color:#bfcdf0;transform:translateY(-1px)}.section-action span{font-size:15px;line-height:1}.section-card-grid{grid-template-columns:repeat(3,1fr);gap:13px;margin-bottom:14px;display:grid}.section-card{border:1px solid var(--border);min-height:144px;box-shadow:var(--shadow);background:#fff;border-radius:10px;flex-direction:column;justify-content:space-between;padding:19px;display:flex}.section-card>span{color:#657594;font-size:11px;font-weight:750}.section-card strong{color:var(--text);letter-spacing:-.05em;margin-top:14px;font-size:29px}.section-card small{color:var(--muted);font-size:10px;line-height:1.45}.section-card:nth-child(2){background:linear-gradient(145deg,#fff,#fbfaff)}.section-card:nth-child(3){background:linear-gradient(145deg,#fff,#f8f9ff)}.section-table-panel{min-height:280px}.section-status{color:#657594;align-items:center;gap:7px;margin-left:auto;font-size:10px;font-weight:650;display:inline-flex}.section-status i{background:#55c89a;border-radius:50%;width:7px;height:7px;display:inline-block;box-shadow:0 0 0 4px #e4f7ee}.section-empty{min-height:225px;color:var(--muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.section-empty-icon{background:var(--blue-soft);width:47px;height:47px;color:var(--blue);border-radius:14px;place-items:center;margin-bottom:5px;display:grid}.section-empty strong{color:#2a3b5b;font-size:13px}.section-empty span{font-size:11px}.metric-row{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:12px;display:grid}.metric-row article{border:1px solid var(--border);min-height:112px;box-shadow:var(--shadow);background:#fff;border-radius:10px;align-items:center;gap:16px;padding:18px;transition:transform .18s,box-shadow .18s;display:flex}.metric-icon{background:var(--blue-soft);width:55px;height:55px;color:var(--blue);border-radius:10px;flex:0 0 55px;place-items:center;display:grid}.metric-row article:nth-child(3) .metric-icon,.metric-row article:nth-child(4) .metric-icon{background:var(--violet-soft);color:var(--violet)}.metric-icon svg{width:25px;height:25px}.metric-row p{color:#435972;margin:0 0 6px;font-size:11px;font-weight:700}.metric-row strong{letter-spacing:-.04em;font-size:27px;line-height:1;display:block}.metric-row small{color:var(--muted);margin-top:10px;display:block}.dashboard-grid{gap:12px;margin-bottom:12px;display:grid}.primary-grid{grid-template-columns:1fr 1.06fr}.secondary-grid{grid-template-columns:1.45fr .75fr}.panel{border:1px solid var(--border);box-shadow:var(--shadow);background:#fff;border-radius:10px;min-width:0;overflow:hidden}.panel-title{border-bottom:1px solid #edf1f4;align-items:center;min-height:49px;padding:0 15px;display:flex}.panel-title h2{letter-spacing:-.02em;margin:0}.panel-filter{color:#42516f;background:#fff;border:1px solid #d5deec;border-radius:7px;gap:20px;height:31px;padding:0 10px}.chart-key,.panel-filter{align-items:center;margin-left:auto;font-size:10px;display:flex}.chart-key{color:#65788a;gap:7px}.chart-key span{background:var(--blue);border-radius:2px;width:10px;height:10px}.attendance-body{align-items:center;gap:42px;min-height:246px;padding:20px 26px;display:flex}.donut{border-radius:50%;flex:none;place-items:center;width:184px;height:184px;display:grid}.donut>div{background:#fff;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:112px;height:112px;display:flex;box-shadow:0 0 0 1px #ffffffb3}.donut strong{letter-spacing:-.04em;font-size:25px}.donut span{margin-top:2px;font-size:11px}.donut small{color:var(--muted);margin-top:4px;font-size:10px}.legend{flex:1;min-width:0}.legend>div{border-bottom:1px solid #e7edf1;grid-template-columns:10px 1fr auto 44px;align-items:center;gap:9px;min-height:43px;font-size:11px;display:grid}.legend>div:last-child{border:0}.legend p{margin:0}.legend small{text-align:right;color:var(--muted)}.legend-dot{background:var(--blue);border-radius:50%;width:9px;height:9px}.legend-dot.late{background:var(--amber)}.legend-dot.absent{background:var(--red)}.legend-dot.leave{background:#8498a9}.bar-chart{background:repeating-linear-gradient(#0000 0 48px,#e7edf1 49px 50px);border-bottom:1px solid #adbeca;justify-content:space-around;align-items:flex-end;height:246px;display:flex}.bar-column{flex-direction:column;justify-content:flex-end;align-items:center;gap:6px;width:35%;height:220px;display:flex}.bar-column strong{font-size:12px}.bar-column>div{background:linear-gradient(#17416a,#17324e);border-radius:2px 2px 0 0;width:72%;max-width:140px;min-height:6px}.bar-column span{text-align:center;height:25px;font-size:10px}.trend-panel svg{width:100%;height:185px;padding:8px 15px 0;display:block;overflow:visible}.trend-panel .gridline{fill:none;stroke:#e5ebef;stroke-width:1px}.trend-line{fill:none}.trend-line,.trend-panel circle{stroke:var(--blue);stroke-width:3px}.trend-panel circle{fill:#fff}.trend-labels{justify-content:space-between;padding:0 23px 14px;font-size:9px}.empty-state,.trend-labels{color:var(--muted);display:flex}.empty-state{min-height:210px;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:7px}.empty-state svg{color:var(--blue);width:31px;height:31px;margin-bottom:5px}.empty-state strong{color:#273f56;font-size:12px}.empty-state span{font-size:10px}.contract-callout{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:210px;padding:20px;display:flex}.contract-callout strong{color:var(--violet);font-size:38px}.contract-callout span{color:var(--muted);font-size:11px}.contract-callout button{background:var(--blue);color:#fff;border:0;border-radius:7px;margin-top:7px;padding:8px 12px;font-size:10px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:10px}th{color:#4d6073;text-align:left;background:#f2f5f7;font-weight:700}td,th{white-space:nowrap;border-bottom:1px solid #e5ebef;height:34px;padding:0 13px}tbody tr:last-child td{border-bottom:0}.status-badge{color:#1167a5;text-transform:capitalize;background:#e3f0ff;border-radius:4px;justify-content:center;min-width:68px;padding:4px 7px;font-weight:700;display:inline-flex}.status-badge.join,.status-badge.promotion{color:#08784e;background:#d9f4e7}.status-badge.demotion,.status-badge.exit{color:#b42318;background:#fee4e2}.table-empty{text-align:center;color:var(--muted);height:82px}.loading-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.loading-grid div{background:linear-gradient(100deg,#e9eff2 30%,#f8fafb 50%,#e9eff2 70%) 0 0/400%;border-radius:7px;height:120px;animation:shimmer 1.3s infinite}.loading-grid div:nth-child(n+5){grid-column:span 2;height:260px}.error-state{text-align:center;place-content:center;justify-items:center;min-height:400px;display:grid}.error-state h2{margin:0}.error-state p{color:var(--muted)}.error-state button{background:var(--blue);color:#fff;border:0;border-radius:8px;padding:10px 16px}@keyframes shimmer{to{background-position-x:-400%}}@media (max-width:1100px){.metric-row{grid-template-columns:repeat(2,1fr)}.primary-grid,.secondary-grid{grid-template-columns:1fr}.section-card-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:760px){.login-page{grid-template-columns:1fr}.login-visual{min-height:500px;padding:26px 28px 28px}.login-visual-content{padding:66px 0 58px}.login-visual-content h1{font-size:clamp(42px,9vw,62px)}.login-panel{min-height:590px;padding:50px 24px}.login-form h2{font-size:38px}.sidebar{transition:transform .2s;transform:translate(-100%);box-shadow:8px 0 30px #0000002e}.sidebar-open{transform:translate(0)}.workspace{width:100%;margin-left:0}.mobile-menu{place-items:center;display:grid}.topbar{height:64px;padding:0 12px}.topbar-heading h1{font-size:19px}.topbar-heading h1:before{width:3px;height:18px;margin-right:8px}.plant-filter,.topbar p,.user-menu-chevron,.user-name{display:none}.topbar-actions{box-shadow:none;gap:4px}.topbar-actions,.user-menu{background:0 0;border:0;padding:0}.dashboard-content{padding:12px}.section-content{padding:20px 12px 28px}.section-hero{flex-direction:column;align-items:flex-start;gap:17px;padding-bottom:20px}.section-hero h2{font-size:34px}.section-action{min-height:36px}.section-card-grid{grid-template-columns:1fr 1fr;gap:10px}.section-card{min-height:128px;padding:14px}.section-card strong{font-size:24px}.metric-row{grid-template-columns:1fr 1fr}.metric-row article{gap:10px;min-height:94px;padding:13px}.metric-icon{flex-basis:42px;width:42px;height:42px}.metric-row strong{font-size:21px}.attendance-body{flex-direction:column;gap:12px}.legend{width:100%}.bar-chart{margin-inline:12px}td,th{padding:0 10px}}@media (max-width:480px){.metric-row{grid-template-columns:1fr}.login-visual{min-height:455px}.login-visual-content{padding:48px 0 44px}.login-visual-content>p{margin-top:18px;font-size:13px}.login-proof{margin-top:22px}.login-proof span{padding:8px 10px;font-size:9px}.security-note{font-size:10px}.login-panel{min-height:560px;padding:42px 20px}.login-form h2{font-size:35px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}:root{--navy:#07111f;--navy-2:#0b1a2d;--blue:#2878e8;--blue-strong:#1c63c9;--blue-soft:#eaf3ff;--violet:#7757e8;--violet-soft:#f1edff;--bg:#f4f7fb;--surface:#fff;--text:#10213c;--muted:#6d7d95;--border:#dfe7f0;--shadow:0 10px 30px #10213c0e;--green:#13a579;--amber:#e59b28;--red:#d84c4c}body,button,input,select,textarea{font-family:var(--font-inter),Inter,ui-sans-serif,system-ui,sans-serif}button{font-size:14px;font-weight:500;line-height:20px}.app-shell{background:#f4f7fb}.sidebar{background:linear-gradient(#07111f,#091827 58%,#0c2032);border-right:1px solid #ffffff0e;flex-basis:248px;width:248px;padding:0 14px 22px;overflow-x:hidden}.sidebar:after{content:"";pointer-events:none;border:1px solid #4b97ff1f;border-radius:50%;width:320px;height:320px;position:absolute;inset:auto -130px -160px auto;box-shadow:0 0 0 56px #4b97ff09,0 0 0 112px #4b97ff05}.sidebar-brand{border-bottom:1px solid #ffffff14;gap:11px;height:82px;padding:0 10px}.sidebar-brand-logo{border-radius:11px;flex-basis:35px;width:35px;height:35px;box-shadow:0 8px 20px #0000002e}.sidebar-brand-logo img{width:28px}.sidebar-brand-name strong{color:#f8fbff;letter-spacing:-.045em;font-size:15px}.nav-group>p{color:#6f85a4;letter-spacing:.16em;margin:0 11px 8px;font-size:9px}.nav-group .nav-item{color:#b8c7da;border:1px solid #0000;border-radius:10px;gap:12px;min-height:39px;padding:9px 11px;font-size:13px;font-weight:500;line-height:20px;transition:background .18s,border-color .18s,color .18s,transform .18s}.nav-group .nav-item svg{color:#8fa5c0;stroke-width:1.8px}.nav-group a.nav-item:hover{color:#fff;background:#ffffff0e;border-color:#ffffff0f;transform:translate(2px)}.nav-group .nav-item.nav-active{color:#fff;box-shadow:none;background:linear-gradient(90deg,#2878e83d,#2878e814);border-color:#539bff33;font-weight:600;position:relative}.nav-group .nav-item.nav-active:before{content:"";background:#2f91ff;border-radius:0 4px 4px 0;width:3px;position:absolute;top:8px;bottom:8px;left:-14px;box-shadow:0 0 18px #2f91ff99}.nav-group .nav-item.nav-active svg{color:#54a4ff}.workspace{width:calc(100% - 248px);margin-left:248px}.topbar{background:#fffffff0;border-bottom:1px solid #e4eaf2;gap:22px;height:72px;padding:0 30px;box-shadow:0 2px 14px #10213c06}.topbar-heading h1{letter-spacing:-.025em;font-size:20px;font-weight:700;line-height:25px}.topbar-heading h1:before{background:#2f91ff;width:3px;height:20px;margin-right:10px;box-shadow:0 0 14px #2f91ff59}.topbar-heading p{color:#8795aa;margin-left:13px;font-size:10px}.topbar-actions{box-shadow:none;background:0 0;border:0;gap:8px;padding:0}.plant-filter{color:#263d5b;min-width:138px;height:38px;box-shadow:none;border-color:#dbe4ef;border-radius:9px;padding:0 11px 0 13px}.icon-button{color:#55708d;border-radius:10px;width:38px;height:38px}.notification-indicator,.user-menu{border-color:#dfe7f0}.user-menu{min-height:38px;box-shadow:none;border-radius:10px;padding:2px 7px 2px 3px}.user-avatar{background:#1553aa;width:33px;height:33px;box-shadow:0 4px 10px #1553aa29}.dashboard-content{max-width:1680px;padding:24px 30px 34px}.dashboard-hero{color:#fff;background:radial-gradient(circle at 88% 18%,#1c7fe938,#0000 30%),linear-gradient(110deg,#0a1626,#0d1d31 58%,#112b43);border:1px solid #1b3552;border-radius:16px;justify-content:space-between;align-items:flex-end;gap:24px;min-height:150px;margin-bottom:18px;padding:26px 30px;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 36px #06182b1f}.dashboard-hero:after{content:"";pointer-events:none;border:1px solid #4da8ff33;border-radius:50%;width:420px;height:420px;position:absolute;bottom:-235px;right:-125px;box-shadow:0 0 0 54px #4da8ff0b,0 0 0 108px #4da8ff06}.dashboard-hero-copy,.dashboard-hero-meta{z-index:1;position:relative}.dashboard-hero-eyebrow{color:#8bbff7;letter-spacing:.17em;text-transform:uppercase;align-items:center;gap:7px;font-size:9px;font-weight:800;display:inline-flex}.dashboard-hero-eyebrow svg{color:#52a8ff}.dashboard-hero h2{color:#f8fbff;letter-spacing:-.025em;margin:11px 0 5px;font-size:30px;font-weight:700;line-height:36px}.dashboard-hero p{color:#a9bad0;margin:0;font-size:12px}.dashboard-hero-meta{border-left:1px solid #7cb3e757;align-items:flex-end;gap:20px;padding-left:24px;display:flex}.dashboard-hero-meta span{color:#b6c7da;white-space:nowrap;align-items:center;gap:7px;font-size:10px;display:flex}.dashboard-hero-meta span i{background:#31cb99;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #31cb991f}.dashboard-hero-meta strong{color:#fff;white-space:nowrap;font-size:12px}.metric-row{gap:14px;margin-bottom:14px}.metric-row article{border-color:#e0e8f1;border-radius:14px;gap:14px;min-height:122px;padding:19px;box-shadow:0 6px 18px #10213c09}.metric-row article:hover{transform:translateY(-3px);box-shadow:0 14px 26px #10213c17}.metric-icon{color:#2878e8;background:#e9f3ff;border-radius:13px;flex-basis:50px;width:50px;height:50px}.metric-row article:nth-child(2) .metric-icon{color:#13a579;background:#e8faf3}.metric-row article:nth-child(3) .metric-icon{color:#d28b13;background:#fff4df}.metric-row article:nth-child(4) .metric-icon{color:#7757e8;background:#f0ecff}.metric-icon svg{stroke-width:1.8px;width:23px;height:23px}.metric-row p{color:#72829a;letter-spacing:.02em;text-transform:uppercase;margin-bottom:7px;font-size:10px;font-weight:800}.metric-row strong{color:#142844;font-size:29px}.metric-row small{color:#8290a4;margin-top:8px;font-size:10px}.dashboard-grid{gap:14px;margin-bottom:14px}.panel{border-color:#e0e8f1;border-radius:14px;box-shadow:0 6px 18px #10213c09}.panel-title{border-bottom-color:#edf1f6;min-height:56px;padding:0 19px}.panel-title h2{color:#142844;font-size:14px;font-weight:700;line-height:20px}.panel-filter{color:#687991;background:#f9fbfd;border-color:#e1e8f0;border-radius:8px;gap:14px;height:30px}.chart-key{color:#7f8da1}.attendance-body{gap:38px;min-height:258px;padding:22px 24px}.donut{width:178px;height:178px}.donut>div{width:108px;height:108px}.donut strong{color:#152b4b;font-size:24px}.legend>div{border-bottom-color:#edf1f5;min-height:42px}.bar-chart{background:repeating-linear-gradient(#0000 0 50px,#edf1f5 51px 52px);border-bottom-color:#b9c7d6;height:258px;margin:15px 25px 0}.bar-column{gap:7px;height:232px}.bar-column strong{color:#334a67;font-size:11px}.bar-column>div{background:linear-gradient(#3488f1,#1f65c8);border-radius:5px 5px 0 0}.bar-column:nth-child(2n)>div{background:linear-gradient(#8d7bf0,#6c55db)}.trend-panel svg{height:194px;padding:14px 19px 0}.trend-panel .gridline{stroke:#e9eff5}.trend-line{stroke:#2878e8;stroke-width:3.5px}.trend-panel circle{stroke:#2878e8}.trend-labels{padding:0 27px 17px}.contract-callout{min-height:216px}.contract-callout strong{color:#7757e8}.movement-panel{margin-bottom:0}.movement-panel .panel-title{min-height:58px}table{font-size:11px}th{color:#60728b;letter-spacing:.04em;text-transform:uppercase;background:#f3f7fb;font-size:10px}td,th{border-bottom-color:#edf1f5;height:40px;padding:0 16px}td{color:#39516e}.status-badge{border-radius:999px;min-width:74px;font-size:9px}.loading-grid div{border-radius:14px}.error-state button{background:#2878e8;border-radius:10px}@media (max-width:1100px){.dashboard-content{padding-inline:20px}.dashboard-hero{padding-inline:24px}}@media (max-width:760px){.sidebar{width:248px}.workspace{width:100%;margin-left:0}.topbar{padding:0 14px}.dashboard-content{padding:16px 12px 26px}.dashboard-hero{flex-direction:column;justify-content:space-between;align-items:flex-start;gap:18px;min-height:176px;margin-bottom:14px;padding:22px}.dashboard-hero h2{font-size:30px}.dashboard-hero-meta{border-top:1px solid #7cb3e73d;border-left:0;justify-content:space-between;width:100%;padding:13px 0 0}.metric-row{gap:10px}.metric-row article{min-height:102px;padding:14px}.metric-icon{flex-basis:43px;width:43px;height:43px}.metric-row strong{font-size:23px}.panel-title{padding-inline:15px}.attendance-body{padding-inline:16px}}.sidebar{scrollbar-width:none;-ms-overflow-style:none}.sidebar::-webkit-scrollbar{width:0;height:0}.sidebar nav{padding-top:18px}.nav-group{margin:0 0 7px}.nav-group.has-children{margin-bottom:9px}.nav-parent{position:relative;min-height:40px!important;font-weight:600!important}.nav-parent-link{min-width:0;color:inherit;flex:1;align-items:center;gap:12px;text-decoration:none;display:flex}.nav-parent-toggle{color:#6f86a3;cursor:pointer;background:0 0;border:0;border-radius:7px;flex:0 0 28px;place-items:center;width:28px;height:28px;margin:-3px -5px -3px 0;padding:0;display:grid}.nav-parent-toggle:hover{color:#cce5ff;background:#ffffff14}.nav-parent .nav-parent-chevron{transition:transform .18s}.nav-group-open .nav-parent-chevron{transform:rotate(180deg)}.nav-parent-open{color:#fff!important;background:#2878e81c!important;border-color:#539bff1f!important}.nav-parent-open .nav-parent-chevron{color:#8fc7ff}.nav-children{border-left:1px solid #7a9dc53d;margin:2px 0 9px 23px;padding:2px 0 2px 14px}.nav-children[hidden]{display:none}.nav-subitem{color:#8fa3bd!important;border-radius:8px!important;gap:9px!important;min-height:30px!important;padding:6px 8px!important;font-size:11px!important;font-weight:400!important;line-height:18px!important}.nav-subitem:hover{color:#eef6ff!important;background:#ffffff0e!important;transform:none!important}.nav-child-dot{background:#6f86a3;border-radius:50%;flex:0 0 4px;width:4px;height:4px}.nav-subitem-active{color:#fff!important;background:#2878e829!important}.nav-subitem-active .nav-child-dot{background:#55a9ff;box-shadow:0 0 0 3px #55a9ff1f}.single-item .nav-parent{margin-bottom:2px}.sidebar-scrim{display:none}.operation-content{max-width:1680px;padding:24px 30px 40px}.operation-header{justify-content:space-between;align-items:flex-end;gap:28px;padding:4px 2px 22px;display:flex}.operation-header h2{color:#10213c;letter-spacing:-.035em;margin:0;font-size:30px;font-weight:700;line-height:38px}.operation-header p{color:#708199;max-width:720px;margin:6px 0 0;font-size:12px;line-height:19px}.operation-primary{color:#fff;cursor:pointer;background:linear-gradient(#3184ec,#246ecf);border:1px solid #1f69cb;border-radius:9px;flex:none;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 16px;transition:transform .18s,box-shadow .18s,background .18s;display:inline-flex;box-shadow:0 8px 18px #246ecf2e}.operation-primary:hover{background:linear-gradient(#3c8df2,#1d63bd);transform:translateY(-1px);box-shadow:0 11px 22px #246ecf3d}.operation-metrics{background:#fff;border:1px solid #e0e8f1;border-radius:14px;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:14px;display:grid;overflow:hidden;box-shadow:0 6px 18px #10213c09}.operation-metric{border-right:1px solid #e8eef5;align-items:center;gap:13px;min-width:0;min-height:112px;padding:18px;display:flex}.operation-metric:last-child{border-right:0}.operation-metric-icon{color:#2878e8;background:#eaf3ff;border-radius:11px;flex:0 0 42px;place-items:center;width:42px;height:42px;display:grid}.operation-metric-icon svg{stroke-width:1.8px}.operation-metric-icon.metric-tone-2{color:#119a70;background:#e8f8f2}.operation-metric-icon.metric-tone-3{color:#cf8616;background:#fff3df}.operation-metric-icon.metric-tone-4{color:#7457da;background:#f0ecff}.operation-metric>div{min-width:0;display:grid}.operation-metric div>span{color:#73839a;letter-spacing:.075em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:9px;font-weight:800;line-height:14px;overflow:hidden}.operation-metric strong{color:#142844;letter-spacing:-.025em;margin-top:2px;font-size:21px;font-weight:700;line-height:27px}.operation-metric small{color:#8a97a8;text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:9px;line-height:14px;overflow:hidden}.operation-panel{background:#fff;border:1px solid #e0e8f1;border-radius:14px;min-width:0;margin-bottom:14px;overflow:hidden;box-shadow:0 6px 18px #10213c09}.operation-panel-heading{border-bottom:1px solid #edf1f6;justify-content:space-between;align-items:center;gap:18px;min-height:64px;padding:13px 18px;display:flex}.operation-panel-heading h3,.records-toolbar h3{color:#142844;margin:0;font-size:14px;font-weight:700;line-height:20px}.operation-panel-heading p,.records-toolbar p{color:#8593a6;margin:3px 0 0;font-size:10px;line-height:15px}.process-status{color:#63748c;flex:none;align-items:center;gap:7px;font-size:9px;font-weight:650;display:inline-flex}.process-status i{background:#16aa7c;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #e5f7f1}.process-track{background:linear-gradient(#fff,#fbfdff);align-items:center;gap:10px;min-height:144px;padding:24px 20px;display:flex}.process-step{flex:1 1 0;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:11px;min-width:0;display:grid}.process-step-number{color:#2675d9;background:#edf5ff;border:1px solid #cfe1f7;border-radius:12px;place-items:center;width:38px;height:38px;font-size:11px;font-weight:800;display:grid;box-shadow:0 5px 12px #2878e814}.process-step div{min-width:0;display:grid}.process-step strong{color:#1c3454;font-size:11px;font-weight:700;line-height:16px}.process-step small{color:#8391a4;margin-top:4px;font-size:9px;line-height:14px}.process-arrow{color:#aec1d6;stroke-width:1.5px;flex:0 0 18px}.operation-io-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.io-panel{margin-bottom:14px}.compact-heading{min-height:62px}.io-heading{align-items:center;gap:11px;display:flex}.io-heading-icon{border-radius:10px;flex:0 0 35px;place-items:center;width:35px;height:35px;display:grid}.input-tone{color:#2878e8;background:#eaf3ff}.output-tone{color:#119a70;background:#e8f8f2}.io-list{margin:0;padding:8px 18px 13px;list-style:none}.io-list li{border-bottom:1px solid #edf1f5;align-items:center;gap:11px;min-height:54px;display:flex}.io-list li:last-child{border-bottom:0}.io-list li>span{color:#2878e8;background:#edf5ff;border-radius:8px;flex:0 0 25px;place-items:center;width:25px;height:25px;font-size:9px;font-weight:800;display:grid}.output-list li>span{color:#119a70;background:#e7f8f1}.io-list li>div{min-width:0;display:grid}.io-list strong{color:#243b59;font-size:10px;font-weight:650;line-height:15px}.io-list small{color:#8996a8;margin-top:2px;font-size:9px;line-height:14px}.controls-panel{margin-bottom:14px}.control-grid{grid-template-columns:repeat(3,1fr);padding:0 18px 16px;display:grid}.control-item{border-right:1px solid #edf1f5;align-items:center;gap:11px;min-height:62px;padding:9px 17px;display:flex}.control-item:first-child{padding-left:0}.control-item:last-child{border-right:0;padding-right:0}.control-item>span{color:#6c55d7;background:#f0ecff;border-radius:10px;flex:0 0 32px;place-items:center;width:32px;height:32px;display:grid}.control-item>div{display:grid}.control-item strong{color:#243b59;font-size:10px;line-height:15px}.control-item small{color:#8996a8;margin-top:2px;font-size:9px;line-height:14px}.records-toolbar{border-bottom:1px solid #edf1f6;justify-content:space-between;align-items:center;gap:20px;min-height:76px;padding:13px 18px;display:flex}.records-actions,.records-search{align-items:center;gap:8px;display:flex}.records-search{color:#8190a4;background:#fbfcfe;border:1px solid #dde6ef;border-radius:9px;width:210px;height:35px;padding:0 10px}.records-search:focus-within{border-color:#7eade7;box-shadow:0 0 0 3px #2878e814}.records-search input{color:#263e5d;background:0 0;border:0;outline:0;width:100%;min-width:0;padding:0;font-size:10px}.records-search input::placeholder{color:#9aa7b7}.records-filter{color:#60728b;cursor:pointer;background:#fff;border:1px solid #dde6ef;border-radius:9px;align-items:center;gap:7px;height:35px;padding:0 11px;font-size:10px;font-weight:650;display:inline-flex}.records-filter.active,.records-filter:hover{color:#246dcc;background:#f0f6fe;border-color:#bed4ef}.records-filter-row{background:#f9fbfd;border-bottom:1px solid #edf1f6;grid-template-columns:repeat(3,minmax(0,180px));gap:10px;padding:12px 18px;display:grid}.records-filter-row label{gap:4px;display:grid}.records-filter-row label>span{color:#6b7c93;font-size:9px;font-weight:700}.records-filter-row input,.records-filter-row select{color:#334b68;background:#fff;border:1px solid #dce5ef;border-radius:8px;outline:0;width:100%;height:34px;padding:0 9px;font-size:10px}.records-table-wrap{min-height:190px;overflow:auto}.records-table{min-width:670px}.records-table th{height:39px;padding-inline:18px}.records-table td{height:150px;padding-inline:18px}.records-empty{color:#8b98aa;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-height:135px;display:flex}.records-empty>span{color:#4b8bdc;background:#edf5ff;border-radius:12px;place-items:center;width:39px;height:39px;margin-bottom:3px;display:grid}.records-empty strong{color:#344c69;font-size:11px}.records-empty small{font-size:9px}.work-dialog-backdrop{z-index:80;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#05101d9e;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.work-dialog{background:#fff;border:1px solid #ffffff59;border-radius:17px;width:min(620px,100%);animation:dialog-in .18s ease-out;overflow:hidden;box-shadow:0 28px 90px #030f1d52}.work-dialog>header{background:linear-gradient(135deg,#f9fbff,#f4f8fd);border-bottom:1px solid #e8eef5;justify-content:space-between;align-items:flex-start;gap:22px;padding:21px 22px 19px;display:flex}.work-dialog>header>div>span{color:#2878e8;letter-spacing:.1em;text-transform:uppercase;font-size:9px;font-weight:800}.work-dialog h2{color:#10213c;letter-spacing:-.025em;margin:5px 0 3px;font-size:21px;line-height:27px}.work-dialog header p{color:#76869c;max-width:500px;margin:0;font-size:10px;line-height:16px}.work-dialog header button{color:#687990;cursor:pointer;background:#fff;border:1px solid #dce5ef;border-radius:9px;flex:0 0 34px;place-items:center;width:34px;height:34px;display:grid}.work-dialog form{padding:20px 22px 22px}.work-dialog-grid{grid-template-columns:1fr 1fr;gap:15px;display:grid}.work-dialog-grid label{gap:6px;display:grid}.work-dialog-grid label>span{color:#40536e;font-size:10px;font-weight:700}.work-dialog-grid input{color:#203853;background:#fff;border:1px solid #d9e3ee;border-radius:9px;outline:0;width:100%;height:41px;padding:0 12px;font-size:11px}.work-dialog-grid input:focus{border-color:#6aa4e9;box-shadow:0 0 0 3px #2878e817}.work-dialog form footer{border-top:1px solid #edf1f5;justify-content:flex-end;gap:9px;margin-top:22px;padding-top:17px;display:flex}.dialog-primary,.dialog-secondary,.draft-success button{cursor:pointer;border-radius:9px;justify-content:center;align-items:center;gap:7px;min-height:38px;padding:0 14px;display:inline-flex}.dialog-secondary{color:#60728b;background:#fff;border:1px solid #d9e3ee}.dialog-primary,.draft-success button{color:#fff;background:#2878e8;border:1px solid #1f69cb}.draft-success{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:280px;padding:32px;display:flex}.draft-success>span{color:#109872;background:#e8f8f2;border-radius:18px;place-items:center;width:56px;height:56px;display:grid}.draft-success h3{color:#18314f;margin:14px 0 5px;font-size:17px}.draft-success p{color:#74849a;max-width:420px;margin:0 0 19px;font-size:10px;line-height:17px}@keyframes dialog-in{0%{opacity:0;transform:translateY(8px)scale(.985)}}@media (max-width:1120px){.operation-content{padding-inline:20px}.operation-metrics{grid-template-columns:1fr 1fr}.operation-metric:nth-child(2){border-right:0}.operation-metric:nth-child(-n+2){border-bottom:1px solid #e8eef5}.process-track{grid-template-columns:1fr 1fr;gap:14px;display:grid}.process-step{background:#fff;border:1px solid #e6edf4;border-radius:12px;min-height:68px;padding:13px}.process-arrow{display:none}}@media (max-width:760px){.sidebar-scrim{z-index:19;background:#040d1880;border:0;display:block;position:fixed;inset:0 0 0 248px}.operation-content{padding:16px 12px 28px}.operation-header{flex-direction:column;align-items:flex-start;gap:16px;padding:3px 2px 18px}.operation-header h2{font-size:27px;line-height:34px}.operation-header p{font-size:11px;line-height:18px}.operation-primary{width:100%}.operation-metrics{grid-template-columns:1fr}.operation-metric{border-right:0;min-height:94px}.operation-metric,.operation-metric:nth-child(3){border-bottom:1px solid #e8eef5}.operation-metric:last-child{border-bottom:0}.operation-panel-heading,.records-toolbar{align-items:flex-start}.process-status{display:none}.process-track{grid-template-columns:1fr;gap:9px;padding:14px}.process-step{min-height:65px}.operation-io-grid{grid-template-columns:1fr;gap:0}.control-grid{grid-template-columns:1fr;padding-block:6px 10px}.control-item,.control-item:first-child,.control-item:last-child{border-bottom:1px solid #edf1f5;border-right:0;min-height:58px;padding:9px 0}.control-item:last-child{border-bottom:0}.records-toolbar{flex-direction:column;gap:13px}.records-actions{width:100%}.records-search{flex:1;width:auto}.records-filter-row,.work-dialog-grid{grid-template-columns:1fr}}@media (max-width:480px){.topbar .notification-indicator,.topbar .signout-button{display:none}.operation-metric{padding:15px}.io-list,.operation-panel-heading{padding-inline:15px}.records-actions{flex-direction:column;align-items:stretch}.records-filter,.records-search{width:100%}.work-dialog-backdrop{align-items:end;padding:0}.work-dialog{border-radius:17px 17px 0 0;max-height:92vh;overflow:auto}.work-dialog form,.work-dialog>header{padding-inline:17px}}@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-outline-style{syntax:"*";inherits:false;initial-value:solid}