/*! tailwindcss v4.2.1 | 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)))){*,:before,:after{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial}::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, 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;--spacing:.25rem;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::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;-webkit-text-decoration:inherit;-webkit-text-decoration: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]){-webkit-appearance:button;appearance:button}::file-selector-button{-webkit-appearance: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 components;@layer utilities{.visible{visibility:visible}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.grid{display:grid}.table{display:table}.table-row{display:table-row}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}}:root{--ink:#10182b;--ink-2:#17223d;--navy:#111b33;--blue:#316bff;--blue-2:#2458dc;--blue-soft:#edf3ff;--mint:#18a999;--mint-soft:#eaf9f6;--amber:#df922c;--amber-soft:#fff6e8;--danger:#d14f54;--danger-soft:#fff0f1;--violet:#7b64d4;--violet-soft:#f3f0ff;--rose:#cc6885;--surface:#fff;--canvas:#f4f6fa;--line:#e4e8f0;--line-strong:#d6dce8;--muted:#68738a;--muted-2:#919bad;--shadow:0 10px 28px #14224012;--shadow-lg:0 24px 70px #0c193733;--radius:14px}*{box-sizing:border-box}html{background:var(--canvas)}body{background:var(--canvas);color:var(--ink);font-variant-numeric:tabular-nums;margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px}button,input,select,textarea{font:inherit}button,label,select{-webkit-tap-highlight-color:transparent}button{color:inherit}:is(button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible){outline-offset:2px;outline:3px solid #316bff40}.tardis-shell{grid-template-columns:236px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{z-index:30;background:radial-gradient(circle at 20% 4%, #537fff2e, transparent 25%), var(--navy);color:#fff;flex-direction:column;width:236px;padding:22px 14px 14px;display:flex;position:fixed;inset:0 auto 0 0;overflow:auto}.brand-block{align-items:center;gap:12px;padding:0 7px 20px;display:flex}.brand-symbol{background:linear-gradient(150deg,#5c88ff,#2f65f2);border:1px solid #ffffff38;border-radius:11px;place-items:center;width:38px;height:38px;display:grid;position:relative;overflow:hidden;box-shadow:0 8px 22px #316bff5c}.brand-symbol:before,.brand-symbol:after{content:"";background:#ffffff2e;position:absolute}.brand-symbol:before{width:56px;height:1px;transform:rotate(-42deg)}.brand-symbol:after{width:1px;height:56px;transform:rotate(42deg)}.brand-symbol span{z-index:1;letter-spacing:-1px;font-size:19px;font-weight:800;position:relative}.brand-block>div:last-child{flex-direction:column;gap:2px;display:flex}.brand-block strong{letter-spacing:1.8px;font-size:17px}.brand-block small{color:#8e9ab3;letter-spacing:.45px;font-size:10.5px}.main-nav{flex-direction:column;gap:13px;display:flex}.nav-group p{color:#75829e;letter-spacing:.95px;text-transform:uppercase;margin:0 10px 6px;font-size:9px;font-weight:800}.nav-group button{color:#aeb7c9;cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:10px;width:100%;min-height:38px;padding:6px 9px;font-size:12px;font-weight:560;transition:background .16s,color .16s,transform .16s;display:flex}.nav-group button:hover{color:#fff;background:#ffffff0f}.nav-group button.active{color:#fff;background:linear-gradient(90deg,#316bff40,#316bff1f);box-shadow:inset 2px 0 #5f8aff}.nav-glyph{color:#7f8da9;letter-spacing:.35px;border:1px solid #ffffff1f;border-radius:7px;flex:none;place-items:center;width:25px;height:25px;font-size:8px;font-weight:850;display:grid}.nav-group button.active .nav-glyph{color:#bcd0ff;background:#316bff40;border-color:#7097ff73}.nav-count{color:#251a08;background:#f0a343;border-radius:6px;place-items:center;min-width:19px;height:19px;margin-left:auto;font-size:9px;font-weight:800;display:grid}.sidebar-foot{margin-top:auto;padding-top:20px}.help-card,.user-card{align-items:center;gap:10px;width:100%;display:flex}.help-card{color:#d8deea;text-align:left;cursor:pointer;background:#ffffff09;border:1px solid #ffffff14;border-radius:11px;padding:11px}.help-card:hover{background:#ffffff12}.help-icon{color:#b6c1d7;border:1px solid #687591;border-radius:50%;place-items:center;width:27px;height:27px;font-weight:750;display:grid}.help-card>span:last-child,.user-card>span:nth-child(2){flex-direction:column;gap:2px;min-width:0;display:flex}.help-card strong,.user-card strong{font-size:10.5px}.help-card small,.user-card small{color:#8190aa;font-size:9.5px}.user-card{border-top:1px solid #ffffff14;margin-top:10px;padding:13px 6px 0}.user-card>button{color:#8592ac;cursor:pointer;background:0 0;border:0;margin-left:auto}.workspace{grid-column:2;min-width:0}.topbar{z-index:20;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffed;justify-content:space-between;align-items:center;gap:20px;height:66px;padding:0 28px;display:flex;position:sticky;top:0}.topbar-left,.topbar-actions,.breadcrumb,.global-search,.sync-chip,.icon-button{align-items:center;display:flex}.topbar-left{gap:12px;min-width:0}.breadcrumb{gap:8px;font-size:11px}.breadcrumb span,.breadcrumb b{color:#a4acbb;font-weight:500}.breadcrumb strong{text-overflow:ellipsis;white-space:nowrap;color:#3a455a;font-weight:650;overflow:hidden}.topbar-actions{gap:9px}.global-search{border:1px solid var(--line);background:#f8f9fc;border-radius:9px;gap:8px;width:min(285px,24vw);height:36px;padding:0 9px;transition:border .16s,box-shadow .16s,background .16s}.global-search:focus-within{background:#fff;border-color:#a7befd;box-shadow:0 0 0 3px #316bff17}.search-mark{border:1.7px solid #8b95a8;border-radius:50%;flex:none;width:13px;height:13px;position:relative}.search-mark:after{content:"";background:#8b95a8;width:5px;height:1.7px;position:absolute;bottom:-2px;right:-4px;transform:rotate(45deg)}.global-search input{min-width:0;color:var(--ink);background:0 0;border:0;outline:0;flex:1;font-size:11px}.global-search input::placeholder{color:#9aa3b3}.global-search kbd{color:#919aac;background:#fff;border:1px solid #dce1e9;border-bottom-width:2px;border-radius:5px;padding:2px 5px;font-family:inherit;font-size:8px}.sync-chip{color:#69748a;cursor:pointer;background:0 0;border:0;gap:6px;height:30px;font-size:9.5px}.sync-chip span{background:var(--mint);width:7px;height:7px;box-shadow:0 0 0 3px var(--mint-soft);border-radius:50%}.icon-button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:9px;justify-content:center;width:34px;height:34px;position:relative}.icon-button b{background:var(--danger);color:#fff;border:2px solid #fff;border-radius:50%;place-items:center;min-width:14px;height:14px;font-size:7px;display:grid;position:absolute;top:-4px;right:-4px}.bell-mark{border:1.5px solid #667188;border-radius:7px 7px 4px 4px;width:13px;height:14px;position:relative}.bell-mark:after{content:"";background:#667188;border-radius:0 0 4px 4px;width:4px;height:2px;position:absolute;bottom:-4px;left:3px}.menu-button{border:1px solid var(--line);background:#fff;border-radius:9px;width:34px;height:34px;padding:9px;display:none}.menu-button span{background:var(--ink);height:1.5px;margin:3px 0;display:block}.primary-button,.secondary-button,.text-button,.filter-button,.wide-link,.add-row,.add-mini{cursor:pointer;border:0}.primary-button,.secondary-button{white-space:nowrap;border-radius:9px;justify-content:center;align-items:center;gap:7px;min-height:36px;padding:8px 14px;font-size:10.5px;font-weight:720;display:inline-flex}.primary-button{color:#fff;background:linear-gradient(135deg,#3e77ff,#2e63ed);box-shadow:0 6px 16px #316bff33}.primary-button:hover{background:linear-gradient(135deg,#4b81ff,#2457d9);transform:translateY(-1px)}.primary-button span{font-size:14px;font-weight:400}.secondary-button{border:1px solid var(--line-strong);color:#344056;background:#fff}.secondary-button:hover{background:#f9fafe;border-color:#b6c3d8}.content-area{width:min(100%,1600px);margin:0 auto;padding:27px 28px 54px}.eyebrow{color:#8a94a7;letter-spacing:.9px;text-transform:uppercase;margin:0 0 6px;font-size:9px;font-weight:800}.amber-text{color:#c17c22}.welcome-strip,.section-heading{justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.welcome-strip{margin-bottom:22px}.welcome-strip h1,.section-heading h1{color:var(--ink);letter-spacing:-1.15px;margin:0;font-size:clamp(24px,2.4vw,34px);font-weight:720;line-height:1.08}.welcome-strip p:last-child,.section-description{color:#69758a;margin:8px 0 0;font-size:11.5px;line-height:1.5}.welcome-strip p:last-child strong{color:#3d4960}.welcome-actions,.heading-actions{gap:8px;display:flex}.calendar-mark{border:1.5px solid #607089;border-radius:3px;width:12px;height:11px;position:relative}.calendar-mark:before{content:"";border-top:1px solid #607089;position:absolute;inset:2px 0 auto}.section-heading{margin:0 0 24px}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:12px;display:grid}.metric-card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;min-height:132px;padding:17px 18px;position:relative;overflow:hidden;box-shadow:0 4px 18px #14224009}.metric-card:after{content:"";opacity:.045;background:currentColor;border-radius:50%;width:76px;height:76px;position:absolute;top:-27px;right:-22px}.metric-card.blue{color:var(--blue)}.metric-card.mint{color:var(--mint)}.metric-card.amber{color:var(--amber)}.metric-card.violet{color:var(--violet)}.metric-top{color:#778196;justify-content:space-between;align-items:center;font-size:10px;font-weight:650;display:flex}.metric-mark{opacity:.7;border:1px solid;border-radius:8px;width:24px;height:24px;position:relative}.metric-mark:before,.metric-mark:after{content:"";background:currentColor;border-radius:1px;height:1.5px;position:absolute;left:6px;right:6px}.metric-mark:before{top:8px}.metric-mark:after{width:7px;top:13px}.metric-card>strong{color:var(--ink);letter-spacing:-.7px;margin:12px 0 8px;font-size:24px;font-weight:740;display:block}.metric-note{color:#929bad;align-items:center;gap:7px;font-size:9px;display:flex}.metric-trend{color:inherit;filter:saturate(.8);background:currentColor;border-radius:5px;padding:3px 5px;font-weight:750}.metric-card.blue .metric-trend{background:var(--blue-soft)}.metric-card.mint .metric-trend{background:var(--mint-soft)}.metric-card.amber .metric-trend{background:var(--amber-soft)}.metric-card.violet .metric-trend{background:var(--violet-soft)}.panel,.panel-lite{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:0 4px 18px #14224009}.dashboard-grid{grid-template-columns:minmax(0,1.75fr) minmax(280px,.75fr);gap:12px;display:grid}.panel-header{justify-content:space-between;align-items:center;gap:14px;min-height:60px;padding:15px 17px;display:flex}.panel-header h2,.table-toolbar h2{letter-spacing:-.2px;margin:0;font-size:14px;font-weight:720}.panel-header .eyebrow,.table-toolbar .eyebrow{margin-bottom:4px}.panel-actions,.legend{align-items:center;gap:14px;display:flex}.live-indicator{color:#8a94a6;align-items:center;gap:6px;font-size:8.5px;display:flex}.live-indicator i,.live-dot{background:var(--mint);width:7px;height:7px;box-shadow:0 0 0 3px var(--mint-soft);border-radius:50%}.text-button{color:var(--blue);background:0 0;font-size:9.5px;font-weight:700}.text-button b{margin-left:4px;font-size:13px}.service-list{border-top:1px solid #edf0f5;border-bottom:1px solid #edf0f5}.service-row{text-align:left;cursor:pointer;background:#fff;border:0;border-bottom:1px solid #f0f2f6;grid-template-columns:48px 11px minmax(145px,1fr) minmax(130px,.85fr) 90px 100px 12px;align-items:center;gap:9px;width:100%;min-height:62px;padding:7px 15px;display:grid;position:relative}.service-row:last-child{border-bottom:0}.service-row:hover,.table-row:hover{background:#fafbfe}.service-time,.service-main,.duration-cell,.person-cell span,.table-row>span:not(.identity-cell){flex-direction:column;gap:3px;min-width:0;display:flex}.service-time strong,.service-main strong,.duration-cell strong,.person-cell span,.table-row strong{color:#2a354b;text-overflow:ellipsis;white-space:nowrap;font-size:9.7px;font-weight:680;overflow:hidden}.service-time span,.service-main span,.duration-cell span,.table-row small,.under-pill{color:#929bad;text-overflow:ellipsis;white-space:nowrap;font-size:8.5px;overflow:hidden}.service-time strong{font-size:11px}.timeline-node{background:#a1a9b7;border:2px solid #fff;border-radius:50%;width:8px;height:8px;position:relative;box-shadow:0 0 0 1px #c8ced8}.timeline-node:before,.timeline-node:after{content:"";background:#e3e7ee;width:1px;height:25px;position:absolute;left:2px}.timeline-node:before{bottom:7px}.timeline-node:after{top:7px}.service-row:first-child .timeline-node:before,.service-row:last-child .timeline-node:after{display:none}.timeline-node.live{background:var(--mint);box-shadow:0 0 0 3px var(--mint-soft)}.timeline-node.ready{background:var(--blue);box-shadow:0 0 0 2px #dbe6ff}.timeline-node.danger{background:var(--danger);box-shadow:0 0 0 2px var(--danger-soft)}.person-cell,.identity-cell,.file-name{align-items:center;gap:8px;min-width:0;flex-direction:row!important;display:flex!important}.avatar{background:var(--blue-soft);color:#2f62d8;letter-spacing:.2px;border:1px solid #316bff1f;border-radius:10px;flex:none;place-items:center;width:30px;height:30px;font-size:8.5px;font-weight:800;display:inline-grid}.avatar.small{border-radius:8px;width:25px;height:25px;font-size:7.5px}.avatar.large{border-radius:14px;width:48px;height:48px;font-size:13px}.avatar.mint{background:var(--mint-soft);color:#168d81;border-color:#c5ece5}.avatar.amber{background:var(--amber-soft);color:#b87620;border-color:#f1d8ae}.avatar.violet{background:var(--violet-soft);color:#6650b7;border-color:#ddd5fb}.avatar.rose{color:#b65574;background:#fff0f5;border-color:#f3d1dc}.avatar.navy{color:#e6edff;background:#293755;border-color:#3d4a66}.avatar.soft{color:#56637a;background:#f2f5fa;border-color:#dce2ec}.avatar.ghost{color:var(--danger);background:#fff;border-style:dashed}.status-pill{color:#6e788b;white-space:nowrap;background:#f7f8fa;border:1px solid #e2e6ed;border-radius:999px;align-items:center;gap:6px;width:fit-content;min-height:22px;padding:4px 8px;font-size:8px;font-style:normal;font-weight:700;display:inline-flex}.status-dot{background:currentColor;border-radius:50%;width:5px;height:5px}.status-pill.live,.status-pill.mint{background:var(--mint-soft);color:#168a7e;border-color:#c9eee7}.status-pill.ready,.status-pill.blue{background:var(--blue-soft);color:#3564cf;border-color:#d7e2ff}.status-pill.amber{background:var(--amber-soft);color:#b5721c;border-color:#f2dcb7}.status-pill.danger{background:var(--danger-soft);color:#ba4148;border-color:#f3ced1}.status-pill.violet{background:var(--violet-soft);color:#6853b6;border-color:#ddd5fa}.row-arrow{color:#a5aebd;text-align:right;font-size:18px}.add-row{width:100%;height:41px;color:var(--blue);background:#fff;font-size:9px;font-weight:700}.add-row span{margin-right:4px;font-size:13px}.attention-panel{flex-direction:column;display:flex}.count-badge{background:var(--amber-soft);color:#b8741b;border-radius:7px;place-items:center;min-width:23px;height:23px;font-size:9px;font-weight:800;display:grid}.attention-list{padding:0 13px}.attention-list>button,.clock-alerts>button{text-align:left;cursor:pointer;background:0 0;border:0;border-top:1px solid #edf0f5;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;min-height:66px;padding:9px 2px;display:grid}.attention-list>button:hover,.clock-alerts>button:hover{background:#fafbfe}.alert-icon{color:#6f7c92;background:#f2f4f8;border-radius:9px;place-items:center;width:28px;height:28px;font-size:11px;font-weight:800;display:grid}.alert-icon.danger{background:var(--danger-soft);color:var(--danger)}.alert-icon.amber{background:var(--amber-soft);color:var(--amber)}.alert-icon.blue{background:var(--blue-soft);color:var(--blue)}.attention-list>button span:nth-child(2),.clock-alerts>button p{flex-direction:column;gap:4px;min-width:0;margin:0;display:flex}.attention-list strong,.clock-alerts strong{color:#344056;font-size:9.5px}.attention-list small,.clock-alerts small,.clock-alerts em{color:#929bad;text-overflow:ellipsis;white-space:nowrap;font-size:8px;font-style:normal;overflow:hidden}.attention-list>button>b{color:var(--blue);font-size:8px}.attention-foot{border-top:1px solid #edf0f5;align-items:center;gap:9px;min-height:64px;margin-top:auto;padding:10px 15px;display:flex}.attention-foot>span{background:var(--mint-soft);width:23px;height:23px;color:var(--mint);border-radius:50%;place-items:center;font-size:10px;font-weight:800;display:grid}.attention-foot p{flex-direction:column;gap:2px;margin:0;display:flex}.attention-foot strong{font-size:8.5px}.attention-foot small{color:#939cad;font-size:7.5px}.mini-spark{align-items:flex-end;gap:3px;height:27px;margin-left:auto;display:flex}.mini-spark i{background:#c7eae4;border-radius:2px;width:4px}.mini-spark i:first-child{height:8px}.mini-spark i:nth-child(2){height:15px}.mini-spark i:nth-child(3){height:11px}.mini-spark i:nth-child(4){height:22px}.mini-spark i:nth-child(5){background:var(--mint);height:18px}.capacity-panel,.finance-snapshot{min-height:255px}.legend{color:#8a94a7;font-size:8px}.legend span{align-items:center;gap:5px;display:flex}.legend i{border-radius:2px;width:7px;height:7px}.legend .planned{background:#b8c7eb}.legend .done{background:var(--blue)}.week-chart{grid-template-columns:repeat(7,1fr);gap:14px;height:176px;padding:3px 24px 13px;display:grid}.day-bar{color:#727d92;text-align:center;grid-template-rows:1fr auto auto;grid-template-columns:1fr auto;align-items:end;column-gap:3px;min-width:0;display:grid}.bar-track{background-image:repeating-linear-gradient(#f4f6fa 0 1px,#0000 1px 29px);border-radius:6px 6px 3px 3px;grid-column:1/-1;justify-content:center;align-items:flex-end;gap:4px;width:100%;max-width:43px;height:116px;margin:0 auto 8px;display:flex}.bar-track span{border-radius:3px 3px 1px 1px;width:9px;transition:height .4s;display:block}.bar-planned{background:#d9e1f3}.bar-done{background:linear-gradient(#5d87f4,#316bff)}.day-bar strong{justify-self:end;font-size:8.5px}.day-bar small{justify-self:start;font-size:8px}.day-bar em{color:#a0a8b7;grid-column:1/-1;font-size:7px;font-style:normal}.finance-snapshot{flex-direction:column;display:flex}.kebab{color:#8b95a7;cursor:pointer;background:0 0;border:0}.finance-total{padding:0 17px 10px}.finance-total>span{color:#8490a5;font-size:8.5px}.finance-total>strong{letter-spacing:-.7px;margin:4px 0;font-size:23px;display:block}.finance-total small{color:#98a1b1;font-size:8px}.finance-total small b{color:var(--mint)}.progress-stack{flex-direction:column;gap:10px;padding:3px 17px 14px;display:flex}.progress-stack>div>span{justify-content:space-between;margin-bottom:4px;font-size:8px;display:flex}.progress-stack b{font-weight:650}.progress-stack em{color:#7f899d;font-style:normal}.progress-stack i,.usage-cell>i,.storage-banner>i,.portal-metrics article i{background:#eef1f6;border-radius:999px;height:5px;display:block;overflow:hidden}.progress-stack i b,.usage-cell>i b,.storage-banner>i b,.portal-metrics article i b{border-radius:inherit;background:var(--blue);height:100%;display:block}.progress-stack>div:nth-child(2) i b{background:var(--mint)}.progress-stack>div:nth-child(3) i b{background:var(--amber)}.wide-link{min-height:39px;color:var(--blue);background:0 0;border-top:1px solid #edf0f5;justify-content:space-between;align-items:center;margin-top:auto;padding:0 17px;font-size:9px;font-weight:700;display:flex}.wide-link span{font-size:13px}.summary-strip,.team-status{grid-template-columns:repeat(4,1fr);margin-bottom:14px;padding:12px 0;display:grid}.summary-strip>div,.team-status>div{border-right:1px solid var(--line);flex-direction:column;justify-content:center;min-height:64px;padding:5px 22px;display:flex}.summary-strip>div:last-child,.team-status>div:last-child{border-right:0}.summary-strip span,.summary-strip small{color:#8a94a7;font-size:8.5px}.summary-strip strong{letter-spacing:-.5px;margin:5px 0 2px;font-size:20px}.table-panel{overflow:hidden}.table-toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:14px;min-height:58px;padding:10px 16px;display:flex}.table-toolbar>div:last-child{gap:7px;display:flex}.tabs,.segmented{align-items:center;gap:4px;display:flex}.tabs button,.segmented button{color:#7c879b;cursor:pointer;background:0 0;border:0;border-radius:7px;min-height:30px;padding:6px 9px;font-size:9px;font-weight:650}.tabs button.active,.segmented button.active{background:var(--blue-soft);color:#3262ce}.tabs button span{color:#a1a9b8;margin-left:3px}.filter-button{border:1px solid var(--line-strong);color:#667187;background:#fff;border-radius:8px;min-height:31px;padding:6px 10px;font-size:8.5px;font-weight:650}.filter-button span{background:var(--blue-soft);min-width:15px;color:var(--blue);border-radius:5px;place-items:center;margin-left:4px;padding:2px 4px;display:inline-grid}.data-table{min-width:760px}.table-head,.table-row{align-items:center;gap:12px;display:grid}.table-head{border-bottom:1px solid var(--line);color:#8d97a9;letter-spacing:.25px;text-transform:uppercase;background:#fafbfc;min-height:35px;padding:7px 16px;font-size:7.5px;font-weight:750}.table-row{text-align:left;cursor:pointer;background:#fff;border:0;border-bottom:1px solid #edf0f5;width:100%;min-height:65px;padding:8px 16px}.client-table .table-head,.client-table .table-row{grid-template-columns:minmax(190px,1.25fr) minmax(145px,.9fr) minmax(135px,.9fr) minmax(130px,.85fr) 90px 12px}.employee-table .table-head,.employee-table .table-row{grid-template-columns:minmax(190px,1.2fr) minmax(145px,.85fr) minmax(135px,.8fr) minmax(140px,.85fr) 85px 12px}.invoice-table .table-head,.invoice-table .table-row{grid-template-columns:90px minmax(170px,1.2fr) 90px 90px 90px 110px 12px}.provider-table .table-head,.provider-table .table-row{grid-template-columns:minmax(155px,1.1fr) 100px 90px 90px minmax(140px,1fr) 120px 12px}.clock-table .table-head,.clock-table .table-row{grid-template-columns:minmax(130px,1fr) minmax(130px,1fr) 65px 65px 70px minmax(115px,.9fr) 90px 12px}.files-table .table-head,.files-table .table-row{grid-template-columns:minmax(220px,1.35fr) minmax(170px,1fr) 120px 75px 12px}.table-row .identity-cell>span{flex-direction:column;gap:3px;min-width:0;display:flex}.identity-cell:not(:has(.avatar)){flex-direction:column;gap:3px;min-width:0;display:flex}.usage-cell{gap:7px!important}.usage-cell>span{flex-direction:row;justify-content:space-between;display:flex}.usage-cell em{color:#8b95a7;font-size:8px;font-style:normal}.table-footer{color:#8c96a8;justify-content:space-between;align-items:center;min-height:46px;padding:8px 16px;font-size:8.5px;display:flex}.table-footer div{gap:4px;display:flex}.table-footer button{border:1px solid var(--line);color:#7b8699;background:#fff;border-radius:6px;min-width:25px;height:25px;font-size:8px}.table-footer button.active{background:var(--blue-soft);color:var(--blue);border-color:#b7cafc}.table-footer button:disabled{opacity:.45}.empty-state{color:#9aa3b3;align-content:center;place-items:center;gap:6px;min-height:150px;display:grid}.empty-state strong{color:#4b566b}.team-status>div{flex-direction:row;justify-content:flex-start;align-items:center;gap:11px}.big-state{background:var(--blue-soft);width:38px;height:38px;color:var(--blue);border-radius:11px;place-items:center;font-size:15px;font-weight:750;display:grid}.big-state.mint{background:var(--mint-soft);color:var(--mint)}.big-state.amber{background:var(--amber-soft);color:var(--amber)}.big-state.violet{background:var(--violet-soft);color:var(--violet)}.team-status p{flex-direction:column;gap:3px;margin:0;display:flex}.team-status p strong{font-size:9.5px}.team-status p small{color:#8e98a9;font-size:8px}.under-pill{margin-top:4px}.toolbar{align-items:center;gap:18px;min-height:57px;margin-bottom:14px;padding:10px 13px;display:flex}.segmented{border:1px solid var(--line);background:#f7f8fa;border-radius:9px;padding:3px}.segmented button.active{background:#fff;box-shadow:0 2px 8px #18254017}.date-switcher{align-items:center;gap:5px;display:flex}.date-switcher button{border:1px solid var(--line);color:#677287;cursor:pointer;background:#fff;border-radius:7px;min-width:29px;height:29px;font-size:9px}.date-switcher strong{text-align:center;min-width:125px;font-size:9px}.toolbar-right{align-items:center;gap:7px;margin-left:auto;display:flex}.agenda-day-picker{grid-template-columns:repeat(7,minmax(92px,1fr));gap:8px;margin:0 0 12px;padding-bottom:2px;display:grid;overflow-x:auto}.agenda-day-picker button{border:1px solid var(--line);color:#667187;text-align:left;cursor:pointer;background:#fff;border-radius:12px;grid-template-columns:auto auto;align-items:center;gap:2px 8px;min-height:58px;padding:9px 11px;display:grid}.agenda-day-picker button span{text-transform:capitalize;font-size:11px;font-weight:800}.agenda-day-picker button strong{color:#182540;justify-self:end;font-size:16px}.agenda-day-picker button small{color:#8a94a7;grid-column:1/-1;font-size:10px}.agenda-day-picker button.active{color:#1558d6;background:#edf4ff;border-color:#246bfe;box-shadow:0 0 0 2px #246bfe1a}.agenda-day{grid-template-columns:76px minmax(0,1fr);min-height:570px;display:grid;overflow:hidden}.day-rail{border-right:1px solid var(--line);color:#8a94a7;text-align:right;grid-template-rows:61px repeat(6,1fr);padding:0 10px;display:grid}.day-rail p{flex-direction:column;justify-content:center;margin:0;display:flex}.day-rail p strong{color:#303c53;font-size:10px}.day-rail p span{font-size:8px}.day-rail>span{align-self:start;font-size:8px;transform:translateY(-5px)}.schedule-lanes{min-width:0}.lane-header{border-bottom:1px solid var(--line);grid-template-columns:repeat(4,1fr);height:61px;display:grid}.lane-header>span{border-right:1px solid var(--line);grid-template-rows:1fr 1fr;grid-template-columns:25px minmax(0,1fr);align-items:end;column-gap:7px;min-width:0;padding:10px;display:grid}.lane-header .avatar{grid-row:1/3;align-self:center}.lane-header b{text-overflow:ellipsis;white-space:nowrap;align-self:end;font-size:8.5px;overflow:hidden}.lane-header small{color:#98a1b1;align-self:start;font-size:7.5px}.lane-grid{background-image:linear-gradient(to right, transparent calc(25% - 1px), var(--line) calc(25% - 1px), var(--line) 25%, transparent 25%, transparent calc(50% - 1px), var(--line) calc(50% - 1px), var(--line) 50%, transparent 50%, transparent calc(75% - 1px), var(--line) calc(75% - 1px), var(--line) 75%, transparent 75%), repeating-linear-gradient(to bottom, transparent 0, transparent 84px, var(--line) 84px, var(--line) 85px);min-height:510px;position:relative}.calendar-job{border:1px solid #ccdafd;border-left:3px solid var(--blue);text-align:left;cursor:pointer;background:#f0f5ff;border-radius:9px;flex-direction:column;align-items:flex-start;gap:4px;padding:9px;display:flex;position:absolute;overflow:hidden}.calendar-job b{color:#294986;font-size:8.5px}.calendar-job span{color:#5070ac;font-size:8px}.calendar-job small{color:#7f93bc;font-size:7.5px}.calendar-job:hover{transform:translateY(-1px);box-shadow:0 6px 18px #316bff24}.job-a{width:23%;height:82px;top:21px;left:1%}.job-b{width:23%;height:126px;top:42px;left:26%}.job-c{border-color:#cce9e4;border-left-color:var(--mint);background:#eefaf8;width:23%;height:84px;top:93px;left:51%}.job-c b{color:#246b65}.job-d{border-color:#ded7fa;border-left-color:var(--violet);background:#f5f2ff;width:23%;height:73px;top:190px;left:76%}.job-d b{color:#5e4ea2}.job-e{border-color:#f1dcb7;border-left-color:var(--amber);background:#fff8ed;width:23%;height:60px;top:222px;left:51%}.job-e b{color:#876120}.calendar-job.unassigned{border-style:dashed;border-color:#edaeb2;border-left-color:var(--danger);background:#fff5f5;width:96%;height:72px;top:348px;left:2%}.calendar-job.unassigned b{color:#9d3940}.week-board{border:1px solid var(--line);border-radius:var(--radius);background:#fff;grid-template-columns:repeat(7,minmax(130px,1fr));min-height:510px;display:grid;overflow-x:auto}.week-column{border-right:1px solid var(--line);min-width:130px;padding:0 8px 12px}.week-column:last-child{border-right:0}.week-column header{border-bottom:1px solid var(--line);justify-content:center;align-items:center;gap:6px;min-height:62px;display:flex}.week-column header span{color:#8892a5;text-transform:uppercase;font-size:8px}.week-column header strong{font-size:16px}.week-job{border:1px solid #d5e0fa;border-left:3px solid var(--blue);text-align:left;cursor:pointer;background:#f4f7ff;border-radius:8px;flex-direction:column;gap:4px;width:100%;margin-top:9px;padding:9px;display:flex}.week-job span{color:#6780b4;font-size:7.5px}.week-job b{color:#354d7d;font-size:8.5px}.week-job small{color:#8c9ab5;font-size:7px}.week-job.tone-1{border-color:#cce9e4;border-left-color:var(--mint);background:#f0faf8}.week-job.tone-2{border-color:#ebd9bb;border-left-color:var(--amber);background:#fff8ee}.add-mini{color:#96a0b2;background:0 0;width:100%;margin-top:10px;font-size:8px}.empty-day{color:#acb3c0;place-items:center;min-height:90px;font-size:8px;display:grid}.insight-banner,.connector-note,.reconciliation-note,.expiry-alert{background:#f5f8ff;border:1px solid #d9e3fd;border-radius:12px;align-items:center;gap:12px;min-height:60px;margin-top:13px;padding:11px 15px;display:flex}.insight-icon,.reconciliation-note>span,.expiry-alert>span{width:27px;height:27px;color:var(--blue);background:#e2eaff;border-radius:9px;flex:none;place-items:center;font-size:10px;font-weight:800;display:grid}.insight-banner p,.connector-note p,.reconciliation-note p,.expiry-alert p{color:#70809e;flex:1;min-width:0;margin:0;font-size:9px;line-height:1.5}.insight-banner p strong{color:#36507f}.insight-banner button,.reconciliation-note button,.expiry-alert button{color:var(--blue);white-space:nowrap;cursor:pointer;background:0 0;border:0;font-size:8.5px;font-weight:700}.billing-hero{border-radius:var(--radius);background:var(--navy);color:#fff;border:1px solid #263557;grid-template-columns:1.4fr repeat(3,1fr);margin-bottom:14px;display:grid;overflow:hidden;box-shadow:0 12px 32px #111b3329}.billing-main,.billing-stat{border-right:1px solid #ffffff1a;flex-direction:column;justify-content:center;min-height:142px;padding:18px 22px;display:flex}.billing-main{background:radial-gradient(circle at 10% 10%,#4779ff40,#0000 50%);position:relative;overflow:hidden}.billing-main:after{content:"";border:1px solid #ffffff14;border-radius:50%;width:120px;height:120px;position:absolute;bottom:-65px;right:-50px;box-shadow:0 0 0 18px #ffffff06,0 0 0 42px #ffffff05}.billing-main p,.billing-stat span{color:#99a7c2;margin:0;font-size:8.5px}.billing-main>strong{letter-spacing:-.8px;margin:6px 0 5px;font-size:25px}.billing-main>span{color:#aab5cb;font-size:8px}.billing-main>span b{color:#dce5f7}.billing-main button{color:#80a2ff;cursor:pointer;background:0 0;border:0;width:fit-content;margin-top:12px;padding:0;font-size:8.5px;font-weight:700}.billing-main button i{margin-left:5px;font-style:normal}.billing-stat strong{margin:7px 0 5px;font-size:18px}.billing-stat small{color:#8e9cb6;font-size:8px}.billing-stat small b{color:#5ed3c4}.billing-chart-panel{margin-bottom:14px}.revenue-chart{align-items:flex-end;gap:18px;height:180px;padding:10px 25px 25px 58px;display:flex;position:relative}.revenue-chart:before,.revenue-chart:after{content:"";border-top:1px dashed #e4e8ef;position:absolute;left:58px;right:25px}.revenue-chart:before{top:45px}.revenue-chart:after{top:105px}.axis{color:#9ca5b4;flex-direction:column;justify-content:space-between;font-size:7px;display:flex;position:absolute;top:23px;bottom:28px;left:20px}.revenue-month{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:7px;height:138px;display:flex}.revenue-month>div{align-items:flex-end;gap:3px;height:120px;display:flex}.revenue-month i,.revenue-month b{background:#d6e0f6;border-radius:3px 3px 1px 1px;width:11px;display:block}.revenue-month b{background:var(--blue)}.revenue-month span{color:#8c96a8;font-size:7.5px}.connector-note{background:#fff;border-color:#e0e3eb}.connector-logo{color:#fff;background:#1f3159;border-radius:9px;place-items:center;width:31px;height:31px;font-weight:800;display:grid}.connector-note p{flex-direction:column;gap:2px;display:flex}.connector-note p strong{color:#344056;font-size:9.5px}.connector-note p small{color:#8c96a8;font-size:8px}.supplier-summary{grid-template-columns:repeat(3,1fr) 1.25fr;gap:12px;margin-bottom:14px;display:grid}.supplier-summary article{border:1px solid var(--line);border-radius:var(--radius);background:#fff;align-items:center;gap:12px;min-height:114px;padding:16px;display:flex}.supplier-icon{background:var(--blue-soft);width:34px;height:34px;color:var(--blue);border-radius:10px;flex:none;place-items:center;font-size:13px;font-weight:750;display:grid}.supplier-icon.amber{background:var(--amber-soft);color:var(--amber)}.supplier-icon.mint{background:var(--mint-soft);color:var(--mint)}.supplier-summary p{flex-direction:column;gap:5px;margin:0;display:flex}.supplier-summary p span{color:#8a94a7;font-size:8px}.supplier-summary p strong{font-size:18px}.supplier-summary p small{color:#939dae;font-size:8px}.supplier-summary .bank-card{background:var(--navy);color:#fff;border-color:#2d3c5d;position:relative;overflow:hidden}.bank-card p span,.bank-card p small{color:#8f9bb4}.bank-card button{color:#c4cee1;cursor:pointer;background:#ffffff12;border:1px solid #ffffff29;border-radius:7px;margin-left:auto;padding:6px 8px;font-size:7.5px}.bank-wave{width:32px;height:32px;box-shadow:inset 0 0 0 7px var(--navy), inset 0 0 0 8px #3c4c70;border:1px solid #5b6b8f;border-radius:50%}.reconciliation-note{background:#fff;border-color:#dedfe4}.clocking-grid{grid-template-columns:minmax(0,1.55fr) minmax(280px,.65fr);gap:14px;margin-bottom:14px;display:grid}.live-map{overflow:hidden}.map-controls{border:1px solid var(--line);border-radius:7px;display:flex;overflow:hidden}.map-controls button{border:0;border-right:1px solid var(--line);color:#617087;cursor:pointer;background:#fff;width:27px;height:27px}.map-controls button:last-child{border-right:0}.map-canvas{background-color:#eef1f3;background-image:linear-gradient(28deg,#0000 45%,#ffffffa6 46% 50%,#0000 51%),linear-gradient(150deg,#0000 46%,#ffffff80 47% 50%,#0000 51%),repeating-linear-gradient(90deg,#707d910f 0 1px,#0000 1px 47px),repeating-linear-gradient(0deg,#707d910d 0 1px,#0000 1px 47px);height:332px;position:relative;overflow:hidden}.river{border:14px solid #b0d1dca6;border-color:#b0d1dca6 #0000;border-radius:45%;width:140%;height:48px;position:absolute;top:48%;left:-20%;transform:rotate(-8deg)}.road{background:#fff;width:120%;height:2px;position:absolute;box-shadow:0 0 0 3px #ffffff8c}.road-a{top:35%;left:-10%;transform:rotate(25deg)}.road-b{top:65%;left:-10%;transform:rotate(-17deg)}.road-c{top:25%;left:-10%;transform:rotate(83deg)}.district{color:#57657973;letter-spacing:1.2px;font-size:8px;font-weight:800;position:absolute}.district.d1{top:22%;left:18%}.district.d2{top:54%;left:56%}.district.d3{top:30%;right:12%}.map-pin{cursor:pointer;background:#fff;border:3px solid #fff;border-radius:12px 12px 12px 3px;padding:1px;position:absolute;transform:rotate(-45deg);box-shadow:0 6px 16px #1a274133}.map-pin .avatar{transform:rotate(45deg)}.map-pin>b{background:var(--blue);color:#fff;border:2px solid #fff;border-radius:50%;place-items:center;width:15px;height:15px;font-size:6px;display:grid;position:absolute;top:-8px;right:-8px;transform:rotate(45deg)}.map-pin.warning>b{background:var(--amber)}.map-pin.p1{top:31%;left:28%}.map-pin.p2{top:60%;left:55%}.map-pin.p3{top:34%;right:21%}.map-pin.p4{top:18%;left:42%}.map-legend{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#68748a;background:#ffffffdb;border:1px solid #bec5cfbf;border-radius:8px;gap:12px;padding:7px 9px;font-size:7.5px;display:flex;position:absolute;bottom:12px;left:12px}.map-legend span{align-items:center;gap:5px;display:flex}.map-legend i{background:var(--mint);border-radius:50%;width:6px;height:6px}.map-legend i.amber{background:var(--amber)}.clock-alerts{padding-bottom:12px}.clock-alerts>button{grid-template-columns:30px minmax(0,1fr);width:calc(100% - 26px);margin:0 13px}.clock-alerts em{color:#6f7b92}.privacy-note{background:#f7f9fd;border:1px solid #dfe5f3;border-radius:10px;gap:9px;margin:12px 13px 0;padding:10px;display:flex}.privacy-note>span{color:var(--blue);font-size:16px}.privacy-note p{flex-direction:column;gap:3px;margin:0;display:flex}.privacy-note strong{color:#47536a;font-size:8.5px}.privacy-note small{color:#8893a6;font-size:7.5px;line-height:1.45}.storage-banner{border-radius:var(--radius);background:var(--navy);color:#fff;border:1px solid #283959;grid-template-columns:minmax(260px,auto) minmax(120px,1fr) auto;align-items:center;gap:20px;min-height:72px;margin-bottom:14px;padding:13px 17px;display:grid}.storage-banner>div{align-items:center;gap:11px;display:flex}.storage-symbol{background:linear-gradient(135deg,#5d89ff,#316bff);border-radius:10px;place-items:center;width:33px;height:33px;font-weight:800;display:grid}.storage-banner p{flex-direction:column;gap:3px;margin:0;display:flex}.storage-banner strong{font-size:10px}.storage-banner small{color:#8d9bb5;font-size:8px}.storage-banner>i{background:#ffffff1a}.storage-banner>i b{background:linear-gradient(90deg,#4d7dfc,#61cfc0)}.storage-banner button{color:#c5cee0;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff24;border-radius:8px;padding:7px 10px;font-size:8px}.file-upload{cursor:pointer}.file-upload input{display:none}.folder-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:11px;margin-bottom:14px;display:grid}.folder-card{border:1px solid var(--line);border-radius:var(--radius);text-align:left;cursor:pointer;background:#fff;flex-direction:column;align-items:flex-start;min-height:137px;padding:16px;display:flex;position:relative}.folder-card:hover{box-shadow:var(--shadow);border-color:#cfd8e8;transform:translateY(-2px)}.folder-shape{background:var(--blue-soft);border-radius:5px;width:42px;height:30px;margin-bottom:14px;display:block;position:relative}.folder-shape:before{content:"";background:inherit;border-radius:4px 5px 0 0;width:19px;height:7px;position:absolute;top:-5px;left:0}.folder-shape i{background:var(--blue);opacity:.45;border-radius:2px;width:20px;height:3px;position:absolute;top:13px;left:10px}.folder-shape.mint{background:var(--mint-soft)}.folder-shape.mint i{background:var(--mint)}.folder-shape.violet{background:var(--violet-soft)}.folder-shape.violet i{background:var(--violet)}.folder-shape.amber{background:var(--amber-soft)}.folder-shape.amber i{background:var(--amber)}.folder-shape.rose{background:#fff0f5}.folder-shape.rose i{background:var(--rose)}.folder-shape.navy{background:#e9edf5}.folder-shape.navy i{background:var(--navy)}.folder-card>strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:9.5px;overflow:hidden}.folder-card small{color:#919aac;margin-top:4px;font-size:8px}.folder-card em{color:#adb4c0;margin-top:auto;font-size:7.5px;font-style:normal}.folder-card>b{color:#a0a8b7;font-weight:500;position:absolute;top:11px;right:11px}.file-name i{background:var(--danger-soft);width:31px;height:31px;color:var(--danger);border-radius:8px;place-items:center;font-size:6px;font-style:normal;font-weight:850;display:grid}.files-table .table-row:nth-child(5) .file-name i{background:var(--blue-soft);color:var(--blue)}.expiry-alert{background:var(--amber-soft);border-color:#f0d7b0}.expiry-alert>span{color:#b7731c;background:#fae2bc}.expiry-alert p{flex-direction:column;gap:2px;display:flex}.expiry-alert p strong{color:#6b5128}.portal-switch{gap:8px;width:fit-content;margin-bottom:14px;display:flex}.portal-switch button{border:1px solid var(--line);color:#59657a;text-align:left;cursor:pointer;background:#fff;border-radius:11px;grid-template-rows:1fr 1fr;grid-template-columns:33px 1fr;align-items:center;column-gap:9px;min-width:210px;padding:9px 12px;display:grid}.portal-switch button>span{color:#6d7b92;background:#f1f4f9;border-radius:9px;grid-row:1/3;place-items:center;width:31px;height:31px;font-size:8px;font-weight:800;display:grid}.portal-switch button b{align-self:end;font-size:9.5px}.portal-switch button small{color:#949dae;align-self:start;font-size:7.5px}.portal-switch button.active{border-color:#aac1fd;box-shadow:0 0 0 3px #316bff12}.portal-switch button.active>span{background:var(--blue);color:#fff}.portal-frame{background:#f4f6fa;border:1px solid #d8dee9;border-radius:16px;overflow:hidden;box-shadow:0 18px 50px #1422401a}.portal-frame>header{border-bottom:1px solid var(--line);background:#fff;align-items:center;height:63px;padding:0 28px;display:flex}.portal-brand{align-items:center;gap:8px;display:flex}.portal-brand>span{background:var(--blue);color:#fff;border-radius:8px;place-items:center;width:28px;height:28px;font-weight:800;display:grid}.portal-brand strong{letter-spacing:1px;font-size:12px}.portal-frame>header nav{align-self:stretch;gap:22px;margin:0 auto;display:flex}.portal-frame>header nav button{color:#8590a3;cursor:pointer;background:0 0;border:0;font-size:8.5px;font-weight:650;position:relative}.portal-frame>header nav button.active{color:#344056}.portal-frame>header nav button.active:after{content:"";background:var(--blue);height:2px;position:absolute;bottom:0;left:0;right:0}.portal-user{align-items:center;gap:8px;display:flex}.portal-user>span{background:var(--blue-soft);color:#3863c6;border-radius:9px;place-items:center;width:29px;height:29px;font-size:8px;font-weight:800;display:grid}.portal-user p{flex-direction:column;gap:2px;margin:0;display:flex}.portal-user strong{font-size:8.5px}.portal-user small{color:#929bad;font-size:7px}.portal-content{padding:29px}.portal-welcome{justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:21px;display:flex}.portal-welcome p{color:#8f98a9;text-transform:uppercase;margin:0 0 5px;font-size:8px}.portal-welcome h2{letter-spacing:-.8px;margin:0;font-size:24px}.portal-welcome>div>span{color:#7e899c;margin-top:7px;font-size:9.5px;display:block}.portal-welcome button{background:var(--blue);color:#fff;cursor:pointer;border:0;border-radius:9px;padding:10px 14px;font-size:8.5px;font-weight:700}.portal-metrics{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:12px;display:grid}.portal-metrics article{border:1px solid var(--line);background:#fff;border-radius:12px;flex-direction:column;gap:6px;min-height:113px;padding:16px;display:flex}.portal-metrics article>span{color:#8b95a7;font-size:8px}.portal-metrics article>strong{font-size:16px}.portal-metrics article>small{color:#929bad;font-size:8px}.portal-metrics article i{margin:2px 0}.portal-columns{grid-template-columns:1.4fr .8fr;gap:12px;display:grid}.portal-card{border:1px solid var(--line);background:#fff;border-radius:12px;padding:16px}.portal-card>div:first-child{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.portal-card>div:first-child p{flex-direction:column;gap:3px;margin:0;display:flex}.portal-card>div:first-child p span{color:#8994a7;text-transform:uppercase;font-size:7.5px}.portal-card>div:first-child p strong{font-size:11px}.portal-card>div:first-child button{color:var(--blue);cursor:pointer;background:0 0;border:0;font-size:8px;font-weight:700}.portal-service{border-top:1px solid #edf0f5;grid-template-columns:27px 1fr auto;align-items:center;gap:9px;min-height:56px;display:grid}.check-circle{background:var(--mint-soft);width:24px;height:24px;color:var(--mint);border-radius:50%;place-items:center;font-size:9px;font-weight:800;display:grid}.portal-service p{flex-direction:column;gap:3px;margin:0;display:flex}.portal-service strong{font-size:8.5px}.portal-service small{color:#929bad;font-size:7.5px}.mini-calendar{grid-template-columns:repeat(7,1fr);gap:5px;margin:12px 0!important;display:grid!important}.mini-calendar span{color:#9aa3b2;text-align:center;font-size:7px}.mini-calendar b{color:#5c687d;border-radius:7px;justify-self:center;place-items:center;width:22px;height:22px;font-size:7px;font-weight:600;display:grid}.mini-calendar b.marked{background:var(--blue-soft);color:var(--blue)}.mini-calendar b.today{background:var(--blue);color:#fff}.calendar-legend{color:#8792a5;gap:11px;font-size:7px;margin:0!important;display:flex!important}.calendar-legend span{align-items:center;gap:4px;display:flex}.calendar-legend i{background:#cbd9fc;border-radius:2px;width:6px;height:6px}.calendar-legend span:last-child i{background:var(--blue)}.employee-portal{background:#eef2f6}.employee-portal-content{padding:27px}.employee-hello{justify-content:space-between;align-items:flex-end;margin-bottom:18px;display:flex}.employee-hello p,.employee-hello>div{flex-direction:column;gap:4px;margin:0;display:flex}.employee-hello p span{color:#8791a3;font-size:8px}.employee-hello p strong{font-size:21px}.employee-hello>div{text-align:right;color:#8893a6;font-size:8px}.employee-hello>div b{color:#445066}.clock-card{background:radial-gradient(circle at center, #4779ff3b, transparent 45%), var(--navy);color:#fff;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;min-height:184px;margin-bottom:12px;display:flex;position:relative;overflow:hidden}.clock-card:before,.clock-card:after{content:"";border:1px solid #ffffff0d;border-radius:50%;position:absolute}.clock-card:before{width:220px;height:220px}.clock-card:after{width:310px;height:310px}.clock-card>*{z-index:1;position:relative}.clock-card p{color:#9facc4;align-items:center;gap:7px;margin:0 0 7px;font-size:8px;display:flex}.clock-card>strong{letter-spacing:1.8px;font-size:29px}.clock-card>span{margin-top:5px;font-size:9.5px}.clock-card>small{color:#8997b2;margin-top:4px;font-size:7.5px}.clock-card button{color:var(--navy);cursor:pointer;background:#fff;border:1px solid #ffffff2b;border-radius:9px;margin-top:13px;padding:8px 16px;font-size:8.5px;font-weight:750}.employee-cards{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:12px;display:grid}.employee-cards article{border:1px solid var(--line);background:#fff;border-radius:12px;justify-content:space-between;align-items:flex-end;gap:10px;min-height:100px;padding:15px;display:flex}.employee-cards p{flex-direction:column;gap:5px;margin:0;display:flex}.employee-cards p span{color:#8b96a8;font-size:7.5px}.employee-cards p small{color:#929cad;font-size:7.5px}.employee-cards button{color:var(--blue);cursor:pointer;background:0 0;border:0;padding:0;font-size:8px;font-weight:700}.employee-bottom{grid-template-columns:1.4fr .7fr;gap:12px;display:grid}.employee-bottom>article,.employee-bottom>aside{border:1px solid var(--line);background:#fff;border-radius:12px;padding:15px}.employee-bottom>article>div:first-child{justify-content:space-between;align-items:center;margin-bottom:5px;display:flex}.employee-bottom p{flex-direction:column;gap:3px;margin:0;display:flex}.employee-bottom p span{color:#8f98a9;font-size:7.5px}.employee-bottom>article>div:first-child button{color:var(--blue);cursor:pointer;background:0 0;border:0;font-size:7.5px}.employee-agenda-row{border-top:1px solid #edf0f5;grid-template-columns:35px 10px 1fr auto;align-items:center;gap:8px;min-height:49px;display:grid!important}.employee-agenda-row time{font-size:8px;font-weight:700}.employee-agenda-row>i{background:#b8c0ce;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #f0f2f6}.employee-agenda-row>i.active{background:var(--mint);box-shadow:0 0 0 3px var(--mint-soft)}.employee-agenda-row p small{color:#929bad;font-size:7px}.employee-agenda-row>span{color:#7b8698;font-size:7.5px}.employee-bottom>aside{flex-direction:column;gap:7px;display:flex}.employee-bottom>aside>p{margin-bottom:5px}.employee-bottom>aside button{border:1px solid var(--line);color:#59657a;text-align:left;cursor:pointer;background:#f8f9fb;border-radius:8px;min-height:33px;padding:7px 9px;font-size:8px}.settings-layout{grid-template-columns:155px minmax(0,1.5fr) minmax(250px,.65fr);align-items:start;gap:14px;display:grid}.settings-nav{flex-direction:column;gap:3px;padding:5px;display:flex}.settings-nav button{color:#727e93;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;min-height:36px;padding:7px 10px;font-size:9px;font-weight:650}.settings-nav button.active{background:var(--blue-soft);color:#3261cd}.settings-main{flex-direction:column;gap:12px;display:flex}.settings-card{padding:18px}.settings-title{align-items:center;gap:11px;margin-bottom:17px;display:flex}.settings-title>div{flex:1;min-width:0}.settings-title h2{margin:0;font-size:13px}.settings-title small{color:#8d97a8;margin-top:3px;font-size:8px;display:block}.settings-logo{background:var(--navy);color:#fff;border-radius:11px;place-items:center;width:39px;height:39px;font-size:10px;font-weight:800;display:grid}.company-grid{grid-template-columns:repeat(2,1fr);gap:13px;display:grid}.company-grid>div{color:#949dad;flex-direction:column;gap:4px;font-size:7.5px;display:flex}.company-grid strong{color:#39465c;font-size:9px;font-weight:630}.integration-list>div{border-top:1px solid #edf0f5;grid-template-columns:34px minmax(0,1fr) auto 60px;align-items:center;gap:10px;min-height:58px;display:grid}.integration-icon{border-radius:9px;place-items:center;width:31px;height:31px;font-weight:800;display:grid}.integration-icon.batuz{color:#263a63;background:#e9edf5}.integration-icon.bank{background:var(--amber-soft);color:var(--amber)}.integration-icon.mail{background:var(--mint-soft);color:var(--mint)}.integration-list p{flex-direction:column;gap:3px;margin:0;display:flex}.integration-list p strong{font-size:9px}.integration-list p small{color:#8f99aa;font-size:7.5px}.integration-list button,.role-row>button{color:var(--blue);cursor:pointer;background:0 0;border:0;font-size:8px;font-weight:700}.role-row{border-top:1px solid #edf0f5;grid-template-columns:minmax(170px,1fr) 105px minmax(120px,.8fr) 40px;align-items:center;gap:10px;min-height:55px;display:grid}.role-row>span:first-child{align-items:center;gap:9px;display:flex}.role-row p{flex-direction:column;gap:3px;margin:0;display:flex}.role-row p strong{font-size:8.5px}.role-row p small,.role-row em{color:#8f99aa;font-size:7.5px;font-style:normal}.roadmap-panel{border-radius:var(--radius);background:radial-gradient(circle at 100% 0, #537eff3b, transparent 30%), var(--navy);color:#fff;border:1px solid #273757;padding:19px;position:sticky;top:84px;overflow:hidden}.roadmap-panel .eyebrow{color:#7383a1}.roadmap-panel h2{margin:0 0 16px;font-size:16px;line-height:1.25}.roadmap-list{flex-direction:column;display:flex}.roadmap-list>span{border-top:1px solid #ffffff14;grid-template-columns:27px 1fr;gap:9px;padding:11px 0;display:grid}.roadmap-list i{color:#7798ed;border:1px solid #ffffff1f;border-radius:8px;place-items:center;width:24px;height:24px;font-size:7px;font-style:normal;font-weight:800;display:grid}.roadmap-list p{flex-direction:column;gap:3px;margin:0;display:flex}.roadmap-list strong{color:#dce3f1;font-size:8.5px}.roadmap-list small{color:#7f8da7;font-size:7.5px;line-height:1.35}.acronym{background:#ffffff0e;border-radius:10px;flex-direction:column;gap:5px;margin-top:9px;padding:11px;display:flex}.acronym strong{color:#88a7fa;letter-spacing:.8px;font-size:8px}.acronym small{color:#8997b0;font-size:7px;line-height:1.45}.drawer-layer,.modal-layer{z-index:60;position:fixed;inset:0}.drawer-backdrop,.modal-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0c13226b;border:0;position:absolute;inset:0}.detail-drawer{width:min(560px,100vw - 30px);height:100%;box-shadow:var(--shadow-lg);background:#f6f8fb;flex-direction:column;animation:.22s ease-out slideIn;display:flex;position:absolute;top:0;right:0}@keyframes slideIn{0%{opacity:.5;transform:translate(24px)}to{opacity:1;transform:translate(0)}}.detail-drawer>header{background:#fff;grid-template-columns:48px 1fr auto;align-items:center;gap:13px;min-height:105px;padding:22px 23px 17px;display:grid;position:relative}.detail-drawer>header>div{min-width:0}.detail-drawer>header>div>span{color:#929bad;letter-spacing:.5px;font-size:7.5px;font-weight:700}.detail-drawer>header h2{letter-spacing:-.5px;margin:4px 0 3px;font-size:18px}.detail-drawer>header p{color:#7b8699;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:8px;overflow:hidden}.drawer-close{color:#768197;cursor:pointer;background:#f2f4f8;border:0;border-radius:8px;width:27px;height:27px;font-size:18px;position:absolute;top:10px;right:10px}.detail-drawer>header>.status-pill{margin-top:24px}.detail-drawer>nav{border-bottom:1px solid var(--line);background:#fff;gap:18px;min-height:42px;padding:0 23px;display:flex}.detail-drawer>nav button{color:#858fa2;cursor:pointer;background:0 0;border:0;font-size:8.5px;font-weight:650;position:relative}.detail-drawer>nav button.active{color:#354157}.detail-drawer>nav button.active:after{content:"";background:var(--blue);height:2px;position:absolute;bottom:0;left:0;right:0}.drawer-content{flex:1;padding:15px;overflow-y:auto}.drawer-highlight{background:var(--blue-soft);border:1px solid #d7e2fd;border-radius:12px;justify-content:space-between;align-items:center;gap:15px;min-height:89px;padding:15px;display:flex}.drawer-highlight>div{flex-direction:column;gap:4px;display:flex}.drawer-highlight span{color:#6f86b8;font-size:7.5px}.drawer-highlight strong{color:#2b4e96;font-size:13px}.drawer-highlight small{color:#7c90bb;font-size:8px}.drawer-highlight button{color:var(--blue);cursor:pointer;background:#fff;border:1px solid #b9cbfa;border-radius:8px;padding:7px 9px;font-size:8px;font-weight:700}.drawer-highlight.employee{background:var(--mint-soft);border-color:#ccece6}.drawer-highlight.employee span,.drawer-highlight.employee small{color:#5e918a}.drawer-highlight.employee strong{color:#286b64}.drawer-kpis{grid-template-columns:repeat(3,1fr);gap:9px;margin:10px 0;display:grid}.drawer-kpis div{border:1px solid var(--line);background:#fff;border-radius:11px;flex-direction:column;justify-content:center;gap:4px;min-height:78px;padding:11px;display:flex}.drawer-kpis span{color:#8e98aa;font-size:7.5px}.drawer-kpis strong{font-size:13px}.drawer-kpis small{color:#929cad;font-size:7.5px}.drawer-section{border:1px solid var(--line);background:#fff;border-radius:12px;margin-top:10px;padding:14px}.drawer-title{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.drawer-title h3{margin:0;font-size:10.5px}.drawer-title button{color:var(--blue);cursor:pointer;background:0 0;border:0;font-size:7.5px}.info-grid{grid-template-columns:repeat(2,1fr);gap:11px;display:grid}.info-grid>div{color:#959ead;flex-direction:column;gap:4px;font-size:7.5px;display:flex}.info-grid strong{color:#455167;font-size:8.5px}.info-grid small{color:#929bad;font-size:7.5px}.activity-list>div,.request-row{border-top:1px solid #edf0f5;grid-template-columns:10px 1fr auto;align-items:center;gap:9px;min-height:53px;display:grid}.activity-list>div:first-child{border-top:0}.activity-dot{background:var(--blue);width:7px;height:7px;box-shadow:0 0 0 3px var(--blue-soft);border-radius:50%}.activity-dot.mint{background:var(--mint);box-shadow:0 0 0 3px var(--mint-soft)}.activity-dot.violet{background:var(--violet);box-shadow:0 0 0 3px var(--violet-soft)}.activity-list p,.request-row p{flex-direction:column;gap:3px;margin:0;display:flex}.activity-list strong,.request-row strong{font-size:8.5px}.activity-list small,.request-row small{color:#929bad;font-size:7.5px}.audit-user{color:#69758a;background:#eef1f6;border-radius:7px;place-items:center;width:23px;height:23px;font-size:7px;font-weight:800;display:grid}.mini-agenda>div{border-top:1px solid #edf0f5;grid-template-columns:38px 9px 1fr;align-items:center;gap:8px;min-height:53px;display:grid}.mini-agenda time{font-size:8px;font-weight:700}.mini-agenda i{background:var(--blue);width:7px;height:7px;box-shadow:0 0 0 3px var(--blue-soft);border-radius:50%}.mini-agenda p{flex-direction:column;gap:3px;margin:0;display:flex}.mini-agenda p strong{font-size:8.5px}.mini-agenda p small{color:#929bad;font-size:7.5px}.request-row{grid-template-columns:26px 1fr auto}.request-row>span{color:#66748b;background:#f0f3f8;border-radius:8px;place-items:center;width:24px;height:24px;font-size:8px;font-weight:800;display:grid}.detail-drawer>footer{border-top:1px solid var(--line);background:#fff;justify-content:flex-end;gap:8px;min-height:66px;padding:14px 18px;display:flex}.modal-layer{place-items:center;padding:20px;display:grid}.demo-modal{z-index:1;width:min(520px,100vw - 32px);max-height:calc(100vh - 40px);box-shadow:var(--shadow-lg);background:#fff;border-radius:16px;flex-direction:column;animation:.18s ease-out modalIn;display:flex;position:relative;overflow:hidden}@keyframes modalIn{0%{opacity:0;transform:translateY(8px)scale(.99)}to{opacity:1;transform:none}}.demo-modal>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:15px;padding:19px 20px 16px;display:flex}.demo-modal>header h2{letter-spacing:-.4px;margin:0;font-size:17px}.demo-modal>header span{color:#7e899c;margin-top:4px;font-size:8.5px;line-height:1.4;display:block}.demo-modal>header>button{color:#768196;cursor:pointer;background:#f1f3f7;border:0;border-radius:8px;width:28px;height:28px;font-size:17px}.modal-body{flex-direction:column;gap:12px;padding:18px 20px;display:flex;overflow-y:auto}.modal-body label{color:#657187;flex-direction:column;gap:5px;font-size:8px;font-weight:650;display:flex}.modal-body input,.modal-body select,.modal-body textarea{border:1px solid var(--line-strong);color:#334056;background:#fff;border-radius:8px;outline:0;width:100%;min-height:38px;padding:8px 10px;font-size:9.5px}.modal-body textarea{resize:vertical;min-height:76px}.form-split{grid-template-columns:repeat(2,1fr);gap:11px;display:grid}.invoice-edit-line{border:1px solid var(--line);background:#fafbfc;border-radius:10px;grid-template-columns:minmax(120px,1fr) 68px 90px 85px;align-items:end;gap:8px;padding:10px;display:grid}.invoice-edit-line>span{flex-direction:column;align-self:center;gap:3px;display:flex}.invoice-edit-line b{font-size:8.5px}.invoice-edit-line small{color:#929bad;font-size:7.5px}.invoice-edit-line strong{text-align:right;align-self:center;font-size:9px}.add-concept{width:fit-content;color:var(--blue);cursor:pointer;background:0 0;border:0;padding:0;font-size:8.5px;font-weight:700}.invoice-total{border-top:1px solid var(--line);flex-direction:column;align-self:flex-end;gap:8px;width:220px;padding-top:10px;display:flex}.invoice-total span,.invoice-total>strong{color:#7a869a;justify-content:space-between;font-size:8.5px;display:flex}.invoice-total b{color:#344056}.invoice-total>strong{color:#303c52;font-size:10px}.audit-warning{color:#62769f;background:#f5f8ff;border:1px solid #d8e2fb;border-radius:9px;align-items:center;gap:8px;padding:9px;font-size:8px;line-height:1.4;display:flex}.audit-warning span{width:20px;height:20px;color:var(--blue);background:#e3ebff;border-radius:7px;flex:none;place-items:center;font-weight:800;display:grid}.demo-modal>footer{border-top:1px solid var(--line);justify-content:flex-end;gap:8px;padding:13px 20px;display:flex}.toast{z-index:80;background:var(--navy);color:#fff;border:1px solid #2b3a58;border-radius:12px;align-items:center;gap:10px;min-width:min(380px,100vw - 28px);min-height:52px;padding:10px 13px;animation:.2s ease-out toastIn;display:flex;position:fixed;bottom:22px;left:50%;transform:translate(-50%);box-shadow:0 16px 40px #0d172a47}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}.toast>span{color:#63d7c9;background:#18a99933;border-radius:8px;place-items:center;width:25px;height:25px;font-weight:800;display:grid}.toast strong{flex:1;font-size:9.5px}.toast button{color:#8e9bb4;cursor:pointer;background:0 0;border:0;font-size:8px}.mobile-backdrop{display:none}@media (max-width:1180px){.tardis-shell{grid-template-columns:216px minmax(0,1fr)}.sidebar{width:216px}.topbar{padding:0 20px}.content-area{padding-left:20px;padding-right:20px}.service-row{grid-template-columns:45px 10px minmax(130px,1fr) minmax(110px,.8fr) 78px 90px 10px}.folder-grid{grid-template-columns:repeat(3,1fr)}.settings-layout{grid-template-columns:135px minmax(0,1fr)}.roadmap-panel{grid-column:2;position:static}.billing-hero{grid-template-columns:1.25fr repeat(3,.9fr)}.supplier-summary{grid-template-columns:repeat(3,1fr)}.supplier-summary .bank-card{grid-column:1/-1;min-height:84px}}@media (max-width:940px){.tardis-shell{display:block}.workspace{width:100%}.sidebar{width:246px;transition:transform .22s;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.mobile-backdrop.visible{z-index:29;background:#0a12216b;border:0;display:block;position:fixed;inset:0}.menu-button{display:block}.breadcrumb span,.breadcrumb b,.sync-chip{display:none}.global-search{width:min(250px,36vw)}.metric-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.attention-panel{min-height:300px}.billing-hero{grid-template-columns:repeat(3,1fr)}.billing-main{border-bottom:1px solid #ffffff1a;grid-column:1/-1}.clocking-grid{grid-template-columns:1fr}.portal-frame>header nav{display:none}.portal-user{margin-left:auto}.portal-columns,.settings-layout{grid-template-columns:1fr}.settings-nav{flex-direction:row;overflow-x:auto}.settings-nav button{white-space:nowrap}.roadmap-panel{grid-column:auto}.table-panel{overflow-x:auto}.table-toolbar,.table-footer{width:max(100vw - 40px,100%);position:sticky;left:0}}@media (max-width:720px){.topbar{height:60px;padding:0 13px}.content-area{padding:19px 13px 45px}.topbar-actions{flex:1;justify-content:flex-end}.global-search{border-color:var(--line);background:#fff;justify-content:center;width:36px}.global-search input,.global-search kbd{display:none}.global-search:focus-within{z-index:2;justify-content:flex-start;width:min(250px,64vw);position:absolute;right:61px}.global-search:focus-within input{display:block}.top-new{width:36px;padding:7px}.top-new:not(:hover){font-size:0}.top-new span{font-size:15px}.welcome-strip,.section-heading{flex-direction:column;align-items:flex-start;gap:14px}.welcome-actions,.heading-actions{width:100%}.welcome-actions>*,.heading-actions>*{flex:1}.metric-grid{grid-template-columns:1fr 1fr;gap:9px}.metric-card{min-height:118px;padding:14px}.metric-card>strong{font-size:20px}.metric-note{flex-direction:column;align-items:flex-start;gap:3px}.service-row{grid-template-columns:42px 9px minmax(100px,1fr) 90px 10px;min-height:67px}.service-row .person-cell,.service-row .duration-cell{display:none}.service-row .status-pill{justify-self:end}.panel-actions .live-indicator{display:none}.summary-strip,.team-status{grid-template-columns:repeat(2,1fr)}.summary-strip>div:nth-child(2),.team-status>div:nth-child(2){border-right:0}.summary-strip>div:nth-child(-n+2),.team-status>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.toolbar{flex-wrap:wrap;align-items:flex-start}.toolbar-right{margin-left:0}.agenda-day{grid-template-columns:55px minmax(620px,1fr);overflow-x:auto}.week-board{margin-right:0}.insight-banner{flex-wrap:wrap;align-items:flex-start}.insight-banner button{margin-left:39px}.billing-hero{grid-template-columns:1fr}.billing-main,.billing-stat{border-bottom:1px solid #ffffff1a;border-right:0;min-height:105px}.billing-main{grid-column:auto}.supplier-summary{grid-template-columns:1fr}.supplier-summary .bank-card{grid-column:auto}.folder-grid{grid-template-columns:repeat(2,1fr)}.storage-banner{grid-template-columns:1fr auto}.storage-banner>i{grid-area:2/1/auto/-1}.portal-switch{width:100%}.portal-switch button{flex:1;grid-template-columns:29px 1fr;min-width:0}.portal-switch button small{display:none}.portal-frame>header{padding:0 15px}.portal-user p{display:none}.portal-content,.employee-portal-content{padding:17px}.portal-welcome{flex-direction:column;align-items:flex-start}.portal-metrics,.employee-cards,.employee-bottom,.company-grid{grid-template-columns:1fr}.integration-list>div{grid-template-columns:32px 1fr auto;padding:8px 0}.integration-list>div>button{grid-column:2;justify-self:start}.role-row{grid-template-columns:1fr auto;padding:8px 0}.role-row>em{grid-column:1;margin-left:34px}.role-row>button{grid-area:2/2}.drawer-kpis{grid-template-columns:1fr 1fr}.drawer-kpis div:last-child{grid-column:1/-1}.form-split{grid-template-columns:1fr}.invoice-edit-line{grid-template-columns:1fr 1fr}.invoice-edit-line>span{grid-column:1/-1}.invoice-total{width:100%}}@media (max-width:420px){.metric-grid{grid-template-columns:1fr}.metric-card{min-height:106px}.metric-note{flex-direction:row}.panel-header{align-items:flex-start}.panel-actions{flex-direction:column;align-items:flex-end;gap:5px}.tabs{max-width:100%;overflow-x:auto}.tabs button{white-space:nowrap}.table-toolbar{flex-direction:column;align-items:flex-start}.folder-grid{grid-template-columns:1fr 1fr}.portal-switch{flex-direction:column}.portal-switch button{width:100%}.portal-welcome h2{font-size:20px}.employee-hello{flex-direction:column;align-items:flex-start;gap:8px}.employee-hello>div{text-align:left}.detail-drawer>header{grid-template-columns:48px 1fr}.detail-drawer>header>.status-pill{grid-column:2;margin-top:0}.detail-drawer>nav{gap:13px;overflow-x:auto}.detail-drawer>nav button{white-space:nowrap}.info-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.visual-first .topbar{height:72px}.visual-first .nav-group button{gap:12px;min-height:46px;font-size:13px}.visual-first .nav-glyph{color:#9ba9c5;border-radius:9px;width:31px;height:31px;font-size:16px;line-height:1}.visual-first .nav-group button.active .nav-glyph{color:#dce6ff}.visual-first .primary-button,.visual-first .secondary-button{min-height:44px;padding:10px 16px;font-size:13px}.visual-first .global-search{height:40px}.visual-first .global-search input,.visual-first .sync-chip{font-size:12px}.staff-view-button{background:var(--blue-soft);color:#315dbd;white-space:nowrap;cursor:pointer;border:1px solid #d4def8;border-radius:10px;align-items:center;gap:8px;min-height:40px;padding:8px 12px;font-size:11px;font-weight:750;display:inline-flex}.staff-view-button span{background:var(--blue);color:#fff;border-radius:7px;place-items:center;width:22px;height:22px;font-size:9px;display:grid}.visual-first .eyebrow{letter-spacing:.75px;font-size:11px}.visual-first .welcome-strip h1,.visual-first .section-heading h1{font-size:clamp(30px,2.8vw,39px)}.visual-first .welcome-strip p:last-child,.visual-first .section-description{font-size:14px}.visual-action-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 12px;display:grid}.visual-action{border:1px solid var(--line);text-align:left;cursor:pointer;background:#fff;border-radius:15px;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:94px;padding:14px;transition:transform .16s,box-shadow .16s,border-color .16s;display:grid;box-shadow:0 5px 18px #1422400b}.visual-action:hover{border-color:#cbd6e9;transform:translateY(-2px);box-shadow:0 12px 28px #14224017}.action-pictogram{background:var(--blue-soft);width:48px;height:48px;color:var(--blue);border-radius:14px;place-items:center;font-size:24px;font-weight:800;display:grid}.visual-action.mint .action-pictogram{background:var(--mint-soft);color:var(--mint)}.visual-action.amber .action-pictogram{background:var(--amber-soft);color:var(--amber)}.visual-action.violet .action-pictogram{background:var(--violet-soft);color:var(--violet)}.visual-action>span:nth-child(2){flex-direction:column;gap:5px;min-width:0;display:flex}.visual-action strong{color:#29364d;font-size:14px}.visual-action small{color:#8490a4;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.visual-action>b{color:#68758a;background:#f0f3f8;border-radius:9px;place-items:center;min-width:29px;height:29px;font-size:11px;display:grid}.visual-action.blue>b{background:var(--blue-soft);color:var(--blue)}.visual-action.mint>b{background:var(--mint-soft);color:var(--mint)}.visual-action.amber>b{background:var(--amber-soft);color:var(--amber)}.visual-action.violet>b{background:var(--violet-soft);color:var(--violet)}.visual-legend{border:1px solid var(--line);color:#6f7b90;background:#ffffffb8;border-radius:11px;align-items:center;gap:18px;min-height:42px;margin-bottom:12px;padding:8px 13px;font-size:11px;display:flex}.visual-legend strong{color:#455168;font-size:11px}.visual-legend span{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.visual-legend i{background:var(--blue);border-radius:4px;width:10px;height:10px}.visual-legend i.mint{background:var(--mint)}.visual-legend i.amber{background:var(--amber)}.visual-legend i.danger{background:var(--danger)}.priority-visual-banner{border:1px solid #f0c8cb;border-left:5px solid var(--danger);background:linear-gradient(90deg,#fff5f5,#fff 72%);border-radius:14px;grid-template-columns:48px minmax(0,1fr) auto auto;align-items:center;gap:13px;min-height:92px;margin:0 0 12px;padding:14px 16px;display:grid;overflow:hidden}.priority-symbol{background:var(--danger);color:#fff;border-radius:14px;place-items:center;width:46px;height:46px;font-size:23px;font-weight:850;display:grid;box-shadow:0 8px 20px #d14f5438}.priority-visual-banner>div{flex-direction:column;gap:4px;min-width:0;display:flex}.priority-visual-banner p{color:var(--danger);letter-spacing:.45px;text-transform:uppercase;margin:0;font-size:11px;font-weight:800}.priority-visual-banner strong{color:#41353a;text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.priority-visual-banner small{color:#876f75;font-size:11px}.visual-first .metric-grid{gap:12px}.visual-first .metric-card{grid-template-columns:minmax(0,1fr) 78px;align-items:center;gap:12px;min-height:156px;padding:19px;display:grid}.metric-copy{min-width:0}.visual-first .metric-top{font-size:12px}.metric-copy>strong{color:var(--ink);letter-spacing:-.8px;margin:13px 0 10px;font-size:27px;font-weight:760;display:block}.visual-first .metric-note{align-items:center;font-size:10.5px;line-height:1.35}.visual-first .metric-trend{padding:4px 7px}.metric-graphic{place-items:center;width:76px;height:76px;display:grid;position:relative}.metric-ring{border-radius:50%;place-items:center;width:68px;height:68px;display:grid;position:relative}.metric-ring:after{content:"";background:#fff;border-radius:50%;position:absolute;inset:7px}.metric-ring i{z-index:1;color:#4f5b70;font-size:11px;font-style:normal;font-weight:800;position:relative}.metric-glyph{z-index:2;color:#fff;background:currentColor;border:3px solid #fff;border-radius:9px;place-items:center;width:27px;height:27px;font-size:12px;font-weight:850;display:grid;position:absolute;bottom:-1px;right:-1px}.visual-first .panel-header{min-height:70px;padding:16px 19px}.visual-first .panel-header h2,.visual-first .table-toolbar h2{font-size:17px}.visual-first .service-row{min-height:76px;padding:10px 18px}.visual-first .service-time strong{font-size:14px}.visual-first .service-time span,.visual-first .service-main span,.visual-first .duration-cell span,.visual-first .table-row small,.visual-first .under-pill{font-size:10px}.visual-first .service-main strong,.visual-first .duration-cell strong,.visual-first .person-cell span,.visual-first .table-row strong{font-size:12px}.visual-first .avatar.small{width:31px;height:31px;font-size:9px}.visual-first .status-pill{gap:7px;min-height:29px;padding:5px 10px;font-size:10px}.visual-first .status-dot{width:7px;height:7px}.visual-first .attention-list>button,.visual-first .clock-alerts>button{min-height:78px}.visual-first .attention-list strong,.visual-first .clock-alerts strong{font-size:12px}.visual-first .attention-list small,.visual-first .clock-alerts small,.visual-first .clock-alerts em{font-size:10px}.visual-first .table-head{min-height:42px;font-size:9px}.visual-first .table-row{min-height:74px}.visual-first .tabs button,.visual-first .segmented button,.visual-first .filter-button{min-height:38px;font-size:11px}.visual-summary-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 14px;display:grid}.visual-summary-strip article{border:1px solid var(--line);background:#fff;border-radius:14px;grid-template-columns:43px 1fr;align-items:center;gap:12px;min-height:105px;padding:15px;display:grid}.visual-summary-strip article>span{background:var(--blue-soft);width:43px;height:43px;color:var(--blue);border-radius:13px;grid-row:1/3;place-items:center;font-size:19px;font-weight:850;display:grid}.visual-summary-strip article.mint>span{background:var(--mint-soft);color:var(--mint)}.visual-summary-strip article.amber>span{background:var(--amber-soft);color:var(--amber)}.visual-summary-strip article.violet>span{background:var(--violet-soft);color:var(--violet)}.visual-summary-strip p{flex-direction:column;gap:2px;margin:0;display:flex}.visual-summary-strip p strong{font-size:22px}.visual-summary-strip p small{color:#778399;font-size:11px}.visual-summary-strip article>b{color:#98a1b0;grid-column:2;font-size:10px;font-weight:650}.shift-overview{color:#fff;background:linear-gradient(135deg,#16233f,#111b33);border:1px solid #2b3b5e;border-radius:14px;grid-template-columns:84px minmax(0,1fr) auto;align-items:center;gap:18px;min-height:112px;margin-bottom:12px;padding:14px 18px;display:grid}.shift-ring{border-radius:50%;place-items:center;width:78px;height:78px;display:grid;position:relative}.shift-ring:after{content:"";background:var(--navy);border-radius:50%;position:absolute;inset:8px}.shift-ring span{z-index:1;flex-direction:column;align-items:center;gap:1px;display:flex;position:relative}.shift-ring strong{font-size:13px}.shift-ring small{color:#8796b2;font-size:9px}.shift-visual-copy{flex-direction:column;gap:5px;min-width:0;display:flex}.shift-visual-copy span,.next-visual span{color:#8291ad;font-size:11px}.shift-visual-copy strong{font-size:17px}.shift-visual-copy small{color:#9eabc1;font-size:12px}.next-visual{border-left:1px solid #ffffff1f;flex-direction:column;gap:3px;min-width:125px;padding-left:18px;display:flex}.next-visual strong{color:#7fa2ff;font-size:25px}.next-visual small{color:#c3cde0;font-size:11px}.employee-portal .clock-card{min-height:270px}.clock-state-mark{color:#5cd2c4;background:#18a9992e;border-radius:50%;place-items:center;width:43px;height:43px;margin-bottom:10px;font-size:20px;font-weight:850;display:grid;box-shadow:0 0 0 9px #18a99912}.employee-portal .clock-card p{font-size:12px}.employee-portal .clock-card>strong{font-size:42px}.employee-portal .clock-card>span:not(.clock-state-mark){font-size:16px;font-weight:700}.employee-portal .clock-card>small{font-size:12px}.employee-portal .clock-card>button{color:#173458;background:#fff;border:0;border-radius:13px;min-width:210px;min-height:56px;margin-top:18px;font-size:16px;font-weight:800}.employee-portal .clock-card>button span{color:var(--danger);margin-right:6px;font-size:19px}.employee-cards article{grid-template-rows:1fr auto;grid-template-columns:43px minmax(0,1fr);align-items:center;gap:7px 11px;min-height:126px;display:grid}.employee-card-icon{background:var(--blue-soft);width:43px;height:43px;color:var(--blue);border-radius:13px;grid-row:1/3;place-items:center;font-size:19px;font-weight:800;display:grid}.employee-card-icon.mint{background:var(--mint-soft);color:var(--mint)}.employee-card-icon.violet{background:var(--violet-soft);color:var(--violet)}.employee-cards p span{font-size:11px}.employee-cards p strong{font-size:16px}.employee-cards p small{font-size:11px;line-height:1.35}.employee-cards article>button{text-align:left;grid-column:2;min-height:30px;font-size:11px}.employee-bottom>article,.employee-bottom>aside{padding:18px}.employee-bottom p span{font-size:11px}.employee-bottom p strong{font-size:15px}.employee-agenda-row{text-align:left;cursor:pointer;background:0 0;border:0;border-top:1px solid #edf0f5;grid-template-columns:48px 12px minmax(0,1fr) 38px 12px;width:100%;min-height:74px;padding:7px 0}.employee-agenda-row time{font-size:14px}.employee-agenda-row p strong{font-size:13px}.employee-agenda-row p small,.employee-agenda-row>span{font-size:11px}.employee-agenda-row>b{color:#a0a9b8;font-size:18px}.staff-quick-grid{grid-template-columns:repeat(2,1fr);gap:9px;margin-top:8px;display:grid}.employee-bottom>aside .staff-quick-grid button{border:1px solid var(--line);color:#4a566b;text-align:center;cursor:pointer;background:#f8f9fb;border-radius:11px;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:82px;padding:8px;font-size:11px;display:flex}.staff-quick-grid span{background:var(--blue-soft);width:31px;height:31px;color:var(--blue);border-radius:9px;place-items:center;font-size:15px;font-weight:850;display:grid}.clock-confirm-note{z-index:2;background:#ffffff14;border:1px solid #ffffff2e;border-radius:12px;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:10px;width:min(390px,100% - 30px);min-height:68px;margin-top:13px;padding:10px;display:grid;position:relative}.clock-confirm-note>span{color:#ffc570;background:#df922c33;border-radius:9px;place-items:center;width:30px;height:30px;font-weight:850;display:grid}.clock-confirm-note p{align-items:flex-start!important;gap:3px!important;margin:0!important}.clock-confirm-note p strong{color:#fff;font-size:13px}.clock-confirm-note p small{color:#aab6cc;font-size:11px}.employee-portal .clock-card .clock-confirm-note>button{color:#d6deec;background:0 0;border:1px solid #ffffff2b;border-radius:9px;min-width:0;min-height:44px;margin:0;padding:8px 10px;font-size:11px}.employee-portal .clock-card>button.confirm-exit{background:var(--danger);color:#fff;box-shadow:0 10px 24px #d14f5440}.employee-portal .clock-card>button.confirm-exit span{color:#fff}.staff-quick-grid span.mint{background:var(--mint-soft);color:var(--mint)}.staff-quick-grid span.violet{background:var(--violet-soft);color:var(--violet)}.staff-quick-grid span.danger{background:var(--danger-soft);color:var(--danger)}.employee-mobile-nav{display:none}.visual-first .toast{border-radius:15px;min-height:64px;font-size:14px}.visual-first .toast>span{width:34px;height:34px;font-size:15px}.visual-first .toast strong,.visual-first .toast button{font-size:12px}.staff-standalone{min-height:100vh;color:var(--ink);background:#eef2f6}.staff-standalone-header{z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#fff;background:#111b33f7;border-bottom:1px solid #263656;align-items:center;gap:24px;min-height:68px;padding:0 max(22px,50vw - 620px);display:flex;position:sticky;top:0}.staff-standalone-header .portal-brand>span{background:var(--mint)}.staff-standalone-header .portal-brand strong{font-size:14px}.staff-standalone-header nav{align-self:stretch;align-items:center;gap:5px;margin:0 auto;display:flex}.staff-standalone-header nav button{color:#93a0b9;cursor:pointer;background:0 0;border:0;border-radius:9px;min-height:40px;padding:9px 13px;font-size:12px;font-weight:700}.staff-standalone-header nav button.active{color:#fff;background:#ffffff17}.exit-staff-view{color:#d4dbea;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff24;border-radius:10px;min-height:42px;padding:9px 13px;font-size:11px;font-weight:700}.staff-standalone>main{width:min(1240px,100% - 32px);margin:0 auto;padding:24px 0 48px}.staff-standalone .portal-frame{box-shadow:none;background:0 0;border:0;overflow:visible}.staff-standalone .portal-frame>header{display:none}.staff-standalone .employee-portal-content{padding:0}.employee-portal .employee-hello p span,.employee-portal .employee-hello>div{font-size:13px}.employee-portal .employee-hello p strong{font-size:28px}.employee-portal .employee-bottom>article>div:first-child button{min-height:40px;padding:8px 10px;font-size:11px}.employee-portal .employee-bottom>aside>p span{font-size:11px}.employee-portal .employee-bottom>aside>p strong{font-size:15px}.staff-standalone .toast{min-height:64px;font-size:14px}@media (max-width:1180px){.visual-action-grid,.visual-summary-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.priority-visual-banner{grid-template-columns:48px minmax(0,1fr) auto}.priority-visual-banner .secondary-button{display:none}}@media (max-width:940px){.staff-view-button{padding:8px;font-size:0}.staff-view-button span{font-size:9px}.visual-first .table-toolbar,.visual-first .table-footer{width:max(100vw - 40px,100%)}}@media (max-width:720px){.visual-first .topbar{height:64px}.visual-first .content-area{padding:20px 13px 52px}.visual-action-grid,.visual-summary-strip{grid-template-columns:1fr 1fr;gap:9px}.visual-action{grid-template-rows:50px 1fr;grid-template-columns:1fr auto;gap:8px;min-height:126px}.action-pictogram{width:50px;height:50px}.visual-action>span:nth-child(2){grid-column:1/-1}.visual-action strong{font-size:14px}.visual-action small{white-space:normal;font-size:11px}.visual-legend{gap:14px;overflow-x:auto}.visual-legend strong,.visual-legend span{flex:none}.priority-visual-banner{grid-template-columns:44px 1fr;padding:13px}.priority-symbol{width:42px;height:42px}.priority-visual-banner strong{white-space:normal;line-height:1.35}.priority-visual-banner .primary-button{grid-column:1/-1;width:100%}.visual-first .metric-card{grid-template-columns:minmax(0,1fr) 68px;min-height:150px;padding:15px}.metric-ring{width:60px;height:60px}.metric-copy>strong{font-size:23px}.visual-summary-strip article{grid-template-columns:39px 1fr;min-height:122px;padding:12px}.visual-summary-strip article>span{width:39px;height:39px}.visual-first .agenda-day{min-height:0;display:block;overflow:visible}.visual-first .day-rail,.visual-first .lane-header{display:none}.visual-first .lane-grid{background:0 0;flex-direction:column;gap:10px;min-height:0;padding:11px;display:flex}.visual-first .calendar-job{gap:6px;min-height:88px;padding:14px;position:relative;width:100%!important;height:auto!important;top:auto!important;left:auto!important}.visual-first .calendar-job b{font-size:14px}.visual-first .calendar-job span{font-size:13px}.visual-first .calendar-job small{font-size:12px}.visual-first .data-table{min-width:0;padding:10px}.visual-first .table-head{display:none}.visual-first .table-row{border:1px solid var(--line);border-radius:12px;gap:8px;min-height:86px;margin-bottom:9px;padding:12px;grid-template-columns:minmax(0,1fr) auto!important}.client-table .table-row>span:nth-child(2),.client-table .table-row>span:nth-child(3),.client-table .table-row>span:nth-child(4),.employee-table .table-row>span:nth-child(3),.employee-table .table-row>span:nth-child(4),.employee-table .table-row>span:nth-child(5),.invoice-table .table-row>span:nth-child(3),.invoice-table .table-row>span:nth-child(4),.invoice-table .table-row>span:nth-child(5),.provider-table .table-row>span:nth-child(2),.provider-table .table-row>span:nth-child(3),.provider-table .table-row>span:nth-child(5),.clock-table .table-row>span:nth-child(3),.clock-table .table-row>span:nth-child(4),.clock-table .table-row>span:nth-child(6),.files-table .table-row>span:nth-child(3){display:none!important}.client-table .table-row>span:first-child,.employee-table .table-row>span:first-child,.invoice-table .table-row>span:nth-child(2),.provider-table .table-row>span:first-child,.clock-table .table-row>span:first-child,.files-table .table-row>span:first-child{grid-column:1}.visual-first .table-row .row-arrow{grid-area:1/2}.shift-overview{grid-template-columns:74px minmax(0,1fr);gap:13px}.shift-ring{width:70px;height:70px}.next-visual{border-top:1px solid #ffffff1f;border-left:0;grid-column:1/-1;grid-template-columns:auto auto 1fr;align-items:center;gap:9px;padding:10px 0 0;display:grid}.next-visual strong{font-size:19px}.employee-portal .clock-card{min-height:330px;padding:22px 14px 28px}.employee-portal .clock-card>strong{font-size:39px}.employee-portal .clock-card>span:not(.clock-state-mark){text-align:center;font-size:15px}.employee-portal .clock-card>small{text-align:center;max-width:260px;font-size:13px;line-height:1.4}.employee-portal .clock-card>button{width:min(100%,300px);min-height:62px;font-size:18px}.employee-cards article{min-height:128px}.employee-bottom>article,.employee-bottom>aside{padding:16px}.staff-quick-grid button{min-height:92px!important}.employee-mobile-nav{z-index:4;border-top:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);min-height:72px;padding:7px 5px max(7px, env(safe-area-inset-bottom));background:#fffffff5;grid-template-columns:repeat(5,1fr);margin:18px -17px -17px;display:grid;position:sticky;bottom:0}.employee-mobile-nav button{color:#778397;background:0 0;border:0;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:56px;font-size:10px;font-weight:700;display:flex}.employee-mobile-nav button span{font-size:19px}.employee-mobile-nav button.active{background:var(--blue-soft);color:var(--blue)}.employee-mobile-nav .clock-nav{color:var(--mint)}.staff-standalone-header{justify-content:space-between;min-height:60px;padding:0 13px}.staff-standalone-header nav{display:none}.staff-standalone-header .portal-brand strong{font-size:12px}.exit-staff-view{max-width:138px;min-height:44px;padding:8px 10px;font-size:10px}.staff-standalone>main{width:100%;padding:17px 13px 0}.staff-standalone .employee-mobile-nav{margin-left:-13px;margin-right:-13px}}@media (max-width:420px){.visual-first .metric-grid,.visual-action-grid,.visual-summary-strip{grid-template-columns:1fr}.visual-action{grid-template-rows:1fr;grid-template-columns:48px minmax(0,1fr) auto;min-height:92px}.action-pictogram{width:46px;height:46px}.visual-action>span:nth-child(2){grid-column:auto}.visual-first .metric-card{min-height:132px}}button:disabled{opacity:.45;cursor:not-allowed!important}.map-canvas{transform-origin:50%;transition:transform .18s}.action-layer{z-index:90}.action-modal{width:min(590px,100vw - 32px)}.action-modal>header h2{font-size:22px}.action-modal>header span{max-width:470px;font-size:13px;line-height:1.5}.action-modal-body{gap:16px;padding:22px}.action-modal-body label{gap:7px;font-size:13px}.action-modal-body input,.action-modal-body select,.action-modal-body textarea{border-radius:10px;min-height:46px;padding:11px 12px;font-size:15px}.action-modal-body textarea{min-height:104px}.action-modal .audit-warning{padding:12px;font-size:13px}.action-modal>footer{padding:15px 22px}.action-modal>footer button{min-height:46px;font-size:14px}.action-info-list,.settings-feature-list{flex-direction:column;gap:10px;display:flex}.action-info-list>div,.settings-feature-list>div{border:1px solid var(--line);background:#f8fafc;border-radius:12px;grid-template-columns:42px 1fr;align-items:center;gap:12px;min-height:64px;padding:11px 13px;display:grid}.action-info-list>div>span,.settings-feature-list>div>span{background:var(--blue-soft);width:38px;height:38px;color:var(--blue);border-radius:11px;place-items:center;font-size:12px;font-weight:800;display:grid}.action-info-list p{flex-direction:column;gap:4px;margin:0;display:flex}.action-info-list strong,.settings-feature-list strong{color:#354157;font-size:14px}.action-info-list small{color:#7d899c;font-size:13px;line-height:1.4}.check-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.check-list label{border:1px solid var(--line);background:#f8fafc;border-radius:11px;flex-direction:row;align-items:center;min-height:50px;padding:10px 12px}.check-list input{flex:0 0 20px;width:20px;min-height:20px}.action-metric,.calculation-card,.detail-summary{background:#f5f8ff;border:1px solid #d9e4fc;border-radius:14px;padding:18px}.action-metric{flex-direction:column;gap:7px;display:flex}.action-metric>strong{color:#294f9f;font-size:30px}.action-metric>span{color:#7184aa;font-size:13px}.action-metric>i{background:#dfe7f7;border-radius:999px;height:9px;overflow:hidden}.action-metric>i>b{border-radius:inherit;background:var(--blue);height:100%;display:block}.calculation-card{flex-direction:column;gap:12px;display:flex}.calculation-card>span,.calculation-card>strong{color:#68758a;justify-content:space-between;gap:18px;font-size:14px;display:flex}.calculation-card>strong{color:#293a59;border-top:1px solid #d5e1fb;padding-top:13px;font-size:16px}.calculation-card b{color:#294f9f}.calculation-card small{color:#71809a;font-size:12px;line-height:1.45}.detail-summary{grid-template-columns:54px 1fr;align-items:center;gap:14px;display:grid}.detail-summary-icon{background:var(--blue);color:#fff;border-radius:15px;place-items:center;width:52px;height:52px;font-size:22px;font-weight:800;display:grid}.detail-summary p{flex-direction:column;gap:5px;margin:0;display:flex}.detail-summary strong{color:#2f3d56;font-size:16px}.detail-summary small{color:#72809a;font-size:13px;line-height:1.45}.portal-service-button{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border-bottom:0;border-left:0;border-right:0;padding:0}.portal-service-button:hover,.portal-list-row:hover{background:#f8faff}.portal-single-list{max-width:820px;margin:0 auto}.client-mobile-nav{display:none}.portal-list-row{border:0;border-top:1px solid var(--line);width:100%;min-height:68px;color:inherit;text-align:left;cursor:pointer;background:0 0;grid-template-columns:1fr auto auto;align-items:center;gap:16px;padding:10px 4px;display:grid}.portal-list-row>span{flex-direction:column;gap:4px;display:flex}.portal-list-row strong,.portal-list-row>b{font-size:14px}.portal-list-row small{color:#8691a4;font-size:12px}.employee-tab-view{min-height:520px}.employee-full-list{border:1px solid var(--line);background:#fff;border-radius:14px;padding:0 18px;overflow:hidden}.employee-hours-metrics{margin-top:18px}.requests-grid{max-width:760px;margin:24px auto 0}.settings-feature-list{margin-top:16px}.settings-feature-list>div{grid-template-columns:34px 1fr}.settings-feature-list>div>span{background:var(--mint-soft);width:32px;height:32px;color:var(--mint)}.drawer-tab-context{border:1px solid var(--line);background:#fff;border-radius:10px;align-items:center;gap:8px;margin-bottom:10px;padding:10px 12px;display:flex}.drawer-tab-context span{color:#8b96a8;font-size:12px}.drawer-tab-context strong{color:#43506a;font-size:13px}.extra-concept{background:#f7f9ff;border-color:#d9e4fc}@media (max-width:720px){.action-modal{width:min(100%,100vw - 20px);max-height:calc(100dvh - 20px)}.action-modal>header,.action-modal-body,.action-modal>footer{padding-left:16px;padding-right:16px}.check-list,.action-modal .form-split{grid-template-columns:1fr}.portal-list-row{grid-template-columns:1fr auto}.portal-list-row .status-pill{grid-column:1/-1;justify-self:start}.employee-tab-view{min-height:0;padding-bottom:76px}}@media (max-width:940px){.client-mobile-nav{background:#eef2f8;border-radius:13px;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:18px;padding:6px;display:grid}.client-mobile-nav button{color:#748096;background:0 0;border:0;border-radius:9px;min-height:44px;font-size:12px;font-weight:750}.client-mobile-nav button.active{color:var(--blue);background:#fff;box-shadow:0 3px 12px #1d2e4e14}}@media (max-width:520px){.client-mobile-nav{grid-template-columns:repeat(2,1fr)}}.client-detail-page,.hours-control{flex-direction:column;gap:16px;width:100%;min-width:0;display:flex}.client-detail-page *,.hours-control *,.service-editor-modal *{min-width:0}.client-detail-page button,.client-detail-page a,.hours-control button,.hours-control a,.service-editor-modal button{min-height:44px}.client-detail-page h1,.client-detail-page h2,.client-detail-page h3,.hours-control h1,.hours-control h2,.hours-control h3{overflow-wrap:anywhere}.client-back{width:fit-content;min-height:44px;color:var(--blue);cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:9px;margin:-6px 0 -2px -9px;padding:9px;font-size:13px;font-weight:750;text-decoration:none;display:inline-flex}.client-back:hover{background:var(--blue-soft);color:var(--blue-2)}.client-detail-hero{color:#fff;background:radial-gradient(circle at 88% 10%,#5b89ff47,#0000 31%),linear-gradient(135deg,#111b33,#182747 72%,#1d3158);border:1px solid #26395e;border-radius:19px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;min-height:176px;padding:28px 30px;display:grid;position:relative;overflow:hidden;box-shadow:0 18px 45px #101c3529}.client-detail-hero:after{content:"";pointer-events:none;border:1px solid #ffffff17;border-radius:50%;width:210px;height:210px;position:absolute;bottom:-142px;right:-82px;box-shadow:0 0 0 34px #ffffff06,0 0 0 70px #ffffff05}.client-identity{z-index:1;align-items:center;gap:18px;min-width:0;display:flex;position:relative}.client-identity>.avatar,.client-identity>span:first-child:not(.status-pill){color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1a;border:1px solid #ffffff2e;border-radius:18px;flex:none;place-items:center;width:64px;height:64px;font-size:17px;font-weight:800;display:grid}.client-hero-copy{flex-direction:column;gap:6px;min-width:0;display:flex}.client-hero-copy>span:first-child,.client-hero-copy>p:first-child{color:#9eb5e7;letter-spacing:.7px;text-transform:uppercase;margin:0;font-size:11px;font-weight:800}.client-hero-copy h1,.client-hero-copy h2{color:#fff;letter-spacing:-.8px;margin:0;font-size:clamp(26px,3vw,36px);line-height:1.08}.client-hero-copy p,.client-hero-copy small{color:#b4c1d9;margin:0;font-size:13px;line-height:1.5}.client-hero-copy .status-pill{color:#8ae4d8;background:#18a9992b;border-color:#6dddcb40;margin-top:4px}.client-hero-actions{z-index:1;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex;position:relative}.client-hero-actions>*{min-height:44px;padding-left:16px;padding-right:16px;font-size:13px}.client-hero-actions .secondary-button{color:#edf3ff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff14;border-color:#ffffff38}.client-hero-actions .secondary-button:hover{background:#ffffff24;border-color:#ffffff57}.client-detail-tabs{border:1px solid var(--line);background:#fff;border-radius:14px;grid-template-columns:repeat(auto-fit,minmax(125px,1fr));gap:6px;padding:6px;display:grid;box-shadow:0 5px 18px #1422400a}.client-detail-tabs button,.client-detail-tabs a{color:#748096;text-align:center;cursor:pointer;background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:9px 12px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.client-detail-tabs button:hover,.client-detail-tabs a:hover{color:#4a5871;background:#f5f7fb}.client-detail-tabs button.active,.client-detail-tabs button[aria-selected=true],.client-detail-tabs a.active,.client-detail-tabs a[aria-current=page]{background:var(--blue-soft);color:var(--blue-2);box-shadow:inset 0 0 0 1px #dbe5ff}.client-tab-panel{flex-direction:column;gap:16px;min-width:0;display:flex}.client-kpi-grid,.hours-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.client-kpi-grid>*{border:1px solid var(--line);background:#fff;border-radius:15px;flex-direction:column;justify-content:center;gap:7px;min-height:132px;padding:18px;display:flex;position:relative;overflow:hidden;box-shadow:0 5px 18px #1422400a}.client-kpi-grid>:before,.hours-kpi:before{content:"";background:var(--blue);border-radius:0 4px 4px 0;width:4px;position:absolute;inset:14px auto 14px 0}.client-kpi-grid>:nth-child(2):before,.hours-kpi:nth-child(2):before{background:var(--mint)}.client-kpi-grid>:nth-child(3):before,.hours-kpi:nth-child(3):before{background:var(--amber)}.client-kpi-grid>:nth-child(4):before,.hours-kpi:nth-child(4):before{background:var(--violet)}.client-kpi-grid>*>span:first-child,.client-kpi-grid>*>p:first-child,.hours-kpi>span:first-child,.hours-kpi>p:first-child{color:#778399;margin:0;font-size:12px;font-weight:700}.client-kpi-grid>*>strong,.hours-kpi>strong{color:var(--ink);letter-spacing:-.65px;font-size:clamp(23px,2.3vw,30px);line-height:1.08}.client-kpi-grid>*>small,.client-kpi-grid>*>p:last-child,.hours-kpi>small,.hours-kpi>p:last-child{color:#8d97a9;margin:0;font-size:11px;line-height:1.45}.client-overview-grid{grid-template-columns:minmax(0,1.55fr) minmax(270px,.75fr);align-items:start;gap:14px;min-width:0;display:grid}.client-content-card,.client-alert-card,.client-rate-card{border:1px solid var(--line);background:#fff;border-radius:15px;min-width:0;padding:20px;box-shadow:0 5px 18px #1422400a}.client-content-card>header,.client-content-card>div:first-child,.client-rate-card>header{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:16px;display:flex}.client-content-card h2,.client-content-card h3,.client-rate-card h2,.client-rate-card h3{color:#2d3a51;margin:0;font-size:17px;line-height:1.3}.client-content-card p,.client-content-card small,.client-rate-card p,.client-rate-card small{color:#8590a4;font-size:12px;line-height:1.5}.client-content-card button,.client-rate-card button{min-height:44px}.client-alert-card{background:linear-gradient(145deg,#fff9ef,#fff 78%);border-color:#f1d6ac;grid-template-columns:44px minmax(0,1fr);align-items:start;gap:13px;display:grid}.client-alert-card>span:first-child{background:var(--amber-soft);width:44px;height:44px;color:var(--amber);border-radius:13px;place-items:center;font-size:20px;font-weight:850;display:grid}.client-alert-card h2,.client-alert-card h3,.client-alert-card strong{color:#5b482b;margin:0;font-size:15px}.client-alert-card p,.client-alert-card small{color:#8b7452;margin:4px 0 0;font-size:12px;line-height:1.5}.client-alert-card>button,.client-alert-card>a{grid-column:2;width:fit-content}.client-centers-grid,.client-contact-grid,.client-document-grid,.hours-center-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;min-width:0;display:grid}.client-center-card{border:1px solid var(--line);min-height:144px;color:inherit;text-align:left;background:#fff;border-radius:15px;flex-direction:column;align-items:stretch;gap:9px;padding:18px;display:flex;position:relative;overflow:hidden;box-shadow:0 5px 18px #1422400a}button.client-center-card,a.client-center-card{cursor:pointer;text-decoration:none}.client-center-card:after{content:"";background:linear-gradient(90deg, var(--blue), #7095ff);opacity:.82;height:4px;position:absolute;inset:auto 0 0}.client-center-card:hover{border-color:#cbd7eb;transform:translateY(-2px);box-shadow:0 12px 28px #14224017}.client-center-card>header,.client-center-card>div:first-child{justify-content:space-between;align-items:center;gap:10px;display:flex}.client-center-card h3,.client-center-card strong{color:#2c3950;margin:0;font-size:15px;line-height:1.3}.client-center-card p,.client-center-card small,.client-center-card span:not(.status-pill){color:#8792a6;margin:0;font-size:12px;line-height:1.45}.client-contract-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;display:grid}.client-contract-grid>*{background:#fafbfc;border:1px solid #edf0f5;border-radius:11px;flex-direction:column;justify-content:center;gap:5px;min-height:76px;padding:13px 14px;display:flex}.client-contract-grid>*>span,.client-contract-grid>*>small{color:#8b96a8;font-size:11px}.client-contract-grid>*>strong{color:#3d4a61;font-size:13px;line-height:1.4}.client-rate-card{background:linear-gradient(145deg,#f4f7ff,#fff 72%);border-color:#d7e3ff;position:relative;overflow:hidden}.client-rate-card:after{content:"€";color:#316bff12;pointer-events:none;font-size:132px;font-weight:850;line-height:1;position:absolute;bottom:-38px;right:-8px}.client-rate-card>*{z-index:1;position:relative}.client-rate-card>strong{color:var(--blue-2);letter-spacing:-.7px;margin:7px 0;font-size:clamp(24px,2.5vw,32px);display:block}.client-record-list{border:1px solid var(--line);background:#fff;border-radius:15px;min-width:0;overflow:hidden;box-shadow:0 5px 18px #1422400a}.client-record-list>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;min-height:58px;padding:10px 16px;display:flex}.client-record-row{width:100%;min-height:76px;color:inherit;text-align:left;background:#fff;border:0;border-bottom:1px solid #edf0f5;grid-template-columns:minmax(180px,1.35fr) repeat(3,minmax(110px,.8fr)) auto;align-items:center;gap:12px;padding:11px 16px;display:grid}.client-record-row:last-child{border-bottom:0}button.client-record-row,a.client-record-row{cursor:pointer;text-decoration:none}.client-record-row:hover{background:#fafbfe}.client-record-row>*{min-width:0}.client-record-row strong{color:#354158;text-overflow:ellipsis;white-space:nowrap;font-size:13px;line-height:1.35;display:block;overflow:hidden}.client-record-row small,.client-record-row span:not(.status-pill){color:#8b95a7;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:11px;line-height:1.35;display:block;overflow:hidden}.client-contact-grid>*,.client-document-grid>*{border:1px solid var(--line);min-height:112px;color:inherit;text-align:left;background:#fff;border-radius:14px;flex-direction:column;justify-content:center;gap:6px;padding:16px;display:flex;box-shadow:0 4px 16px #14224009}.client-document-grid>button,.client-document-grid>a{cursor:pointer;text-decoration:none}.client-contact-grid strong,.client-document-grid strong{color:#344158;font-size:14px;line-height:1.35}.client-contact-grid span,.client-contact-grid small,.client-document-grid span,.client-document-grid small{color:#8994a7;overflow-wrap:anywhere;font-size:12px;line-height:1.45}.hours-filter-bar{border:1px solid var(--line);background:#fff;border-radius:15px;flex-wrap:wrap;align-items:flex-end;gap:10px;min-width:0;padding:12px;display:flex;box-shadow:0 5px 18px #1422400a}.hours-filter-bar>label,.hours-filter-bar>div:not(.segmented){color:#6d798f;flex-direction:column;flex:160px;gap:5px;min-width:145px;font-size:11px;font-weight:700;display:flex}.hours-filter-bar input,.hours-filter-bar select{border:1px solid var(--line-strong);color:#354158;background:#fff;border-radius:10px;width:100%;min-height:44px;padding:9px 11px;font-size:13px}.hours-filter-bar button{min-height:44px}.hours-filter-bar .segmented{border:1px solid var(--line);background:#f5f7fa;border-radius:11px;flex:0 auto;min-height:44px;padding:4px}.hours-filter-bar .segmented button{min-height:44px;padding:7px 12px;font-size:12px}.hours-kpi{border:1px solid var(--line);background:#fff;border-radius:15px;flex-direction:column;justify-content:center;gap:7px;min-height:136px;padding:18px 18px 18px 20px;display:flex;position:relative;overflow:hidden;box-shadow:0 5px 18px #1422400a}.hours-kpi:after{content:"";width:88px;height:88px;color:var(--blue);opacity:.055;background:currentColor;border-radius:50%;position:absolute;top:-42px;right:-32px}.hours-kpi:nth-child(2):after{color:var(--mint)}.hours-kpi:nth-child(3):after{color:var(--amber)}.hours-kpi:nth-child(4):after{color:var(--violet)}.hours-center-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.hours-center-card{border:1px solid var(--line);background:#fff;border-radius:15px;flex-direction:column;gap:10px;min-height:154px;padding:17px;display:flex;box-shadow:0 5px 18px #1422400a}.hours-center-card>header,.hours-center-card>div:first-child{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.hours-center-card h3,.hours-center-card strong{color:#303d54;margin:0;font-size:15px;line-height:1.35}.hours-center-card p,.hours-center-card small,.hours-center-card span:not(.status-pill){color:#8792a5;margin:0;font-size:11px;line-height:1.45}.hours-center-card>strong{color:var(--ink);letter-spacing:-.45px;margin-top:auto;font-size:22px}.hours-center-bar{background:#edf0f5;border-radius:999px;width:100%;height:11px;position:relative;overflow:hidden}.hours-center-bar>span,.hours-center-bar>i,.hours-center-bar>b{border-radius:inherit;background:linear-gradient(90deg, var(--blue), #6f94ff);max-width:100%;height:100%;display:block}.hours-center-card:nth-child(2n) .hours-center-bar>span,.hours-center-card:nth-child(2n) .hours-center-bar>i,.hours-center-card:nth-child(2n) .hours-center-bar>b{background:linear-gradient(90deg, var(--mint), #64d4c6)}.hours-table{border:1px solid var(--line);background:#fff;border-radius:15px;min-width:0;overflow:hidden;box-shadow:0 5px 18px #1422400a}.hours-table>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;min-height:60px;padding:10px 16px;display:flex}.hours-table .table-head,.hours-record-row{grid-template-columns:minmax(165px,1.15fr) minmax(175px,1.2fr) minmax(125px,.85fr) 88px 94px 122px 18px;align-items:center;gap:11px;display:grid}.hours-table .table-head{border-bottom:1px solid var(--line);color:#818ca0;background:#fafbfc;min-height:44px;padding:9px 15px;font-size:10px}.hours-record-row{width:100%;min-height:78px;color:inherit;text-align:left;background:#fff;border:0;border-bottom:1px solid #edf0f5;padding:11px 15px}.hours-record-row:last-child{border-bottom:0}button.hours-record-row,a.hours-record-row{cursor:pointer;text-decoration:none}.hours-record-row:hover{background:#fafbfe}.hours-record-row>*{min-width:0}.hours-record-row>span:not(.status-pill),.hours-record-row>div:not(.hours-mobile-meta){flex-direction:column;gap:4px;display:flex}.hours-record-row strong{color:#344158;text-overflow:ellipsis;white-space:nowrap;font-size:13px;line-height:1.35;overflow:hidden}.hours-record-row small,.hours-record-row em{color:#8b96a8;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-style:normal;line-height:1.35;overflow:hidden}.hours-mobile-meta{display:none}.service-editor-modal{z-index:1;width:min(780px,100vw - 32px);max-height:calc(100dvh - 32px);box-shadow:var(--shadow-lg);background:#fff;border:1px solid #ffffff59;border-radius:18px;flex-direction:column;animation:.18s ease-out modalIn;display:flex;position:relative;overflow:hidden}.service-editor-modal>header{border-bottom:1px solid var(--line);background:linear-gradient(#fff,#fbfcfe);justify-content:space-between;align-items:flex-start;gap:16px;min-height:82px;padding:20px 22px 17px;display:flex}.service-editor-modal>header h2{color:#28354c;letter-spacing:-.45px;margin:0;font-size:21px}.service-editor-modal>header p,.service-editor-modal>header small,.service-editor-modal>header span{color:#7f8a9e;margin:5px 0 0;font-size:12px;line-height:1.45;display:block}.service-editor-modal>header>button{color:#6f7b90;cursor:pointer;background:#f0f3f7;border:0;border-radius:11px;flex:none;place-items:center;width:44px;min-width:44px;height:44px;font-size:20px;display:grid}.service-editor-modal .modal-body,.service-editor-modal>.service-form-grid{padding:20px 22px;overflow-y:auto}.service-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;min-width:0;display:grid}.service-form-grid>label,.service-form-grid>fieldset{color:#657187;border:0;flex-direction:column;gap:6px;min-width:0;margin:0;padding:0;font-size:12px;font-weight:700;display:flex}.service-form-grid>fieldset,.service-form-grid>.resolved-banner{grid-column:1/-1}.service-form-grid label:has(textarea){grid-column:1/-1}.service-form-grid input,.service-form-grid select,.service-form-grid textarea{border:1px solid var(--line-strong);color:#334056;background:#fff;border-radius:10px;outline:0;width:100%;min-height:44px;padding:10px 11px;font-size:13px}.service-form-grid textarea{resize:vertical;min-height:92px}.service-form-grid input:hover,.service-form-grid select:hover,.service-form-grid textarea:hover{border-color:#bac7db}.service-form-grid input:focus,.service-form-grid select:focus,.service-form-grid textarea:focus{border-color:#8eabf7;box-shadow:0 0 0 3px #316bff1a}.service-editor-modal>footer{border-top:1px solid var(--line);background:#fff;justify-content:flex-end;align-items:center;gap:10px;min-height:70px;padding:13px 22px;display:flex}.service-editor-modal>footer>*{min-height:44px;font-size:13px}.resolved-banner{background:linear-gradient(90deg, var(--mint-soft), #fff 82%);color:#276e66;border:1px solid #bfe7df;border-radius:13px;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:72px;padding:12px 14px;display:grid}.resolved-banner>span:first-child{background:var(--mint);color:#fff;border-radius:12px;place-items:center;width:40px;height:40px;font-size:19px;font-weight:850;display:grid}.resolved-banner p{color:#56877f;margin:0;font-size:12px;line-height:1.45}.resolved-banner strong{color:#286f67;margin-bottom:2px;font-size:14px;display:block}.resolved-banner>button,.resolved-banner>a{align-self:center;min-height:44px}@media (max-width:940px){.client-detail-hero{grid-template-columns:1fr;gap:20px}.client-hero-actions{justify-content:flex-start}.client-kpi-grid,.hours-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.client-overview-grid{grid-template-columns:1fr}.client-record-row{grid-template-columns:minmax(170px,1.25fr) repeat(2,minmax(105px,.8fr)) auto}.client-record-row>:nth-child(4):not(:last-child){display:none}.hours-table .table-head,.hours-record-row{grid-template-columns:minmax(155px,1.15fr) minmax(155px,1.15fr) minmax(110px,.8fr) 84px 112px 18px}.hours-table .table-head>:nth-child(5),.hours-record-row>:nth-child(5):not(.hours-mobile-meta){display:none}}@media (max-width:720px){.client-detail-page,.hours-control{gap:13px}.client-detail-hero{border-radius:16px;gap:18px;min-height:0;padding:21px 18px}.client-identity{align-items:flex-start;gap:13px}.client-identity>.avatar,.client-identity>span:first-child:not(.status-pill){border-radius:15px;width:54px;height:54px;font-size:15px}.client-hero-copy h1,.client-hero-copy h2{font-size:27px}.client-hero-copy p,.client-hero-copy small{font-size:12px}.client-hero-actions{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.client-hero-actions>*{width:100%}.client-detail-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.client-kpi-grid>*,.hours-kpi{min-height:118px}.client-content-card,.client-alert-card,.client-rate-card{padding:16px}.client-content-card>header,.client-content-card>div:first-child,.client-rate-card>header{flex-wrap:wrap}.client-alert-card{grid-template-columns:40px minmax(0,1fr)}.client-alert-card>span:first-child{width:40px;height:40px}.client-alert-card>button,.client-alert-card>a{grid-column:1/-1;width:100%}.client-centers-grid,.client-contact-grid,.client-document-grid,.hours-center-grid,.client-contract-grid{grid-template-columns:1fr}.client-record-list,.hours-table{box-shadow:none;background:0 0;border:0;overflow:visible}.client-record-list>header,.hours-table>header{border:1px solid var(--line);background:#fff;border-radius:13px;min-height:0;margin-bottom:9px;padding:11px 13px}.client-record-row{border:1px solid var(--line);border-radius:13px;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;min-height:108px;margin-bottom:9px;padding:13px;position:relative;box-shadow:0 4px 15px #14224009}.client-record-row>:first-child,.client-record-row>:nth-child(2),.client-record-row>:nth-child(3){grid-column:1}.client-record-row>:nth-child(4):not(:last-child){grid-column:1;display:block}.client-record-row>:last-child{grid-area:1/2;align-self:start}.client-record-row strong,.client-record-row small,.client-record-row span:not(.status-pill){text-overflow:clip;white-space:normal;overflow:visible}.hours-filter-bar{align-items:stretch;padding:11px}.hours-filter-bar>label,.hours-filter-bar>div:not(.segmented){flex-basis:calc(50% - 5px)}.hours-filter-bar .segmented{grid-template-columns:repeat(auto-fit,minmax(72px,1fr));width:100%;display:grid}.hours-table .table-head{display:none}.hours-record-row{border:1px solid var(--line);border-radius:13px;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;min-height:108px;margin-bottom:9px;padding:13px;position:relative;box-shadow:0 4px 15px #14224009}.hours-record-row>:first-child,.hours-record-row>:nth-child(2){grid-column:1}.hours-record-row>:nth-child(n+3):not(.hours-mobile-meta):not(:last-child){display:none}.hours-record-row>:last-child:not(.hours-mobile-meta){grid-area:1/2;align-self:start}.hours-mobile-meta{color:#758196;border-top:1px solid #edf0f5;flex-wrap:wrap;grid-column:1/-1;gap:7px 12px;padding-top:10px;font-size:11px;line-height:1.4;display:flex}.hours-mobile-meta>*{align-items:center;gap:5px;display:inline-flex}.service-editor-modal{border-radius:16px;width:min(100%,100vw - 20px);max-height:calc(100dvh - 20px)}.service-editor-modal>header,.service-editor-modal .modal-body,.service-editor-modal>.service-form-grid,.service-editor-modal>footer{padding-left:16px;padding-right:16px}.service-form-grid{grid-template-columns:1fr}.service-form-grid>*,.service-form-grid>fieldset,.service-form-grid>.resolved-banner{grid-column:1}.service-form-grid label:has(textarea){grid-column:1}.service-form-grid input,.service-form-grid select,.service-form-grid textarea{font-size:16px}.service-editor-modal>footer>*{flex:1}.resolved-banner{grid-template-columns:40px minmax(0,1fr)}.resolved-banner>button,.resolved-banner>a{grid-column:1/-1;width:100%}}@media (max-width:420px){.client-kpi-grid,.hours-kpi-grid{grid-template-columns:1fr}.client-kpi-grid>*,.hours-kpi{min-height:108px;padding-top:15px;padding-bottom:15px}.client-hero-actions{grid-template-columns:1fr}.client-detail-tabs button,.client-detail-tabs a{padding-left:8px;padding-right:8px;font-size:12px}.client-center-card,.hours-center-card{min-height:132px;padding:15px}.client-content-card,.client-alert-card,.client-rate-card{padding:14px}.hours-filter-bar>label,.hours-filter-bar>div:not(.segmented){flex-basis:100%}.hours-record-row>:nth-child(2){grid-column:1/-1}.service-editor-modal>header{min-height:74px}.service-editor-modal>header h2{font-size:19px}.service-editor-modal>footer{flex-direction:column-reverse}.service-editor-modal>footer>*{width:100%}}.client-tab-panel{flex-direction:column;gap:16px;display:flex}.client-panel-heading{justify-content:space-between;align-items:center;gap:18px;min-height:72px;display:flex}.client-panel-heading h2,.client-panel-heading p,.client-panel-heading span{margin:0}.client-panel-heading h2{color:var(--ink);margin:3px 0 5px;font-size:22px}.client-panel-heading>div>span{color:var(--muted);font-size:13px}.client-center-card>header{grid-template-columns:42px minmax(0,1fr) auto;align-items:start;display:grid}.client-center-card>header>span:first-child{background:var(--blue-soft);width:42px;height:42px;color:var(--blue);border-radius:12px;place-items:center;font-size:20px;display:grid}.client-center-card>header h3{margin:2px 0 4px}.client-center-card dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:6px 0;display:grid}.client-center-card dl>div{background:#f7f9fc;border-radius:10px;padding:10px}.client-center-card dt{color:var(--muted);font-size:11px}.client-center-card dd{color:var(--ink);margin:4px 0 0;font-size:12px;font-weight:700;line-height:1.4}.client-center-card footer{flex-wrap:wrap;gap:8px;margin-top:auto;display:flex}.client-center-card footer button{border:1px solid var(--line);min-height:44px;color:var(--blue);background:#fff;border-radius:10px;flex:130px;font-size:12px;font-weight:750}.client-rate-card>div{flex-direction:column;gap:0;margin:12px 0;display:flex}.client-rate-card>div>span{border-bottom:1px solid var(--line);min-height:48px;color:var(--muted);justify-content:space-between;align-items:center;gap:14px;font-size:12px;display:flex}.client-rate-card>div>span b{color:var(--ink);font-size:13px}.client-rate-card>button{width:100%;color:var(--blue);background:#fff;border:1px solid #cbd9fb;border-radius:10px;font-weight:750}.client-record-row>time{color:#6f7d94;font-size:12px;font-weight:750;line-height:1.45}.client-record-row>b:last-child{color:var(--blue);white-space:nowrap;font-size:12px}.client-services-list .client-record-row,.client-hours-list .client-record-row{grid-template-columns:105px minmax(220px,1.3fr) minmax(120px,.7fr) minmax(110px,auto) 72px}.client-invoices-list .client-record-row{grid-template-columns:minmax(130px,.7fr) minmax(200px,1fr) minmax(110px,auto) 100px}.client-contact-grid>article{grid-template-columns:50px minmax(0,1fr) auto;justify-content:stretch;align-items:start;display:grid}.client-contact-grid>article>.avatar,.portal-access-icon{background:var(--blue-soft);width:50px;height:50px;color:var(--blue);border-radius:14px;place-items:center;font-size:21px;display:grid}.client-contact-grid article h3{color:var(--ink);margin:3px 0;font-size:16px}.client-contact-grid article p{margin:0}.client-contact-grid article footer{grid-column:1/-1;gap:8px;margin-top:14px;display:flex}.client-contact-grid article footer button{border:1px solid var(--line);min-height:44px;color:var(--blue);background:#fff;border-radius:10px;flex:1;font-weight:750}.client-document-grid>button{grid-template-columns:48px minmax(0,1fr);justify-content:stretch;align-items:center;display:grid}.client-document-grid>button>b{color:var(--blue);grid-column:1/-1;font-size:12px}.client-document-grid h3,.client-document-grid p{margin:0}.file-badge{background:#fff0f0;border-radius:11px;place-items:center;width:44px;height:44px;font-weight:850;color:var(--danger)!important;font-size:10px!important;display:grid!important}.hours-kpi{border:1px solid var(--line);color:inherit;text-align:left;cursor:default;flex-direction:row;justify-content:flex-start;align-items:center;gap:14px}button.hours-kpi{cursor:pointer;width:100%}.hours-kpi>span:first-child{background:var(--blue-soft);width:48px;height:48px;color:var(--blue);border-radius:14px;flex:none;place-items:center;font-size:22px;display:grid}.hours-kpi.mint>span:first-child{background:var(--mint-soft);color:var(--mint)}.hours-kpi.amber>span:first-child{background:var(--amber-soft);color:var(--amber)}.hours-kpi.violet>span:first-child{background:var(--violet-soft);color:var(--violet)}.hours-kpi p{flex-direction:column;gap:4px;margin:0;display:flex}.hours-kpi p small{color:var(--muted);font-size:12px}.hours-kpi p strong{color:var(--ink);font-size:clamp(24px,2.4vw,31px);line-height:1}.hours-kpi p b{color:#7e899c;font-size:11px;font-weight:650}.hours-center-list{flex-direction:column;display:flex}.hours-center-list>button{border:0;border-bottom:1px solid var(--line);min-height:66px;color:inherit;text-align:left;background:0 0;grid-template-columns:minmax(170px,1fr) minmax(110px,.8fr) 78px;align-items:center;gap:12px;padding:8px 0;display:grid}.hours-center-list>button:last-child{border-bottom:0}.hours-center-list>button>span{flex-direction:column;display:flex}.hours-center-list>button>em{color:var(--ink);text-align:right;font-size:12px;font-style:normal;font-weight:800}.employee-totals>button{border:0;border-bottom:1px solid var(--line);min-height:64px;color:inherit;text-align:left;background:0 0;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 0;display:grid}.employee-totals>button:last-child{border-bottom:0}.employee-totals>button>span{flex-direction:column;display:flex}.employee-totals>button>b{color:var(--ink);font-size:13px}.hours-table .table-head,.hours-table .hours-record-row{grid-template-columns:minmax(150px,1.05fr) minmax(180px,1.2fr) minmax(135px,.85fr) 110px 90px minmax(130px,.85fr) 100px 18px}.hours-record-row>span{overflow:hidden}.hours-record-row .status-pill{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.client-alert-card.finance{background:linear-gradient(145deg,#f3f7ff,#fff 78%);border-color:#cbd9fb}.client-alert-card.finance>span:first-child{background:var(--blue-soft);color:var(--blue)}@media (max-width:940px){.client-panel-heading{align-items:flex-start}.client-services-list .client-record-row,.client-hours-list .client-record-row,.client-invoices-list .client-record-row{grid-template-columns:minmax(105px,.6fr) minmax(180px,1.4fr) minmax(100px,.7fr) auto}.client-record-row>b:last-child{display:none}}@media (max-width:720px){.client-panel-heading{flex-direction:column}.client-panel-heading>button{width:100%}.client-center-card dl{grid-template-columns:1fr}.client-contact-grid>article{grid-template-columns:50px minmax(0,1fr)}.client-contact-grid>article>.status-pill{grid-column:2;width:fit-content}.hours-center-list>button{grid-template-columns:minmax(0,1fr) 70px}.hours-center-list .hours-center-bar{grid-area:2/1/auto/-1}.client-services-list .client-record-row,.client-hours-list .client-record-row,.client-invoices-list .client-record-row{grid-template-columns:minmax(0,1fr) auto}}@media (max-width:420px){.client-center-card footer{flex-direction:column}.client-center-card footer button{flex-basis:auto;width:100%}.client-contact-grid article footer{flex-direction:column}.hours-kpi{min-height:112px}}.inline-filters{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.inline-filters label{min-width:150px;color:var(--muted);flex-direction:column;gap:5px;font-size:12px;font-weight:700;display:flex}.inline-filters select{border:1px solid var(--line-strong);min-height:44px;color:var(--ink);background:#fff;border-radius:10px;padding:0 34px 0 11px;font-size:13px}.record-action-panel{z-index:5;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff7;border:1px solid #cbd8fb;border-radius:15px;justify-content:space-between;align-items:center;gap:18px;min-height:88px;margin:14px 0;padding:15px 18px;display:flex;position:sticky;bottom:14px;box-shadow:0 18px 50px #1c2d5329}.record-action-panel h3,.record-action-panel p,.record-action-panel span{margin:0}.record-action-panel h3{margin:3px 0;font-size:17px}.record-action-panel>div:last-child{align-items:center;gap:9px;display:flex}.table-row.selected{box-shadow:inset 3px 0 var(--blue);background:#f2f6ff}.filter-button.active{background:var(--blue-soft);color:var(--blue);border-color:#9eb7f5}.client-table.compact .table-row small{display:none}.folder-card.selected{background:#f4f7ff;border-color:#8dacf6;box-shadow:0 10px 28px #316bff1f}.folder-card.selected>b{color:var(--blue);font-size:15px;font-weight:850}.clock-card.finished{background:radial-gradient(circle,#18a99947,#0000 48%),#102c35}.employee-hours-list{border:1px solid var(--line);background:#fff;border-radius:14px;margin-top:14px;overflow:hidden}.request-history{margin-top:16px}.employee-drawer{width:min(980px,100vw - 30px)}.detail-drawer>nav,.drawer-tab-nav{border-bottom:1px solid var(--line);background:#fff;flex:none;gap:18px;min-height:56px;padding:0 23px;display:flex;overflow-x:auto}.detail-drawer>nav button,.drawer-tab-nav button{color:#758198;cursor:pointer;white-space:nowrap;background:0 0;border:0;min-height:52px;font-size:12px;font-weight:750;position:relative}.detail-drawer>nav button.active,.drawer-tab-nav button.active{color:#2f3d56}.detail-drawer>nav button.active:after,.drawer-tab-nav button.active:after{content:"";background:var(--blue);border-radius:3px 3px 0 0;height:3px;position:absolute;bottom:0;left:0;right:0}.mini-agenda>button{width:100%;min-height:64px;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-top:1px solid #edf0f5;grid-template-columns:52px 10px minmax(0,1fr);align-items:center;gap:10px;padding:7px 3px;display:grid}.mini-agenda>button time{font-size:13px;font-weight:800}.mini-agenda>button p strong{font-size:13px}.mini-agenda>button p small{font-size:11px}.employee-drawer .drawer-content{padding:18px}.employee-drawer .drawer-highlight span,.employee-drawer .drawer-kpis span,.employee-drawer .drawer-kpis small,.employee-drawer .drawer-section small{font-size:12px}.employee-drawer .drawer-highlight strong,.employee-drawer .drawer-kpis strong{font-size:17px}.employee-drawer .drawer-highlight button,.employee-drawer .drawer-title button{min-height:44px;font-size:12px}.employee-drawer .drawer-title h3{font-size:15px}.employee-drawer .request-row{min-height:64px}.employee-drawer .request-row strong{font-size:13px}.demo-modal>header h2{font-size:22px}.demo-modal>header span{font-size:13px;line-height:1.5}.demo-modal>header>button{width:44px;height:44px;font-size:22px}.modal-body label{gap:7px;font-size:13px}.modal-body input,.modal-body select,.modal-body textarea{border-radius:10px;min-height:48px;padding:10px 12px;font-size:14px}.modal-body textarea{min-height:100px}.demo-modal>footer button{min-height:48px;font-size:14px}.folder-card>strong{font-size:14px}.folder-card small{font-size:12px}.folder-card em{font-size:11px}@media (max-width:720px){.record-action-panel{flex-direction:column;align-items:stretch;bottom:78px}.record-action-panel>div:last-child{flex-wrap:wrap}.record-action-panel>div:last-child>button:not(.icon-button){flex:150px}.inline-filters{width:100%}.inline-filters label{flex:140px}.employee-drawer{width:100%}.employee-drawer .drawer-kpis{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}
