@import"https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap";@layer components;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-ease: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;--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.\!visible{visibility:visible!important}.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.mt-5{margin-top:calc(var(--spacing) * 5)}.mb-0{margin-bottom:calc(var(--spacing) * 0)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.table{display:table}.h-5{height:calc(var(--spacing) * 5)}.w-5{width:calc(var(--spacing) * 5)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.gap-10{gap:calc(var(--spacing) * 10)}.border{border-style:var(--tw-border-style);border-width:1px}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.italic{font-style:italic}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}}:root{--bg:#f4f7f6;--panel:#fff;--panel-soft:#f8faf9;--text:#17211f;--muted:#6b7b77;--border:#e2e9e7;--primary:#0f766e;--primary-dark:#0b5f59;--primary-soft:#e5f5f2;--orange:red;--green:#0f9f75;--red:#e05252;--sidebar-bg:#102b28;--sidebar-text:#dce9e6;--sidebar-muted:#8fb0aa;--shadow:0 10px 32px #2037320f}.approval-modal{width:min(760px,100vw - 32px)}.approval-user-list{max-height:340px;margin-bottom:18px;overflow:auto}.approval-user-list input[type=checkbox]{width:18px;height:18px}.approval-flow{gap:14px;display:grid}.approval-flow-summary{flex-wrap:wrap;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px;display:grid}.approval-flow-summary>div{border:1px solid var(--border);background:var(--panel-soft);border-radius:9px;min-width:150px;padding:8px 10px}.approval-flow-summary span,.approval-flow-summary strong{display:block}.approval-flow-summary span{color:var(--muted);text-transform:uppercase;margin-bottom:4px;font-size:9px;font-weight:800}.approval-state{color:#475569;text-transform:capitalize;background:#e2e8f0;border-radius:999px;width:fit-content;padding:3px 7px;font-size:10px}.approval-state.pending_approval,.approval-state.pending{color:#92400e;background:#fef3c7}.approval-state.approved{color:#166534;background:#dcfce7}.approval-state.rejected{color:#991b1b;background:#fee2e2}.approval-state.converted{color:#1e40af;background:#dbeafe}.approval-flow-line{scrollbar-width:thin;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));align-items:flex-start;gap:22px;padding:4px 4px 12px;display:grid;position:relative;overflow-x:auto}.approval-flow-event{flex:0 0 190px;justify-items:center;gap:7px;display:grid;position:relative}.approval-flow-event:not(:last-child):before{content:"";z-index:0;background:var(--border);width:calc(100% + 22px);height:2px;position:absolute;top:15px;left:calc(50% + 16px)}.approval-flow-marker{z-index:1;border:1px solid var(--border);width:30px;height:30px;color:var(--primary);background:var(--panel);box-shadow:0 0 0 4px var(--panel);border-radius:50%;place-items:center;display:grid}.approval-flow-marker svg{width:14px;height:14px}.approval-flow-event.approved .approval-flow-marker{color:#15803d;background:#f0fdf4;border-color:#bbf7d0}.approval-flow-event.rejected .approval-flow-marker{color:#dc2626;background:#fef2f2;border-color:#fecaca}.approval-flow-event.converted .approval-flow-marker{color:#2563eb;background:#eff6ff;border-color:#bfdbfe}.approval-flow-content{border:1px solid var(--border);background:var(--panel-soft);border-radius:9px;width:100%;min-width:0;padding:9px 10px}.approval-flow-event-head{text-align:center;gap:4px;display:grid}.approval-flow-event-head strong,.approval-flow-event-head span{display:block}.approval-flow-event-head span,.approval-flow-event-head time,.approval-assignee small,.approval-assignee time{color:var(--muted);margin-top:2px;font-size:10px}.approval-flow-content>p,.approval-assignee p{color:var(--muted);margin:6px 0 0;font-size:10px}.approval-assignees{border-top:1px solid var(--border);gap:6px;margin-top:8px;padding-top:8px;display:grid}.approval-assignee{border:1px solid var(--border);background:var(--panel);border-radius:8px;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:7px;padding:7px;display:grid}.approval-assignee-icon{color:#92400e;background:#fef3c7;border-radius:50%;place-items:center;width:24px;height:24px;display:grid}.approval-assignee-icon svg{width:12px;height:12px}.approval-assignee.approved .approval-assignee-icon{color:#15803d;background:#dcfce7}.approval-assignee.rejected .approval-assignee-icon{color:#dc2626;background:#fee2e2}.approval-assignee strong,.approval-assignee small,.approval-assignee .approval-role,.approval-assignee-state span,.approval-assignee-state time{display:block}.approval-role{width:fit-content;color:var(--primary);background:var(--primary);border-radius:999px;margin-top:3px;padding:2px 6px}@supports (color:color-mix(in lab,red,red)){.approval-role{background:color-mix(in srgb,var(--primary) 12%,transparent)}}.approval-role{text-transform:capitalize;font-size:9px;font-weight:800}.approval-assignee-state{text-align:left;grid-column:2}.approval-assignee-state span{text-transform:capitalize;font-size:12px;font-weight:800}.no-border{box-shadow:none!important}.searchable-select{width:100%;position:relative}.searchable-select-trigger{background:var(--surface,#fff);border:1px solid var(--border,#d7dde5);color:inherit;cursor:pointer;text-align:left;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;width:100%;min-height:42px;padding:9px 12px;display:flex}.searchable-select-trigger:focus{border-color:var(--primary,#2563eb);outline:none;box-shadow:0 0 0 3px #2563eb1f}.searchable-select-trigger:disabled{cursor:not-allowed;opacity:.6}.searchable-select-trigger .placeholder,.searchable-select-menu label svg,.searchable-select-empty{color:var(--muted,#64748b)}.searchable-select-trigger svg,.searchable-select-menu label svg,.searchable-select-options button svg{flex:none;width:16px;height:16px}.searchable-select-trigger .clear-select{border-radius:50%;padding:1px}.searchable-select-menu{background:var(--surface,#fff);border:1px solid var(--border,#d7dde5);z-index:80;border-radius:10px;min-width:100%;margin-top:6px;position:absolute;top:100%;left:0;overflow:hidden;box-shadow:0 14px 35px #0f172a29}.searchable-select-menu label{border-bottom:1px solid var(--border,#d7dde5);align-items:center;gap:8px;padding:8px 10px;display:flex}.searchable-select-menu input{box-shadow:none;border:0;outline:none;width:100%;min-height:32px;padding:0}.searchable-select-options{max-height:260px;padding:5px;overflow-y:auto}.searchable-select-options button{color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:7px;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:9px 10px;display:flex}.searchable-select-options button:hover,.searchable-select-options button.selected{background:var(--surface-soft,#f1f5f9)}.searchable-select-empty{text-align:center;padding:14px 10px}.card:has(.searchable-select.open),.modal:has(.searchable-select.open){overflow:visible}.dark{--bg:#101817;--panel:#172220;--panel-soft:#1c2927;--text:#ecf5f3;--muted:#91a7a2;--border:#2a3a37;--primary:#2dd4bf;--primary-dark:#5eead4;--primary-soft:#173b37;--shadow:0 14px 36px #0003}*{box-sizing:border-box}html{background:var(--bg)}body{color:var(--text);background:var(--bg);font-optical-sizing:auto;margin:0;font-size:14px;font-family:Nunito,sans-serif!important}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}svg{flex:none}.mb-0{margin-bottom:0!important}.permission-grid{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.app-shell{min-height:100vh;display:flex}.sidebar{z-index:30;width:252px;color:var(--sidebar-text);background:var(--sidebar-bg);scrollbar-width:none;flex-direction:column;padding:22px 16px 16px;display:flex;position:fixed;inset:0 auto 0 0;overflow-y:auto}.brand{height:44px;color:var(--sidebar-text);justify-content:space-between;align-items:center;gap:11px;margin-bottom:22px;padding:0 8px;font-size:19px;display:flex}.brand-logo{object-fit:contain;object-position:left center;width:180px;height:31px}.business-switcher{border:1px solid var(--sidebar-text);align-items:center;gap:10px;padding:11px;display:flex}@supports (color:color-mix(in lab,red,red)){.business-switcher{border:1px solid color-mix(in srgb,var(--sidebar-text) 14%,transparent)}}.business-switcher{background:var(--sidebar-text);border-radius:12px}@supports (color:color-mix(in lab,red,red)){.business-switcher{background:color-mix(in srgb,var(--sidebar-text) 7%,transparent)}}.business-switcher>div:nth-child(2){flex:1;min-width:0}.business-switcher strong,.business-switcher small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.business-switcher strong{color:var(--sidebar-text);font-size:13px}.business-switcher small{color:var(--sidebar-muted);text-transform:capitalize;margin-top:2px;font-size:11px}.business-avatar{width:34px;height:34px;color:var(--primary);background:var(--primary-soft);border-radius:9px;place-items:center;font-weight:800;display:grid}.business-avatar.big{border-radius:14px;width:52px;height:52px;font-size:20px}.business-select{width:100%;margin-top:8px}.business-select .searchable-select-trigger{color:var(--sidebar-text);background:var(--sidebar-bg)}@supports (color:color-mix(in lab,red,red)){.business-select .searchable-select-trigger{background:color-mix(in srgb,var(--sidebar-bg) 82%,white)}}.business-select .searchable-select-trigger{border-color:var(--sidebar-text)}@supports (color:color-mix(in lab,red,red)){.business-select .searchable-select-trigger{border-color:color-mix(in srgb,var(--sidebar-text) 14%,transparent)}}.business-select .searchable-select-menu{color:var(--text)}.nav-group{margin-top:22px}.nav-group>span{color:var(--sidebar-muted);letter-spacing:1.4px;text-transform:uppercase;padding:0 11px 8px;font-size:10px;font-weight:800;display:block}.nav-group a{min-height:42px;color:var(--sidebar-text);border-radius:9px;align-items:center;gap:11px;margin:2px 0;padding:0 11px;display:flex}@supports (color:color-mix(in lab,red,red)){.nav-group a{color:color-mix(in srgb,var(--sidebar-text) 78%,transparent)}}.nav-group a{font-weight:550;transition:all .18s}.nav-group a:hover{color:var(--sidebar-text);background:var(--sidebar-text)}@supports (color:color-mix(in lab,red,red)){.nav-group a:hover{background:color-mix(in srgb,var(--sidebar-text) 7%,transparent)}}.nav-group a.active{color:var(--sidebar-text);background:var(--primary)}@supports (color:color-mix(in lab,red,red)){.nav-group a.active{background:color-mix(in srgb,var(--primary) 45%,var(--sidebar-bg))}}.nav-group a.active{box-shadow:inset 3px 0 var(--primary-soft)}.sidebar-footer{border-top:1px solid var(--sidebar-text);margin-top:auto;padding-top:18px}@supports (color:color-mix(in lab,red,red)){.sidebar-footer{border-top:1px solid color-mix(in srgb,var(--sidebar-text) 12%,transparent)}}.sidebar-footer button{width:100%;color:var(--sidebar-text);border:0;border-radius:9px;align-items:center;gap:11px;padding:10px 11px;display:flex}@supports (color:color-mix(in lab,red,red)){.sidebar-footer button{color:color-mix(in srgb,var(--sidebar-text) 78%,transparent)}}.sidebar-footer button{text-align:left;background:0 0}.sidebar-footer button:hover{color:var(--sidebar-text);background:var(--sidebar-text)}@supports (color:color-mix(in lab,red,red)){.sidebar-footer button:hover{background:color-mix(in srgb,var(--sidebar-text) 7%,transparent)}}.main{width:calc(100% - 252px);min-width:0;margin-left:252px}.topbar{z-index:20;border-bottom:1px solid var(--border);background:var(--panel);justify-content:space-between;align-items:center;height:68px;padding:0 34px;display:flex;position:sticky;top:0}@supports (color:color-mix(in lab,red,red)){.topbar{background:color-mix(in srgb,var(--panel) 92%,transparent)}}.topbar{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.top-search{border:1px solid var(--border);width:min(440px,45vw);color:var(--muted);background:var(--panel-soft);border-radius:9px;align-items:center;gap:10px;padding:9px 12px;display:flex}.top-search span{flex:1}kbd{border:1px solid var(--border);color:var(--muted);background:var(--panel);border-radius:5px;padding:2px 6px;font-size:11px}.profile{align-items:center;gap:10px;margin-left:auto;display:flex}.profile strong,.profile small{display:block}.profile strong{font-size:13px}.profile small{color:var(--muted);margin-top:2px;font-size:11px}.avatar{color:#fff;background:linear-gradient(145deg,#0f766e,#20a898);border-radius:50%;place-items:center;width:36px;height:36px;font-weight:800;display:grid}.avatar.large{width:46px;height:46px}.media-avatar{object-fit:cover;display:block}.profile{border-radius:10px;transition:background-color .2s}.profile:hover{background:var(--panel-soft)}.profile-photo-editor,.company-logo-editor{border:1px solid var(--border);background:var(--panel-soft);border-radius:16px;align-items:center;gap:20px;margin-bottom:22px;padding:18px;display:flex}.profile-photo-preview{color:#fff;background:var(--primary);border-radius:50%;flex:none;place-items:center;width:92px;height:92px;font-size:30px;font-weight:900;display:grid}.company-logo-preview{color:#fff;border:1px solid var(--border);object-fit:contain;background:#adadad;border-radius:18px;flex:none;place-items:center;width:110px;height:110px;padding:8px;font-size:32px;font-weight:900;display:grid}.platform-logo-preview{border-radius:12px;width:180px;height:72px;padding:12px}.profile-photo-editor>div,.company-logo-editor>div{min-width:0}.company-logo-editor strong,.company-logo-editor p,.profile-photo-editor small,.company-logo-editor small{display:block}.company-logo-editor p{color:var(--muted);margin:5px 0 14px}.profile-photo-editor small,.company-logo-editor small{color:var(--muted);margin-top:9px;font-size:10px}.upload-button{cursor:pointer;justify-content:center;align-items:center;gap:7px;min-height:38px;padding:0 13px;display:inline-flex}.upload-button input{display:none}.profile-photo-editor .icon,.company-logo-editor .icon{vertical-align:middle;margin-left:7px}.profile-settings-grid .card{align-self:start}.profile-form{grid-template-columns:1fr}.pagination{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;margin-top:18px;padding-top:18px;display:flex}.pagination-summary{color:var(--muted);font-size:11px}.pagination>div{align-items:center;gap:5px;display:flex}.pagination button{min-width:34px;height:34px;color:var(--muted);border:1px solid var(--border);background:var(--panel);border-radius:9px;place-items:center;padding:0 9px;font-size:12px;font-weight:800;display:grid}.pagination button.active{color:#fff;border-color:var(--primary);background:var(--primary)}.pagination button:disabled{cursor:not-allowed;opacity:.4}.pagination button svg{width:16px}.page{width:100%;max-width:1500px;margin:0 auto;padding:34px}.page-header{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:26px;display:flex}.eyebrow{color:var(--primary);letter-spacing:1.7px;margin-bottom:8px;font-size:10px;font-weight:850;display:block}.page-header h1{letter-spacing:-1.2px;margin:0;font-size:clamp(25px,3vw,34px);line-height:1.08}.page-header p{color:var(--muted);margin:8px 0 0}.page-actions{gap:9px;display:flex}.primary,.secondary{border-radius:9px;justify-content:center;align-items:center;gap:8px;min-height:39px;padding:0 15px;font-weight:700;transition:all .18s;display:inline-flex}.primary{border:1px solid var(--primary);color:#fff;background:var(--primary);box-shadow:0 5px 12px var(--primary)}@supports (color:color-mix(in lab,red,red)){.primary{box-shadow:0 5px 12px color-mix(in srgb,var(--primary) 22%,transparent)}}.primary:hover{background:var(--primary-dark);transform:translateY(-1px)}.primary:disabled{opacity:.6;transform:none}.secondary{border:1px solid var(--border);color:var(--text);background:var(--panel)}.secondary:hover{border-color:var(--primary);color:var(--primary)}.wide{width:100%}.icon{width:38px;height:38px;color:var(--muted);background:0 0;border:0;border-radius:9px;place-items:center;padding:0;display:inline-grid}.icon svg{width:18px;height:18px}.icon:hover{color:var(--text);background:var(--panel-soft)}.icon.danger:hover{color:var(--red);background:#fff1f1}.text-link,.link-button{color:var(--primary);background:0 0;border:0;font-weight:700}.stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:18px;display:grid}.stat-card{border:1px solid var(--border);background:var(--panel);min-height:136px;box-shadow:var(--shadow);border-radius:14px;gap:14px;padding:20px;display:flex}.stat-icon{border-radius:12px;place-items:center;width:42px;height:42px;display:grid}.stat-icon svg{width:20px}.stat-icon.positive{color:#07805e;background:#e5f7f0}.stat-icon.negative{color:red;background:#ffe4e4}.stat-icon.neutral{color:#4f46e5;background:#eeedff}.stat-icon.primary-1,.stat-icon.secondary-1{color:#07805e;background:#e5f7f0}.stat-icon.warning-1{color:#f7b500;background:#f8f2e1}.stat-icon.danger-1{color:red;background:#ffe4e4}.stat-icon.info-1{color:#4f46e5;background:#eeedff}.stat-card>div:last-child{min-width:0}.stat-card span,.stat-card small{color:var(--muted);display:block}.stat-card strong{letter-spacing:-.8px;margin:7px 0;font-size:clamp(20px,2vw,27px);display:block}.stat-card small{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.dashboard-grid{grid-template-columns:minmax(0,1.65fr) minmax(300px,.75fr);gap:18px;margin-bottom:18px;display:grid}.two-col,.two-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.one-grid{grid-template-columns:repeat(1,minmax(0,1fr));gap:18px;display:grid}.align-items-end{align-items:flex-end}.mt-5{margin-top:15px}.invoice-details-columns{grid-template-columns:minmax(0,1.65fr) minmax(320px,.75fr);align-items:start;gap:18px;display:grid}.invoice-details-main,.invoice-details-sidebar{min-width:0}.invoice-details-sidebar .invoice-payment-card{margin:0}.card{border:1px solid var(--border);background:var(--panel);box-shadow:var(--shadow);border-radius:14px;margin-bottom:18px;overflow:hidden}.card-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:18px;min-height:76px;padding:17px 20px;display:flex}.card-head h3{margin:0;font-size:16px}.card-head p{color:var(--muted);margin:4px 0 0;font-size:12px}.card-body{padding:20px}.card>.card-body>.table-wrap{margin:20px -20px -20px}.legend-list>div{align-items:center;gap:9px;margin-top:10px;display:flex}.legend-list i{border-radius:50%;width:8px;height:8px}.legend-list span{color:var(--muted);flex:1}.legend-list strong{font-size:12px}.filters{align-items:end;gap:10px;margin-bottom:20px;display:flex}.filters>input,.filters>select,.filters>.searchable-select{min-height:40px}.filters>.searchable-select{min-width:160px}.search-input{border:1px solid var(--border);background:var(--panel);border-radius:9px;flex:1;align-items:center;gap:8px;min-width:230px;padding:0 11px;display:flex}.search-input input{width:100%;color:var(--text);background:0 0;border:0;outline:0}.toolbar-row,.inline-form{flex-wrap:wrap;align-items:end;gap:12px;display:flex}.toolbar-row .field,.inline-form .field{min-width:220px}.table-person,.profile-summary{align-items:center;gap:10px;display:flex}.table-actions{justify-content:flex-end;align-items:center;gap:10px;display:flex}.table-person strong,.table-person small,.profile-summary strong,.profile-summary span,.profile-summary small{display:block}.table-person small,.profile-summary span,.profile-summary small{color:var(--muted);font-size:11px}.payroll-mini-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;display:grid}.payroll-mini-grid article{border:1px solid var(--border);background:var(--panel-soft);border-radius:9px;padding:13px}.payroll-mini-grid span,.payroll-mini-grid strong{display:block}.payroll-mini-grid span{color:var(--muted);text-transform:uppercase;font-size:10px;font-weight:800}.payroll-flow{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;display:grid}.payroll-flow-step{border:1px solid var(--border);min-height:116px;color:var(--text);background:var(--panel-soft);border-radius:10px;grid-template-columns:34px minmax(0,1fr);align-content:start;gap:8px 11px;padding:14px;text-decoration:none;display:grid;position:relative}.payroll-flow-step:hover{border-color:var(--primary)}.payroll-flow-index{width:34px;height:24px;color:var(--muted);background:var(--panel);border-radius:999px;justify-content:center;align-items:center;font-size:10px;font-weight:800;display:inline-flex}.payroll-flow-icon{width:34px;height:34px;color:var(--primary);background:#e5f7f0;border-radius:9px;place-items:center;display:inline-grid}.payroll-flow-icon svg{width:17px;height:17px}.payroll-flow-step strong{align-self:center;min-width:0;font-size:13px;line-height:1.25;display:block}.payroll-flow-step small{width:max-content;max-width:100%;color:var(--muted);background:var(--panel);text-transform:uppercase;border-radius:999px;grid-column:2;padding:4px 8px;font-size:10px;font-weight:800;display:inline-flex}.payroll-check-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));grid-auto-rows:minmax(42px,auto);gap:8px;display:grid}.payroll-check-grid label{border:1px solid var(--border);min-height:42px;color:var(--muted);background:var(--panel-soft);text-transform:capitalize;cursor:pointer;border-radius:9px;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:8px;padding:8px 10px;font-size:12px;display:grid}.payroll-check-grid input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary);margin:0}.payroll-check-grid span{min-width:0;line-height:1.2}.payroll-component-editor{gap:8px;display:grid}.payroll-component-editor>div{border:1px solid var(--border);background:var(--panel-soft);border-radius:9px;grid-template-columns:minmax(0,1fr) 120px 110px 130px;align-items:center;gap:10px;padding:10px;display:grid}.payroll-component-editor strong,.payroll-component-editor small{min-width:0}.payroll-component-editor small{color:var(--muted);text-transform:capitalize;font-size:11px}.payroll-component-editor>div>input:last-child:nth-child(3){grid-column:3/span 2}.payroll-setup-list{max-height:666px;overflow:auto}.payroll-setup-list>div{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;display:grid}.searchable-select{position:relative}.searchable-select-trigger{border:1px solid var(--border);width:100%;min-height:42px;color:var(--text);background:var(--panel);text-align:left;border-radius:9px;justify-content:space-between;align-items:center;gap:10px;padding:9px 11px;display:flex}.searchable-select.open .searchable-select-trigger{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary)}@supports (color:color-mix(in lab,red,red)){.searchable-select.open .searchable-select-trigger{box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 13%,transparent)}}.searchable-select-trigger .placeholder{color:var(--muted)}.searchable-select-trigger svg{width:16px;color:var(--muted)}.searchable-select-trigger .clear-select:hover{color:var(--red)}.searchable-select.disabled{opacity:.55}.searchable-select-menu{z-index:80;border:1px solid var(--border);background:var(--panel);border-radius:11px;width:100%;min-width:240px;padding:8px;position:absolute;top:calc(100% + 6px);box-shadow:0 18px 45px #1428242e}.searchable-select-menu>label{border:1px solid var(--border);border-radius:8px;align-items:center;gap:7px;padding:0 9px;display:flex}.searchable-select-menu>label svg{width:16px;color:var(--muted)}.searchable-select-menu input{min-height:38px;box-shadow:none;border:0;padding:7px 0}.searchable-select-options{max-height:240px;margin-top:7px;overflow-y:auto}.searchable-select-options button{width:100%;color:var(--text);text-align:left;background:0 0;border:0;border-radius:7px;justify-content:space-between;align-items:center;padding:9px 10px;display:flex}.searchable-select-options button:hover,.searchable-select-options button.selected{color:var(--primary);background:var(--primary-soft)}.searchable-select-options button svg{width:15px}.searchable-select-empty{color:var(--muted);text-align:center;padding:18px 10px;font-size:12px}input,select,textarea{border:1px solid var(--border);width:100%;min-height:42px;color:var(--text);background:var(--panel);border-radius:9px;outline:0;padding:9px 11px;transition:all .15s}textarea{resize:vertical;min-height:90px}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary)}@supports (color:color-mix(in lab,red,red)){input:focus,select:focus,textarea:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 13%,transparent)}}input[readonly],textarea[readonly],input:disabled,select:disabled,textarea:disabled{background:var(--panel)}@supports (color:color-mix(in lab,red,red)){input[readonly],textarea[readonly],input:disabled,select:disabled,textarea:disabled{background:color-mix(in srgb,var(--panel) 72%,var(--border))}}input[readonly],textarea[readonly],input:disabled,select:disabled,textarea:disabled{color:var(--muted);cursor:not-allowed}input[readonly]:focus,textarea[readonly]:focus{border-color:var(--border);box-shadow:none}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}th{color:var(--muted);background:var(--panel-soft);letter-spacing:.7px;text-align:left;text-transform:uppercase;padding:12px 16px;font-size:10px}td{border-top:1px solid var(--border);color:var(--muted);white-space:nowrap;padding:13px 16px}td.first-child{color:var(--text);align-items:center;gap:11px;display:flex}td strong,td small{display:block}td small{color:var(--muted);margin-top:3px;font-size:10px}.right{text-align:right}.transaction-icon{border-radius:10px;place-items:center;width:35px;height:35px;display:grid}.transaction-icon svg{width:16px}.transaction-icon.income{color:#07805e;background:#e5f7f0}.transaction-icon.expense{color:red;background:#ffe4e4}.amount{font-weight:800}.amount.income,.green{color:var(--green)}.amount.expense,.orange{color:var(--orange)}.pill{color:var(--muted);background:var(--panel-soft);border-radius:999px;padding:5px 9px;font-size:11px;font-weight:650;display:inline-flex}.approval-badge{text-transform:capitalize;border-radius:999px;justify-content:center;align-items:center;padding:5px 9px;font-size:10px;font-weight:800;display:inline-flex}.approval-badge.pending{color:#9a6700;background:#fff3cd}.approval-badge.approved{color:#087443;background:#dcf7e9}.approval-badge.rejected{color:#b42318;background:#fee4e2}.status-badge{text-transform:capitalize;border-radius:999px;justify-content:center;align-items:center;padding:5px 9px;font-size:10px;font-weight:800;display:inline-flex}.status-badge.status-pending{color:#9a6700;background:#fff3cd}.status-badge.status-paid{color:#087443;background:#dcf7e9}.status-badge.status-rejected{color:#b42318;background:#fee4e2}.month-picker{width:auto;min-width:155px}.budget-list{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.budget-list article{border:1px solid var(--border);background:var(--panel-soft);border-radius:12px;grid-template-columns:minmax(100px,1fr) minmax(100px,1fr) minmax(100px,2fr);align-items:center;gap:20px;padding:16px;display:grid}.budget-category{align-items:center;gap:11px;display:flex}.budget-category i{border-radius:999px;width:10px;height:10px}.budget-category strong,.budget-category small,.budget-limit span{display:block}.budget-category small,.budget-limit span,.budget-progress span{color:var(--muted);margin-top:3px;font-size:11px}.budget-limit input{margin-top:5px}.budget-progress>div,.dashboard-budgets>div>div{justify-content:space-between;gap:12px;margin-bottom:7px;display:flex}.budget-progress progress,.dashboard-budgets progress{width:100%;height:8px;accent-color:var(--primary);border-radius:10px;overflow:hidden}.budget-list article.warning progress,.dashboard-budgets .warning progress{accent-color:#d99a14}.budget-list article.over progress,.dashboard-budgets .over progress{accent-color:var(--red)}.budget-list article.over{border-color:var(--red)}@supports (color:color-mix(in lab,red,red)){.budget-list article.over{border-color:color-mix(in srgb,var(--red) 40%,var(--border))}}.dashboard-budgets{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 28px;display:grid}.dashboard-budgets span{font-weight:700}.dashboard-budgets strong{font-size:12px}.asset-overview-grid{margin-bottom:18px}.asset-alert-list,.asset-history-list,.asset-maintenance-list{gap:10px;display:grid}.asset-alert-list>a,.asset-history-list>div,.asset-maintenance-list>div{border:1px solid var(--border);background:var(--panel-soft);border-radius:10px;align-items:center;gap:12px;padding:12px;display:flex}.asset-alert-list>a,.asset-history-list>div{flex-direction:column;align-items:flex-start}.asset-alert-list span,.asset-history-list span,.asset-history-list small,.asset-maintenance-list span{color:var(--muted);margin-left:5px;font-size:11px}.asset-maintenance-list>div>div{flex:1}.asset-name-cell{color:var(--text);align-items:center;gap:10px;display:flex}.asset-name-cell img,.asset-name-cell>span{object-fit:cover;width:38px;height:38px;color:var(--primary);background:var(--primary-soft);border-radius:9px;place-items:center;font-weight:800;display:grid}.asset-status{color:#087443;text-transform:capitalize;background:#dcf7e9;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:800;display:inline-flex}.asset-status.assigned{color:#2355a2;background:#e4edff}.asset-status.under_maintenance{color:#9a6700;background:#fff3cd}.asset-status.sold,.asset-status.disposed,.asset-status.lost{color:#b42318;background:#fee4e2}.asset-detail-hero{grid-template-columns:minmax(240px,.65fr) minmax(0,1.35fr);gap:18px;margin-bottom:18px;display:grid}.asset-identity .card-body{text-align:center;flex-direction:column;align-items:center;display:flex}.asset-identity img,.asset-image-placeholder{object-fit:cover;width:150px;height:120px;color:var(--primary);background:var(--primary-soft);border-radius:14px;place-items:center;margin-bottom:16px;font-size:40px;font-weight:800;display:grid}.asset-identity h2{margin:12px 0 4px}.asset-identity p{color:var(--muted)}.asset-value-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.asset-value-grid article{border:1px solid var(--border);background:var(--panel);border-radius:12px;padding:20px}.asset-value-grid span,.dashboard-asset-summary span{color:var(--muted);font-size:11px;display:block}.asset-value-grid strong{margin-top:8px;font-size:22px;display:block}.current-assignment{justify-content:space-between;align-items:center;gap:18px;display:flex}.current-assignment span{color:var(--muted);margin-top:5px;font-size:12px;display:block}.asset-download{align-items:center;gap:7px;margin-top:18px;display:inline-flex}.asset-timeline{gap:0;display:grid;position:relative}.asset-timeline>div{grid-template-columns:18px 1fr;gap:12px;padding-bottom:20px;display:grid}.asset-timeline i{z-index:1;border:2px solid var(--panel);background:var(--primary);width:10px;height:10px;box-shadow:0 0 0 2px var(--primary);border-radius:50%;margin-top:5px}.asset-timeline>div:not(:last-child):before{content:"";border-left:1px solid var(--border);height:100%;position:absolute;left:4px}.asset-timeline p{color:var(--muted);margin:4px 0}.asset-timeline small{color:var(--muted)}.status-dot{background:var(--muted);border-radius:50%;width:10px;height:10px}.status-dot.active{background:var(--green)}.report-select{min-width:220px}.dashboard-asset-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.dashboard-asset-summary>div{border:1px solid var(--border);background:var(--panel-soft);border-radius:11px;padding:15px}.dashboard-asset-summary svg{width:18px;color:var(--primary)}.dashboard-asset-summary span{margin:8px 0 4px}.platform-overview-grid .card{flex-direction:column;display:flex}.platform-overview-grid .card-body{flex-direction:column;flex:1;display:flex}.card-bottom{justify-content:flex-end;align-items:center;margin-top:auto;padding-top:15px;display:flex}@media(max-width:760px){.budget-list article{grid-template-columns:1fr;gap:12px}.dashboard-budgets{grid-template-columns:1fr}.month-picker{width:100%}.asset-detail-hero,.asset-value-grid,.dashboard-asset-summary{grid-template-columns:1fr}.current-assignment{flex-direction:column;align-items:stretch}.report-select{width:100%}}.modal-layer{z-index:100;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#05141294;border:0;position:absolute;inset:0}.modal{border:1px solid var(--border);background:var(--panel);border-radius:16px;width:min(620px,100%);max-height:90vh;padding:24px;position:relative;overflow-y:auto;box-shadow:0 30px 80px #0000004d}.confirm-modal{text-align:center;width:min(430px,100%)}.confirm-icon{color:#c23b3b;background:#fff0f0;border-radius:50%;place-items:center;width:54px;height:54px;margin:0 auto 16px;display:grid}.confirm-modal h2{margin:0}.confirm-modal>p{color:var(--muted);margin:9px 0 22px;line-height:1.6}.modal-close{position:absolute;top:14px;right:14px}.danger-button{color:#fff;background:#c94343;border:0;border-radius:9px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 16px;font-weight:750;display:inline-flex}.toast{z-index:130;border:1px solid var(--border);border-left:4px solid var(--green);background:var(--panel);border-radius:12px;align-items:flex-start;gap:11px;width:min(380px,100% - 32px);padding:14px;display:flex;position:fixed;top:20px;right:20px;box-shadow:0 18px 50px #0000002e}.toast.error{border-left-color:#c94343}.toast>svg{color:var(--green);flex:none}.toast.error>svg{color:#c94343}.toast>div{flex:1}.toast strong,.toast span{display:block}.toast span{color:var(--muted);margin-top:3px;font-size:12px}.toast button{color:var(--muted);background:0 0;border:0}.row-actions{text-align:end;gap:5px}.row-actions .icon svg{width:15px;height:15px}.transaction-detail-grid{grid-template-columns:minmax(260px,.75fr) minmax(380px,1.25fr);gap:18px;margin-bottom:18px;display:grid}.transaction-overview .card-body{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:245px;display:flex}.detail-type{text-transform:capitalize;border-radius:999px;padding:6px 11px;font-size:12px;font-weight:800}.detail-type.income{color:#047857;background:#dff7ee}.detail-type.expense{color:red;background:#ffdbdb}.detail-amount{margin:16px 0 8px;font-size:clamp(28px,4vw,42px)}.detail-amount.income{color:var(--green)}.detail-amount.expense{color:var(--orange)}.transaction-overview p{max-width:360px;color:var(--muted);margin:0}.detail-list>div{border-bottom:1px solid var(--border);justify-content:space-between;gap:20px;padding:13px 0;display:flex}.detail-list>div:last-child{border-bottom:0}.detail-list span{color:var(--muted)}.attachment-list{gap:9px;display:grid}.attachment-list a{border:1px solid var(--border);color:inherit;border-radius:10px;justify-content:space-between;align-items:center;padding:13px;display:flex}.attachment-list strong,.attachment-list small{display:block}.attachment-list small{color:var(--muted);margin-top:3px}.attachment-field>span{margin-bottom:7px;font-size:12px;font-weight:700;display:block}.attachment-field>span small{color:var(--muted);font-weight:500}.upload-dropzone{border:1.5px dashed var(--primary);flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:145px;padding:20px;display:flex}@supports (color:color-mix(in lab,red,red)){.upload-dropzone{border:1.5px dashed color-mix(in srgb,var(--primary) 45%,var(--border))}}.upload-dropzone{color:var(--muted);background:var(--panel-soft);text-align:center;cursor:pointer;border-radius:12px;transition:border-color .2s,background .2s}.upload-dropzone:hover{border-color:var(--primary);background:var(--primary-soft)}.upload-dropzone input{opacity:0;width:1px;height:1px;position:absolute;overflow:hidden}.upload-dropzone svg{width:30px;height:30px;color:var(--primary)}.upload-dropzone strong{color:var(--text)}.upload-dropzone small{font-size:11px}.selected-files{gap:8px;margin-top:10px;display:grid}.selected-files>div{border:1px solid var(--border);background:var(--panel);border-radius:10px;align-items:center;gap:11px;padding:10px 12px;display:flex}.selected-files>div>div{flex:1;min-width:0}.selected-files strong,.selected-files small{display:block}.selected-files strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.selected-files small{color:var(--muted);margin-top:2px;font-size:10px}.selected-file-icon{width:35px;height:35px;color:var(--primary);background:var(--primary-soft);border-radius:9px;flex:none;place-items:center;display:grid}.selected-file-icon svg{width:17px}.empty.compact{align-items:center}.delete-btn{background-color:#c94343;transition:all .18s}.delete-btn svg{color:#fff}.delete-btn:hover{transform:translateY(-1px);background-color:#d31c1c!important}.modal-head{justify-content:space-between;margin-bottom:22px;display:flex}.modal-head h2{margin:0;font-size:22px}.modal-head p{color:var(--muted);margin:5px 0 0}.approveModal{grid-template-columns:repeat(6,1fr);gap:10px;display:grid}.avatar-label{cursor:pointer;text-align:center;width:100%;display:inline-block}.approver-item{text-align:center;margin:10px;display:inline-block}.avatar-wrapper{border-radius:50%;transition:all .2s;display:inline-block;position:relative}.approver-item.active .avatar-wrapper{outline:2px solid var(--primary);outline-offset:2px}.approver-item.unavailable{cursor:not-allowed;opacity:.62}.approver-item.unavailable .avatar-label{cursor:not-allowed}.approver-item.unavailable:hover .avatar-wrapper{transform:none}.approver-item .avatarName small{color:var(--muted);margin-top:2px;font-size:11px;display:block}.approver-item .avatar-wrapper img,.approver-item .avatar-wrapper .MediaAvatar{border-radius:50%;display:block}.tick-badge{background-color:var(--primary);color:#fff;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;display:flex;position:absolute;bottom:-2px;right:-2px;box-shadow:0 2px 4px #00000026}.approver-item{text-align:center;margin:10px;transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s;display:inline-block}.approver-item:hover{transform:scale(1.05)}.approver-item:hover .avatar-wrapper{border-radius:50%;box-shadow:0 4px 12px #00000026}.approveAvatar{background:var(--primary);border-radius:50%;justify-content:center;align-items:center;width:65px;height:65px;margin:0 auto;display:flex}.avatarName{text-transform:capitalize;justify-content:center;align-items:center;gap:10px;width:100%;margin-top:5px;font-size:12px;display:block}.approval-mode{width:100%;max-width:30%}.form-grid,.settings-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.form-section-title{border-top:1px solid var(--border);padding-top:8px}.form-section-title:first-of-type{border-top:0;padding-top:0}.form-section-title strong,.form-section-title p{display:block}.form-section-title p{color:var(--muted);margin:4px 0 0;font-size:12px}.form-card{max-width:860px}.form-card .card-body{padding:28px}.field{display:block}.field>span{margin-bottom:7px;font-size:12px;font-weight:700;display:block}.field-error{color:var(--red);margin-top:6px;font-size:11px;font-weight:700;display:block}.field.has-error input,.field.has-error select,.field.has-error .searchable-select-trigger,.field.has-error textarea{border-color:var(--red)}.password-input{position:relative}.password-input input{padding-right:44px}.password-toggle{width:36px;height:34px;color:var(--muted);background:0 0;border:0;border-radius:7px;place-items:center;padding:0;display:grid;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.password-toggle:hover,.password-toggle:focus-visible{color:var(--primary);background:var(--panel-soft)}.password-toggle svg{width:17px;height:17px}.full{grid-column:1/-1}.segmented{background:var(--panel-soft);border-radius:10px;grid-template-columns:1fr 1fr;max-width:300px;padding:4px;display:grid;position:relative;overflow:hidden}.segmented-slider{background:#dff7ee;border-radius:8px;width:calc(50% - 4px);transition:transform .28s cubic-bezier(.4,0,.2,1),background-color .25s,box-shadow .25s;position:absolute;top:4px;bottom:4px;left:4px;transform:translate(0);box-shadow:0 3px 10px #0f766e1a}.segmented.expense .segmented-slider{background:#ffdbdb;transform:translate(100%);box-shadow:0 3px 10px #f973161f}.segmented button{z-index:1;height:38px;color:var(--muted);background:0 0;border:0;border-radius:8px;font-weight:750;transition:color .25s,transform .2s;position:relative}.segmented button.active.income{color:#047857}.segmented button.active.expense{color:red}.segmented button:active{transform:scale(.98)}.modal-actions{justify-content:flex-end;gap:9px;padding-top:5px;display:flex}.form-actions{border-top:1px solid var(--border);justify-content:flex-end;gap:10px;padding-top:12px;display:flex}.alert{border-radius:9px;padding:11px 13px;font-size:12px}.alert.error{color:#a12f2f;background:#fff0f0}.alert.success{color:#08765a;background:#e7f8f2}.inline-form{grid-template-columns:1fr 110px 40px;gap:8px;margin-bottom:16px;display:grid}.employee-master-form{grid-template-columns:minmax(0,1fr) max-content;align-items:end;gap:12px;margin-bottom:16px;display:grid}.designation-master-form{grid-template-columns:minmax(0,1fr) minmax(0,1fr) max-content}.employee-master-form .field{min-width:0}.employee-master-form button.primary{white-space:nowrap;min-width:92px;height:42px}.employee-master-actions{justify-content:flex-end;align-items:center;gap:9px;min-height:42px;display:flex}@media(max-width:1280px){.designation-master-form{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.designation-master-form .employee-master-actions{grid-column:1/-1;justify-self:start}}@media(max-width:700px){.employee-master-form,.designation-master-form{grid-template-columns:1fr}.employee-master-actions,.designation-master-form .employee-master-actions{grid-column:auto;justify-content:space-between;justify-self:stretch;width:100%}.employee-master-actions button.primary{flex:1}}.master-list{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.master-list>div{border:1px solid var(--border);border-radius:10px;align-items:center;gap:12px;padding:12px;display:flex}.master-list>div>div{flex:1}.master-list strong,.master-list small{display:block}.master-list small{color:var(--muted);text-transform:capitalize;margin-top:3px}.recent-business-item{border:1px solid var(--border);border-radius:10px;align-items:center;gap:12px;padding:12px;transition:border-color .18s,background-color .18s;display:flex}.recent-business-item:hover{border-color:var(--primary);background:var(--panel-soft)}.recent-business-copy{flex:1;min-width:0}.business-logo{width:42px;height:42px;color:var(--primary);background:var(--primary);border-radius:11px;flex:0 0 42px;place-items:center;display:grid;overflow:hidden}@supports (color:color-mix(in lab,red,red)){.business-logo{background:color-mix(in srgb,var(--primary) 13%,var(--panel))}}.business-logo{font-weight:850}.business-logo.media-avatar{object-fit:cover}.type-dot{border-radius:50%;width:10px;height:10px}.type-dot.income{background:var(--green)}.type-dot.expense{background:var(--orange)}.mode-icon{width:34px;height:34px;color:var(--primary);background:var(--primary-soft);border-radius:9px;place-items:center;display:grid}.mode-icon svg{width:16px}.report-filter{max-width:650px;margin:0}.report-summary{grid-template-columns:repeat(3,1fr);gap:16px;margin:18px 0;display:grid}.report-summary.four{grid-template-columns:repeat(4,1fr)}.report-summary article{border:1px solid var(--border);background:var(--panel);box-shadow:var(--shadow);border-radius:13px;padding:22px}.report-summary span{color:var(--muted);font-size:12px;display:block}.report-summary strong{margin-top:8px;font-size:25px;display:block}.breakdown>div{margin-bottom:18px}.breakdown>div>div{justify-content:space-between;margin-bottom:7px;display:flex}.breakdown span{color:var(--muted)}.breakdown i{background:var(--panel-soft);border-radius:10px;height:7px;display:block;overflow:hidden}.breakdown b{border-radius:inherit;background:linear-gradient(90deg,var(--primary),#34d399);height:100%;display:block}.team-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.team-grid article{border:1px solid var(--border);background:var(--panel-soft);border-radius:12px;align-items:center;gap:12px;padding:16px;display:flex}.team-grid strong,.team-grid span,.team-grid small{display:block}.team-grid span{color:var(--muted);margin:3px 0 6px;font-size:11px}.team-grid small{width:fit-content;color:var(--primary);background:var(--primary-soft);text-transform:capitalize;border-radius:20px;padding:3px 7px}.business-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.business-card{align-items:center;gap:14px;display:flex}.business-card h3{margin:0}.business-card p,.business-card span{color:var(--muted);margin:4px 0 0;font-size:12px}.business-card span{display:block}.role-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.role-card-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:18px;display:flex}.role-card-head h3{text-transform:capitalize;margin:0}.role-card-head span{color:var(--muted);margin-top:4px;font-size:11px;display:block}.permission-chips{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:7px;width:100%;display:grid}.permission-chips span{color:var(--primary);background:var(--primary-soft);text-transform:capitalize;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:700}.permission-chips em{color:var(--muted);font-size:12px}.role-form{gap:22px;display:grid}.permission-groups{grid-template-columns:repeat(4,minmax(100px,2fr));gap:14px;display:grid}.permission-groups section{border:1px solid var(--border);background:var(--panel-soft);border-radius:12px;padding:16px}.permission-groups h4{text-transform:capitalize;margin:0 0 12px;font-size:12px}.permission-groups section>div{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:9px;display:grid}.permission-option{color:var(--muted);text-transform:capitalize;cursor:pointer;align-items:center;gap:9px;font-size:12px;display:flex}.permission-option input{width:17px;min-height:17px;accent-color:var(--primary)}.permission-list>div{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;min-height:58px;padding:10px 0;display:flex}.permission-list>div:first-child{border-top:0}.permission-list strong,.permission-list small{display:block}.permission-list small{color:var(--muted);margin-top:3px;font-size:10px}.empty{min-height:150px;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;display:flex}.empty svg{opacity:.5;width:34px;height:34px;margin-bottom:10px}.empty strong{color:var(--text)}.empty span{margin-top:5px}.loader{min-height:60vh;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.loader i{border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:34px;height:34px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.auth-page{background:var(--panel);grid-template-columns:minmax(440px,1.12fr) minmax(430px,.88fr);min-height:100vh;display:grid}.auth-art{color:#fff;background:radial-gradient(circle at 80% 10%,#1f8f82 0,#0000 30%),linear-gradient(145deg,#0d3934,#102a27 60%,#0b211f);flex-direction:column;justify-content:space-between;padding:44px 54px;display:flex;position:relative;overflow:hidden}.auth-art:before{content:"";border:1px solid #ffffff17;border-radius:50%;width:540px;height:540px;position:absolute;bottom:-300px;left:-220px;box-shadow:0 0 0 70px #ffffff06,0 0 0 140px #ffffff05}.brand-mark{align-items:center;width:180px;height:42px;display:flex}.auth-brand-logo{object-fit:contain;object-position:left center;width:180px;height:42px;display:block}.auth-copy{max-width:680px;margin:90px 0;position:relative}.auth-copy .eyebrow{color:#5eead4}.auth-copy h1{letter-spacing:-3px;max-width:640px;margin:0;font-size:clamp(38px,5vw,65px);line-height:1.01}.auth-copy p{color:#9fc0ba;max-width:520px;margin:24px 0 0;font-size:17px;line-height:1.7}.auth-preview{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff12;border:1px solid #ffffff1a;border-radius:16px;grid-template-columns:1fr 1.3fr;align-items:end;gap:24px;width:min(530px,90%);padding:22px;display:grid;position:relative}.auth-preview span,.auth-preview strong,.auth-preview small{display:block}.auth-preview span{color:#91afa9;letter-spacing:1px;font-size:10px}.auth-preview strong{margin:7px 0;font-size:28px}.auth-preview small{color:#5eead4;align-items:center;gap:5px;display:flex}.mini-bars{align-items:end;gap:8px;height:90px;display:flex}.mini-bars i{background:linear-gradient(#5eead4,#1d857a);border-radius:4px 4px 1px 1px;flex:1}.auth-panel{place-items:center;padding:45px;display:grid}.login-card{width:min(410px,100%)}.login-card h2{letter-spacing:-1px;margin:0;font-size:31px}.login-card>p{color:var(--muted);margin:9px 0 28px}.login-card .field{margin-top:16px}.login-card .primary{height:46px;margin-top:20px}.login-meta{color:var(--muted);justify-content:space-between;align-items:center;margin-top:13px;font-size:12px;display:flex}.login-meta label{align-items:center;gap:7px;display:flex}.login-meta input{width:auto;min-height:0}.auth-switch{text-align:center;margin:18px 0 0;font-size:12px}.demo-note{color:var(--muted);background:var(--panel-soft);text-align:center;border-radius:8px;margin-top:20px;padding:10px;font-size:11px}.mobile-brand,.mobile-only,.mobile-bottom-nav{display:none}@media(max-width:1150px){.stat-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.team-grid,.business-grid,.role-grid{grid-template-columns:repeat(2,1fr)}.auth-page{grid-template-columns:1fr 1fr}.auth-art{padding:38px}.auth-copy h1{font-size:45px}}@media(max-width:820px){body{overscroll-behavior-y:contain}.mobile-only{display:inline-grid}.sidebar{width:min(86vw,320px);padding-top:max(22px,env(safe-area-inset-top));transition:transform .22s;transform:translate(-105%);box-shadow:20px 0 60px #00000040}.sidebar.open{transform:translate(0)}.sidebar-backdrop{z-index:25;background:#00000073;border:0;position:fixed;inset:0}.brand .mobile-only{color:#fff;margin-left:auto}.main{width:100%;margin-left:0}.topbar{height:calc(62px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 16px 0;background:var(--panel)}@supports (color:color-mix(in lab,red,red)){.topbar{background:color-mix(in srgb,var(--panel) 97%,transparent)}}.top-search,.profile>div:last-child{display:none}.profile .avatar{width:34px;height:34px}.mobile-app-title{flex-direction:column;flex:1;justify-content:center;min-width:0;margin-left:8px;display:flex}.mobile-app-title strong,.mobile-app-title small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mobile-app-title strong{font-size:14px}.mobile-app-title small{color:var(--muted);margin-top:2px;font-size:10px}.page{padding:22px 16px calc(92px + env(safe-area-inset-bottom))}.two-col,.team-grid,.business-grid,.role-grid{grid-template-columns:1fr}.mobile-bottom-nav{z-index:24;height:calc(68px + env(safe-area-inset-bottom));padding:7px 6px env(safe-area-inset-bottom);border-top:1px solid var(--border);background:var(--panel);grid-auto-columns:1fr;grid-auto-flow:column;align-items:start;display:grid;position:fixed;inset:auto 0 0}@supports (color:color-mix(in lab,red,red)){.mobile-bottom-nav{background:color-mix(in srgb,var(--panel) 96%,transparent)}}.mobile-bottom-nav{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 -8px 30px #0f2d2814}.mobile-bottom-nav a,.mobile-bottom-nav button{min-width:0;height:54px;color:var(--muted);background:0 0;border:0;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:0;font-size:10px;font-weight:700;display:flex}.mobile-bottom-nav svg{width:21px;height:21px}.mobile-bottom-nav a.active{color:var(--primary);background:var(--primary-soft)}.mobile-bottom-nav .mobile-add-action{border:5px solid var(--bg);color:#fff;background:var(--primary);width:54px;height:54px;box-shadow:0 8px 18px var(--primary);border-radius:18px;justify-self:center;margin-top:-21px}@supports (color:color-mix(in lab,red,red)){.mobile-bottom-nav .mobile-add-action{box-shadow:0 8px 18px color-mix(in srgb,var(--primary) 32%,transparent)}}.mobile-bottom-nav .mobile-add-action svg{width:25px;height:25px}.mobile-bottom-nav .mobile-add-action span{display:none}.auth-page{display:block}.auth-art{display:none}.auth-panel{min-height:100dvh;padding:max(28px,env(safe-area-inset-top)) 24px max(28px,env(safe-area-inset-bottom));align-items:center}.mobile-brand{align-items:center;margin-bottom:48px;display:flex}.mobile-brand .auth-brand-logo{width:180px;height:42px}.approveModal{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.approval-mode{width:100%;max-width:50%}}@media(max-width:600px){.approveModal{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.approval-mode{width:100%;max-width:100%}.master-list{grid-template-columns:repeat(1,1fr);gap:10px;display:grid}.page-header{flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:20px}.page-header h1{letter-spacing:-.8px;font-size:25px}.page-header p{margin-top:6px;font-size:12px;line-height:1.5}.eyebrow{margin-bottom:6px}.page-actions{flex-wrap:wrap;width:100%}.page-actions>*{flex:1;min-width:0;min-height:44px}.primary,.secondary{border-radius:11px;min-height:44px}.stat-grid,.report-summary,.report-summary.four{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stat-card{border-radius:16px;flex-direction:column;gap:10px;min-height:138px;padding:15px}.stat-icon{border-radius:11px;width:36px;height:36px}.stat-card strong{margin:5px 0;font-size:19px}.stat-card small{white-space:normal;font-size:9px;line-height:1.35}.dashboard-grid{gap:12px;margin-bottom:12px}.card{border-radius:16px;margin-bottom:12px;box-shadow:0 5px 20px #2037320d}.card-head{min-height:68px;padding:15px 16px}.card-head h3{font-size:15px}.filters{flex-direction:column;align-items:stretch}.search-input{min-width:0;min-height:42px}.filters input,.filters select,.filters .searchable-select,.filters .secondary,.filters .primary{min-height:46px}.filters .searchable-select{width:100%}.report-filter{max-width:none}.report-filter .field{width:100%}.form-grid,.settings-form,.permission-groups{grid-template-columns:1fr}.full{grid-column:1}.form-card{max-width:none;box-shadow:none;border-left:0;border-right:0;border-radius:0;margin:0 -16px}.form-card .card-body{padding:20px 16px}.field>span{margin-bottom:8px;font-size:12px}input,select,textarea{border-radius:12px;min-height:48px;font-size:16px}textarea{min-height:110px}.segmented{border-radius:13px;padding:5px}.segmented-slider{border-radius:10px;width:calc(50% - 5px);top:5px;bottom:5px;left:5px}.segmented button{height:43px}.form-actions{bottom:calc(0 + env(safe-area-inset-bottom));z-index:8;background:var(--panel);margin:8px -16px -20px;padding:12px 16px;position:sticky}.form-actions button{flex:1;min-height:46px}.card-body{padding:16px}.card>.card-body>.table-wrap{margin:0}.report-summary article{border-radius:15px;min-height:110px;padding:16px}.report-summary strong{font-size:19px;line-height:1.2}.team-grid article{border-radius:14px;padding:14px}.business-card{align-items:flex-start}.master-list>div{min-height:62px}.table-wrap{overflow:visible}.table-wrap table,.table-wrap tbody{display:block}.table-wrap thead{display:none}.table-wrap tr{border:1px solid var(--border);background:var(--panel);border-radius:15px;grid-template-columns:minmax(0,1fr) auto;gap:7px 12px;margin-bottom:10px;padding:14px;display:grid;position:relative}.table-wrap td{white-space:normal;border:0;min-width:0;padding:0;display:block}.table-wrap td:first-child{grid-area:1/1/span 2;align-items:flex-start;padding-right:4px}.table-wrap td:first-child>div:last-child{min-width:0}.table-wrap td:first-child strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.table-wrap td[data-label=Category],.table-wrap td[data-label=Payment]{display:none}.table-wrap td[data-label=Date]{color:var(--muted);grid-column:1;margin-left:46px;font-size:10px}.table-wrap td[data-label=Amount]{grid-area:1/2;align-self:center;font-size:14px}.table-wrap .row-actions{display:flex;position:absolute;bottom:4px;right:7px}.table-wrap .row-actions .icon{width:32px;height:32px}.transaction-detail-grid{grid-template-columns:1fr}.transaction-overview .card-body{min-height:200px}.toast{top:calc(12px + env(safe-area-inset-top));right:16px}.table-wrap tr:has(.empty){border:0;display:block}.empty{text-align:center;min-height:210px}.table-wrap.approval-user-list{overflow:scroll!important}}@media(max-width:380px){.approveModal{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.approval-mode{width:100%;max-width:50%}.table-wrap .approval-user-list{overflow:scroll!important}.master-list{grid-template-columns:repeat(1,1fr);gap:10px;display:grid}.page{padding-left:12px;padding-right:12px}.stat-grid,.report-summary,.report-summary.four{grid-template-columns:1fr}.stat-card{flex-direction:row;min-height:106px}.form-card{margin-left:-12px;margin-right:-12px}.mobile-bottom-nav a,.mobile-bottom-nav button{font-size:9px}}.public-page{color:#17312d;background:#fbfdfc;min-height:100vh}.public-header{z-index:50;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fbfdfce6;align-items:center;width:min(1180px,100% - 40px);height:76px;margin:0 auto;display:flex;position:sticky;top:0}.public-brand{align-items:center;gap:10px;margin-right:auto;font-size:20px;display:flex}.public-brand img{object-fit:contain;object-position:left center;width:132px;height:34px}.public-brand span,.public-footer>div:first-child>span{color:#083c37;background:#5eead4;border-radius:11px;place-items:center;width:36px;height:36px;display:grid}.public-header nav{color:#55706b;gap:32px;margin-right:36px;font-weight:700;display:flex}.public-header nav a.active{color:#0f766e}.public-actions,.hero-actions,.hero-proof{align-items:center;gap:14px;display:flex}.public-login{padding:10px 8px;font-weight:800}.public-header .primary,.hero-actions .primary,.public-cta .primary,.register-copy .primary{justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 20px;display:inline-flex}.public-hero{grid-template-columns:.92fr 1.08fr;align-items:center;gap:70px;width:min(1180px,100% - 40px);min-height:680px;margin:0 auto;padding:72px 0 92px;display:grid}.public-eyebrow{color:#0f766e;letter-spacing:1.8px;margin-bottom:16px;font-size:12px;font-weight:900;display:block}.hero-copy h1,.pricing-heading h1,.register-copy h1{color:#102b28;letter-spacing:-2.6px;margin:0;font-size:clamp(44px,5vw,68px);line-height:1.02}.hero-copy>p{color:#60736f;max-width:580px;margin:24px 0 30px;font-size:18px;line-height:1.7}.hero-actions .secondary{min-height:44px;padding:0 20px}.hero-proof{color:#66807a;margin-top:24px;font-size:12px;font-weight:700}.hero-proof span{align-items:center;gap:6px;display:flex}.hero-proof svg{color:#0f9f75;width:16px}.hero-dashboard{background:#fff;border:1px solid #dceae7;border-radius:28px;padding:26px;position:relative;box-shadow:0 35px 90px #0f474029}.hero-dashboard:before{z-index:-1;content:"";filter:blur(60px);opacity:.55;background:#99f6e4;border-radius:50%;width:220px;height:220px;position:absolute;inset:-38px -30px auto auto}.preview-top,.preview-row,.plan-usage-head{justify-content:space-between;align-items:center;display:flex}.preview-top span{font-size:17px;font-weight:900}.preview-top strong{color:#53736d;background:#f1f7f5;border-radius:8px;padding:7px 11px;font-size:11px}.preview-stats{grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0;display:grid}.preview-stats article{background:#f7faf9;border-radius:14px;padding:15px}.preview-stats span,.preview-stats strong,.preview-stats small{display:block}.preview-stats span{color:#78908b;font-size:10px}.preview-stats strong{margin:7px 0 4px;font-size:17px}.preview-stats small{color:#71837f;font-size:9px}.up{color:#0f9f75!important}.preview-chart{background:linear-gradient(#f4fbf9,#fff);border-radius:15px;align-items:flex-end;gap:13px;height:170px;padding:20px 18px 0;display:flex}.preview-chart i{background:linear-gradient(#14b8a6,#99f6e4);border-radius:8px 8px 2px 2px;flex:1;min-height:20px}.preview-row{border-bottom:1px solid #edf2f1;padding:14px 3px;font-size:12px}.preview-row span{color:#60736f;align-items:center;gap:9px;display:flex}.preview-row svg{width:16px}.public-section{width:min(1180px,100% - 40px);margin:0 auto;padding:100px 0}.public-section-head{text-align:center;max-width:680px;margin:0 auto 48px}.public-section-head h1,.public-section-head h2,.public-showcase h2,.public-cta h2{color:#102b28;letter-spacing:-1.5px;margin:0;font-size:clamp(32px,4vw,48px);line-height:1.12}.public-section-head p,.public-showcase>div>p,.public-cta p{color:#657a75;font-size:16px;line-height:1.7}.feature-grid{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.feature-grid article{background:#fff;border:1px solid #e1ebe9;border-radius:19px;padding:28px 24px;transition:transform .2s,box-shadow .2s}.feature-grid article:hover{transform:translateY(-4px);box-shadow:0 18px 40px #1e494214}.feature-grid article>span{color:#0f766e;background:#e6f7f4;border-radius:13px;place-items:center;width:44px;height:44px;display:grid}.feature-grid h3{margin:20px 0 8px;font-size:16px}.feature-grid p,.how-grid p{color:#6e817d;margin:0;line-height:1.65}.public-showcase{color:#dcebe8;background:#102b28;grid-template-columns:1fr 1fr;align-items:center;gap:100px;padding:100px max(40px,50% - 590px);display:grid}.public-showcase h2{color:#fff}.public-showcase>div>p{color:#9eb7b2}.public-showcase ul{gap:13px;padding:0;list-style:none;display:grid}.public-showcase li{align-items:center;gap:9px;display:flex}.public-showcase li svg{color:#5eead4;width:18px}.report-preview{color:#17312d;background:#f9fffd;border-radius:25px;padding:30px;box-shadow:0 30px 70px #00000040}.report-preview>div:first-child span,.report-preview>div:first-child strong{display:block}.report-preview>div:first-child span{color:#66807a}.report-preview>div:first-child strong{margin-top:7px;font-size:31px}.report-bars{border-bottom:1px solid #dce9e6;align-items:flex-end;gap:15px;height:170px;margin:24px 0;display:flex}.report-bars i{background:#5eead4;border-radius:8px 8px 0 0;flex:1;height:46%}.report-bars i:nth-child(2){height:63%}.report-bars i:nth-child(3){height:54%}.report-bars i:nth-child(4){height:78%}.report-bars i:nth-child(5){height:69%}.report-bars i:nth-child(6){height:92%}.report-split{justify-content:space-between;display:flex}.report-split span,.report-split strong{display:block}.report-split span{color:#6d807c;font-size:11px}.report-split strong{color:#17312d;margin-top:4px;font-size:15px}.how-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.how-grid article{background:#f0f8f6;border-top:3px solid #5eead4;border-radius:0 0 18px 18px;padding:30px;position:relative}.how-grid article>span{color:#0f766e;font-size:12px;font-weight:900}.how-grid h3{margin:14px 0 8px;font-size:18px}.pricing-preview{text-align:center}.public-plan-grid{grid-template-columns:repeat(3,1fr);align-items:stretch;gap:22px;display:grid}.public-plan-card{text-align:left;background:#fff;border:1px solid #dfe9e7;border-radius:22px;flex-direction:column;padding:34px 30px 30px;display:flex;position:relative;box-shadow:0 12px 35px #1d443e0d}.public-plan-card.featured{border:2px solid #0f766e;box-shadow:0 22px 55px #0f766e24}.plan-badge{color:#fff;letter-spacing:.4px;text-transform:uppercase;background:#0f766e;border-radius:20px;padding:6px 12px;font-size:10px;font-weight:900;position:absolute;top:-13px;right:24px}.plan-name>span{font-size:18px;font-weight:900}.plan-name p{color:#738681;margin:5px 0 0}.plan-price{align-items:baseline;gap:5px;margin:25px 0;display:flex}.plan-price strong{letter-spacing:-1.5px;font-size:38px}.plan-price span{color:#72837f}.public-plan-card ul{gap:12px;margin:0 0 28px;padding:0;list-style:none;display:grid}.public-plan-card li{color:#506762;align-items:center;gap:9px;display:flex}.public-plan-card li svg{color:#0f9f75}.public-plan-card li.disabled{color:#99a8a5}.public-plan-card li.disabled svg{color:#b6c0be}.public-plan-card>a{margin-top:auto}.pricing-link{align-items:center;gap:5px;margin-top:32px;display:inline-flex}.faq-grid{grid-template-columns:1fr 1fr;gap:14px;max-width:920px;margin:0 auto;display:grid}.faq-grid details{background:#fff;border:1px solid #e0eae8;border-radius:15px;padding:20px 22px}.faq-grid summary{cursor:pointer;font-weight:900}.faq-grid p{color:#6a7f7a;margin:12px 0 0;line-height:1.6}.public-cta{text-align:center;background:#dff8f3;border-radius:28px;flex-direction:column;align-items:center;width:min(1100px,100% - 40px);margin:30px auto 100px;padding:70px 30px;display:flex}.public-cta>svg{color:#0f766e;width:34px;height:34px;margin-bottom:18px}.public-footer{color:#a8bfba;background:#0d2421;grid-template-columns:2fr 1fr 1fr;gap:50px;padding:60px max(40px,50% - 590px) 28px;display:grid}.public-footer>div{flex-direction:column;align-items:flex-start;gap:11px;display:flex}.public-footer>div:first-child{grid-template-columns:auto 1fr;align-items:center;display:grid}.public-footer>div:first-child img{object-fit:contain;object-position:left center;width:132px;height:34px}.public-footer>div:first-child p{grid-column:1/-1;max-width:380px}.public-footer strong{color:#fff}.public-copyright{border-top:1px solid #ffffff17;grid-column:1/-1;padding-top:24px}.pricing-heading{max-width:760px;margin-top:40px}.pricing-heading h1{font-size:clamp(38px,5vw,58px)}.pricing-footnote{color:#71847f;text-align:center;margin:32px 0 0}.register-public{background:radial-gradient(circle at 65% 20%,#c8f7ee,#0000 36%);place-items:center;min-height:650px;padding:80px 20px;display:grid}.register-copy{background:#fff;border:1px solid #dce9e6;border-radius:25px;max-width:700px;padding:55px;box-shadow:0 25px 70px #1c463f1a}.register-copy h1{font-size:clamp(36px,5vw,54px)}.register-copy>p{color:#627873;font-size:16px;line-height:1.7}.register-copy ul{gap:12px;margin:25px 0;padding:0;list-style:none;display:grid}.register-copy li{text-transform:capitalize;align-items:center;gap:9px;display:flex}.register-copy li svg{color:#0f9f75;width:18px}.register-copy>.text-link{margin-left:18px;display:inline-block}.registration-page{grid-template-columns:.72fr 1.28fr;align-items:start;gap:70px;width:min(1120px,100% - 40px);margin:0 auto;padding:75px 0 100px;display:grid}.registration-intro{position:sticky;top:120px}.registration-intro h1{color:#102b28;letter-spacing:-2px;margin:0;font-size:clamp(38px,5vw,56px);line-height:1.04}.registration-intro>p{color:#667d77;font-size:16px;line-height:1.7}.registration-intro ul{text-transform:capitalize;gap:11px;margin:28px 0;padding:0;list-style:none;display:grid}.registration-intro li{align-items:center;gap:9px;font-weight:800;display:flex}.registration-intro li svg{color:#0f9f75;width:18px}.registration-intro .registration-login{font-size:13px}.registration-login a{color:#0f766e;font-weight:900}.registration-form{background:#fff;border:1px solid #dce8e5;border-radius:24px;grid-template-columns:1fr 1fr;gap:20px;padding:36px;display:grid;box-shadow:0 24px 70px #1c463f17}.registration-form-head{border-bottom:1px solid #e6eeec;grid-column:1/-1;padding-bottom:12px}.registration-form-head:not(:first-child){margin-top:12px}.registration-form-head span{color:#0f766e;letter-spacing:1.2px;font-size:10px;font-weight:900}.registration-form-head h2{margin:5px 0 0;font-size:20px}.registration-form>.primary{min-height:50px}.registration-terms{color:#81918e;text-align:center}.checkout-page{grid-template-columns:1.15fr .85fr;gap:50px;width:min(1040px,100% - 40px);margin:0 auto;padding:80px 0 110px;display:grid}.checkout-payment,.checkout-summary,.checkout-error{background:#fff;border:1px solid #dce8e5;border-radius:24px;padding:38px;box-shadow:0 24px 70px #1c463f14}.checkout-payment h1,.checkout-error h1{color:#102b28;letter-spacing:-1.8px;margin:0;font-size:clamp(36px,5vw,50px);line-height:1.06}.checkout-payment>p,.checkout-error p{color:#657b76;font-size:15px}.payment-methods{gap:11px;margin:28px 0;display:grid}.payment-methods label{cursor:pointer;border:1px solid #dfe9e7;border-radius:14px;grid-template-columns:auto auto 1fr auto;align-items:center;gap:12px;padding:15px;display:grid}.payment-methods label.selected{background:#effaf7;border-color:#0f766e}.payment-methods input{width:17px;height:17px;min-height:auto}.payment-methods label>span{color:#0f766e;background:#dff7f2;border-radius:11px;place-items:center;width:40px;height:40px;display:grid}.payment-methods strong,.payment-methods small{display:block}.payment-methods small{color:#778a86;margin-top:3px}.payment-methods label>svg{color:#0f9f75;width:19px}.checkout-button{min-height:52px}.checkout-security{color:#83938f;text-align:center;margin-top:13px;display:block}.checkout-summary{color:#d8e9e5;background:#102b28;align-self:start}.checkout-summary .public-eyebrow{color:#5eead4}.checkout-business{border-bottom:1px solid #ffffff1f;align-items:center;gap:12px;padding-bottom:24px;display:flex}.checkout-business>span{color:#0f514a;background:#5eead4;border-radius:12px;place-items:center;width:44px;height:44px;display:grid}.checkout-business strong,.checkout-business small{display:block}.checkout-business small{color:#93aea8}.checkout-lines{gap:15px;padding:28px 0;display:grid}.checkout-lines div,.checkout-total{justify-content:space-between;align-items:center;display:flex}.checkout-lines span,.checkout-summary>p{color:#99b3ad}.checkout-total{border-top:1px solid #ffffff1f;padding-top:22px}.checkout-total strong{color:#5eead4;font-size:27px}.checkout-summary>p{margin:22px 0 0;line-height:1.6}.checkout-error{text-align:center;grid-column:1/-1}.plan-usage-card .card-body{gap:22px;display:grid}.plan-usage-head>div span,.plan-usage-head>div strong{display:block}.plan-usage-head>div span{color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:800}.plan-usage-head>div strong{color:var(--primary);margin-top:4px;font-size:23px}.usage-metrics{grid-template-columns:1fr 1fr;gap:24px;display:grid}.usage-metrics>div{grid-template-columns:1fr auto;gap:8px;display:grid}.usage-metrics span{color:var(--muted);font-size:12px}.usage-metrics progress{width:100%;height:7px;accent-color:var(--primary);border:0;border-radius:20px;grid-column:1/-1;overflow:hidden}.usage-features{flex-wrap:wrap;gap:9px;display:flex}.subscription-date-note{color:#506d67;background:#edf8f5;border-radius:9px;padding:10px 12px;font-size:12px;font-weight:800}.subscription-date-note.expired{color:#a23f32;background:#fff0ed}.usage-features span{border-radius:8px;align-items:center;gap:6px;padding:7px 10px;font-size:11px;font-weight:800;display:inline-flex}.usage-features svg{width:14px;height:14px}.usage-features .enabled{color:#08745b;background:#e6f8f2}.usage-features .locked{color:#8a5a25;background:#fff4e5}.upgrade-notice{justify-content:space-between;align-items:center;gap:15px;display:flex}.upgrade-notice .secondary{flex:none;min-height:36px;padding:0 13px}.platform-plan-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:20px;display:grid}.platform-plan-card{gap:18px;display:grid;position:relative}.platform-plan-title{align-items:center;gap:12px;display:flex}.platform-plan-title h3,.platform-plan-title p{margin:0}.platform-plan-title p{color:var(--muted);margin-top:3px}.platform-plan-actions{gap:4px;display:flex;position:absolute;top:0;right:0}.plan-editor-card{scroll-margin-top:90px}.plan-limit-list,.detail-list{gap:0;display:grid}.plan-limit-list span,.detail-list>div{border-bottom:1px solid var(--border);min-height:42px;color:var(--muted);justify-content:space-between;align-items:center;gap:16px;font-size:12px;display:flex}.plan-limit-list strong,.detail-list strong{color:var(--text);text-align:right;align-items:center;gap:7px;display:flex}.detail-list svg{width:15px;height:15px}.plan-feature-options{border:1px solid var(--border);background:var(--panel-soft);border-radius:12px;flex-wrap:wrap;gap:10px 24px;padding:16px;display:flex}.plan-feature-options label{text-transform:capitalize;align-items:center;gap:7px;display:flex}.plan-feature-options input{width:17px;height:17px;min-height:auto}.platform-customisations-grid{align-items:start}.customisation-form textarea{min-height:112px}.theme-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.color-field{gap:7px;display:grid}.color-field>span{font-size:12px;font-weight:700}.color-field>div{grid-template-columns:44px 1fr;align-items:center;gap:8px;display:grid}.color-field input[type=color]{cursor:pointer;width:44px;height:40px;min-height:40px;padding:3px}.email-preview{border:1px solid var(--border);background:#eef4f3;border-radius:12px;overflow:hidden}.email-preview-head{background:#102b28;padding:22px 24px}.email-preview-head img{object-fit:contain;object-position:left center;width:180px;height:31px}.reset-button{justify-content:center;display:flex}.email-preview-body{background:#fff;padding:24px}.email-preview-body>span{color:var(--primary);letter-spacing:1px;text-transform:uppercase;margin-bottom:8px;font-size:11px;font-weight:800;display:block}.email-preview-body h3{color:#102b28;margin:0 0 14px;font-size:24px;line-height:1.2}.email-preview-body p{color:#496966;margin:8px 0 0;line-height:1.6}.email-preview-body button{color:#fff;background:var(--primary);border:0;border-radius:10px;margin:20px 0;padding:12px 20px;font-weight:800}.email-preview-body.email-preview-security-note{background:#f3faf8;border:1px solid #d8eee9;border-radius:10px;padding:14px}.business-detail-stats{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px;display:grid}.business-detail-stats article{border:1px solid var(--border);background:var(--panel);box-shadow:var(--shadow);border-radius:16px;padding:20px}.business-detail-stats span,.business-detail-stats strong,.business-detail-stats small{display:block}.business-detail-stats span,.business-detail-stats small{color:var(--muted);font-size:11px}.business-detail-stats strong{text-transform:capitalize;margin:8px 0 5px;font-size:18px}.team-detail-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.team-detail-grid article{border:1px solid var(--border);background:var(--panel-soft);border-radius:13px;align-items:center;gap:11px;padding:14px;display:flex}.team-detail-grid article>div:last-child{min-width:0}.team-detail-grid strong,.team-detail-grid span,.team-detail-grid small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.team-detail-grid span,.team-detail-grid small{color:var(--muted);font-size:11px}.renewal-form{grid-template-columns:1fr 1fr auto;align-items:end;gap:16px;display:grid}.renewal-form .primary{min-height:46px}.business-card .text-link{align-items:center;gap:4px;margin-top:10px;display:inline-flex}.customer-name-cell{color:var(--text);align-items:center;gap:11px;display:flex}.customer-name-cell>span{width:38px;height:38px;color:var(--primary);background:var(--primary-soft);border-radius:50%;place-items:center;font-weight:900;display:grid}.customer-status{border-radius:999px;padding:5px 9px;font-size:10px;font-weight:800;display:inline-flex}.customer-status.active{color:#087443;background:#dcf7e9}.customer-status.inactive{color:#6b7280;background:#eef0f2}.customer-balance-cell strong{color:var(--text);margin-top:5px;display:block}.balance-status{border-radius:999px;padding:4px 8px;font-size:10px;font-weight:850;display:inline-flex}.balance-status.due{color:#b42318;background:#fee4e2}.balance-status.advance{color:#087443;background:#dcf7e9}.balance-status.no_due{color:#475467;background:#eef2f6}.balance-status.credit_limit_exceeded{color:#9a6700;background:#fff3cd}.ledger-modal{width:min(1020px,100vw - 30px);max-height:calc(100vh - 40px);overflow-y:auto}.ledger-modal>h2{margin:0}.ledger-modal>p{color:var(--muted);margin:6px 0 22px}.customer-form{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.three-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.four-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.five-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;display:grid}.invoice-payment-card{border:1px solid #e2e9e7;border-radius:10px;padding:0 20px}.customer-balance-hero,.ledger-summary,.dashboard-customer-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.customer-balance-hero article,.ledger-summary article,.dashboard-customer-summary>div{border:1px solid var(--border);background:var(--panel);box-shadow:var(--shadow);border-radius:14px;padding:20px}.customer-balance-hero span,.customer-balance-hero small,.ledger-summary span,.dashboard-customer-summary span{color:var(--muted);font-size:11px;display:block}.customer-balance-hero strong,.ledger-summary strong,.dashboard-customer-summary strong{margin:7px 0;font-size:21px;display:block}.customer-notes{color:var(--muted);background:var(--panel-soft);border-radius:10px;padding:13px;line-height:1.6}.aging-mini{grid-template-columns:1fr 1fr;gap:12px;display:grid}.aging-mini>div{border:1px solid var(--border);background:var(--panel-soft);border-radius:11px;padding:16px}.aging-mini span,.aging-mini strong{display:block}.aging-mini span{color:var(--muted);font-size:11px}.aging-mini strong{margin-top:7px}.capitalize{text-transform:capitalize}.statement-filters input{width:auto}.payment-filters{flex-wrap:wrap}.payment-filters>*{flex:145px}.payment-filters .search-input{flex-basis:260px}.report-total td{color:var(--text);background:var(--panel-soft);font-weight:900}.top-customer-list{gap:9px;display:grid}.top-customer-list>a{border:1px solid var(--border);background:var(--panel-soft);border-radius:11px;align-items:center;gap:12px;padding:13px;display:flex}.top-customer-list>a>span{width:30px;height:30px;color:var(--primary);background:var(--primary-soft);border-radius:50%;place-items:center;font-weight:900;display:grid}.top-customer-list div{flex:1}.top-customer-list strong,.top-customer-list small{display:block}.top-customer-list small{color:var(--muted);margin-top:3px}.dashboard-customer-summary>div{box-shadow:none;grid-template-columns:auto 1fr;align-items:center;gap:4px 10px;display:grid}.dashboard-customer-summary svg{color:var(--primary);grid-row:1/3}.dashboard-customer-summary strong{margin:0;font-size:17px}.dashboard-top-customers{flex-wrap:wrap;gap:9px;display:flex}.dashboard-top-customers a{background:var(--panel-soft);border-radius:9px;gap:10px;padding:8px 11px;display:flex}.invoice-form{gap:24px;display:grid}.invoice-items-head{justify-content:space-between;align-items:center;display:flex}.invoice-items-head h3,.invoice-items-head p{margin:0}.invoice-items-head p{color:var(--muted);margin-top:3px}.invoice-items{gap:12px;display:grid}.invoice-item-row{border:1px solid var(--border);background:var(--panel-soft);border-radius:12px;grid-template-columns:2fr 1.5fr 1fr .65fr 1fr 1fr;align-items:end;gap:10px;padding:14px;display:grid}.invoice-item-description{grid-column:1/6}.invoice-line-total span,.invoice-line-total strong{display:block}.invoice-line-total span{color:var(--muted);margin-bottom:8px;font-size:11px;font-weight:800}.invoice-line-total strong{background:var(--panel);border-radius:9px;min-height:42px;padding:11px}.invoice-bottom-grid{grid-template-columns:1.35fr .65fr;gap:24px;display:grid}.invoice-totals{border:1px solid var(--border);background:var(--panel-soft);border-radius:13px;padding:18px}.invoice-totals>div{justify-content:space-between;padding:8px 0;display:flex}.invoice-totals .grand{border-top:1px solid var(--border);margin-top:5px;font-size:16px}.invoice-status{text-transform:capitalize;color:#475467;background:#eef2f6;border:1px solid #d7dee7;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:850;display:inline-flex}.invoice-status.draft{color:#475467;background:#f2f4f7;border-color:#d0d5dd}.invoice-status.sent{color:#2355a2;background:#e4edff;border-color:#b9cdf7}.invoice-status.pending_approval{color:#92400e;background:#fef3c7;border-color:#f5d66f}.invoice-status.approved{color:#166534;background:#dcfce7;border-color:#9de5b5}.invoice-status.rejected{color:#991b1b;background:#fee2e2;border-color:#f6aaaa}.invoice-status.converted{color:#6b21a8;background:#f3e8ff;border-color:#d8b4fe}.invoice-status.partially_paid{color:#9a6700;background:#fff3cd;border-color:#f0d477}.invoice-status.paid{color:#087443;background:#dcf7e9;border-color:#9cddbd}.invoice-status.overdue{color:#b42318;background:#fee4e2;border-color:#f6aaa5}.invoice-status.cancelled{color:#344054;background:#eaecf0;border-color:#c9ced6}.invoice-detail-summary{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px;display:grid}.invoice-detail-summary article{border:1px solid var(--border);background:var(--panel);border-radius:14px;padding:20px}.invoice-dashboard-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.invoice-dashboard-grid>div{border:1px solid var(--border);background:var(--panel-soft);border-radius:11px;padding:15px}.invoice-dashboard-grid span,.invoice-dashboard-grid strong{display:block}.invoice-dashboard-grid span{color:var(--muted);font-size:11px}.invoice-dashboard-grid strong{margin-top:6px;font-size:17px}.invoice-detail-summary span,.invoice-detail-summary strong{display:block}.invoice-detail-summary>article>span{color:var(--muted);margin-bottom:8px;font-size:11px}@media(max-width:900px){.invoice-item-row,.invoice-bottom-grid{grid-template-columns:1fr 1fr}.invoice-item-description{grid-column:1/-1}.invoice-detail-summary,.invoice-dashboard-grid,.customer-balance-hero,.ledger-summary,.dashboard-customer-summary{grid-template-columns:repeat(2,1fr)}.four-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.public-hero,.public-showcase{grid-template-columns:1fr}.public-hero{gap:50px;padding-top:55px}.feature-grid{grid-template-columns:repeat(2,1fr)}.public-showcase{gap:50px}.public-plan-grid{grid-template-columns:1fr;max-width:620px;margin:0 auto}.registration-page{grid-template-columns:1fr;gap:38px}.checkout-page{grid-template-columns:1fr}.registration-intro{position:static}.platform-plan-grid,.business-detail-stats,.team-detail-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.four-grid{grid-template-columns:repeat(1,minmax(0,1fr));gap:16px;display:grid}.invoice-details-columns{grid-template-columns:1fr}.approval-flow-summary{flex-wrap:nowrap;padding-bottom:5px;overflow-x:auto}.approval-flow-summary>div{flex:0 0 140px}.approval-flow-event{flex-basis:170px}.invoice-item-row,.invoice-bottom-grid,.invoice-detail-summary,.invoice-dashboard-grid,.customer-balance-hero,.ledger-summary,.dashboard-customer-summary,.aging-mini{grid-template-columns:1fr}.statement-filters{flex-direction:column;align-items:stretch}.statement-filters input{width:100%}.public-header{width:calc(100% - 28px);height:68px}.public-header nav{display:none}.public-actions{gap:7px}.public-header .primary{padding:0 13px;font-size:12px}.public-login{font-size:12px}.public-hero,.public-section{width:calc(100% - 28px)}.public-hero{min-height:auto;padding:50px 0 72px}.hero-copy h1{letter-spacing:-1.7px;font-size:43px}.hero-copy>p{font-size:16px}.hero-actions{flex-direction:column;align-items:stretch}.hero-proof{flex-direction:column;align-items:flex-start}.hero-dashboard{border-radius:20px;padding:18px}.preview-stats{grid-template-columns:1fr}.preview-chart{height:130px}.feature-grid,.how-grid,.faq-grid,.usage-metrics{grid-template-columns:1fr}.public-section{padding:72px 0}.public-showcase{padding:72px 20px}.public-footer{grid-template-columns:1fr 1fr;padding:50px 22px 25px}.public-footer>div:first-child{grid-column:1/-1}.register-copy{padding:34px 24px}.registration-page{width:calc(100% - 28px);padding:45px 0 72px}.registration-form{border-radius:18px;grid-template-columns:1fr;padding:25px 18px}.checkout-page{width:calc(100% - 28px);padding:45px 0 72px}.checkout-payment,.checkout-summary{border-radius:18px;padding:25px 20px}.profile-photo-editor,.company-logo-editor{flex-direction:column;align-items:flex-start}.profile-photo-preview{width:80px;height:80px}.company-logo-preview{width:96px;height:96px}.pagination{flex-direction:column;align-items:stretch}.pagination>div{justify-content:center}.registration-form .full,.registration-form-head{grid-column:1}.register-copy>.text-link{margin:20px 0 0;display:block}.plan-usage-head,.upgrade-notice{flex-direction:column;align-items:stretch}.platform-plan-grid,.business-detail-stats,.team-detail-grid,.renewal-form{grid-template-columns:1fr}}.salary-slip-blade-preview{box-sizing:border-box;background:#fff;border-radius:14px;width:min(210mm,100%);height:297mm;margin:0 auto 40px;overflow:hidden;box-shadow:0 18px 55px #0f232024}.salary-slip-blade-frame{background:#fff;border:0;width:100%;height:100%}@media(max-width:720px){.salary-slip-blade-preview{border-radius:10px;width:100%;height:75vh;min-height:600px}}@media(max-width:567px){.four-grid{grid-template-columns:repeat(1,minmax(0,1fr));gap:16px;display:grid}.salary-slip-screen-actions,.salary-slip-blade-preview{min-width:0;max-width:100%}.salary-slip-blade-preview{-webkit-overflow-scrolling:touch;overflow:auto}.salary-slip-blade-frame{width:210mm;min-width:210mm;height:297mm}}.document-blade-preview{box-sizing:border-box;background:#fff;border-radius:14px;width:min(210mm,100%);height:297mm;margin:0 auto 40px;overflow:hidden;box-shadow:0 18px 55px #0f232024}.document-blade-frame{background:#fff;border:0;width:100%;height:100%}@media(max-width:720px){.document-blade-preview{border-radius:10px;width:100%;height:75vh;min-height:600px}}@media(max-width:567px){.document-preview-actions,.document-blade-preview{min-width:0;max-width:100%}.document-blade-preview{-webkit-overflow-scrolling:touch;overflow:auto}.document-blade-frame{width:210mm;min-width:210mm;height:297mm}}.clickable-document-row{cursor:pointer;transition:background-color .18s}.clickable-document-row:hover,.clickable-document-row:focus-visible{background:var(--primary)}@supports (color:color-mix(in lab,red,red)){.clickable-document-row:hover,.clickable-document-row:focus-visible{background:color-mix(in srgb,var(--primary) 6%,transparent)}}.clickable-document-row:hover,.clickable-document-row:focus-visible{outline:none}.master-active-toggle{color:var(--muted);white-space:nowrap;align-items:center;gap:7px;font-size:12px;font-weight:700;display:inline-flex}.master-active-toggle input{width:16px;height:16px;accent-color:var(--primary)}.d-flex{display:flex}.gap-10{gap:10px}.align-items-center{align-items:center}.justify-content-between{justify-content:space-between}input[type=checkbox]{border:1px solid var(--border);color:var(--text);background:var(--panel);cursor:pointer;border-radius:9px;outline:0;width:15px;min-height:0;padding:9px 11px;transition:all .15s}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}