/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after{--tw-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}::backdrop{--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}}}@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;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.fixed{position:fixed}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.hidden{display:none}.table{display:table}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}:root{--ink:#18231d;--forest:#123d2d;--forest-2:#1b563f;--mint:#dff3e7;--paper:#f5f4ee;--white:#fffefa;--line:#deded4;--muted:#727970;--orange:#f07749;--orange-soft:#ffeadf;--red:#b84a3a;--red-soft:#fff0ea;--blue:#4c748d;--blue-soft:#e6f0f5;--purple:#725f8d;--purple-soft:#efeaf5}*{box-sizing:border-box}html{background:#e8ebe7}body{color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;margin:0;font-family:Arial,Helvetica,sans-serif}button,input,select,textarea{font:inherit}button{color:inherit}button,a{-webkit-tap-highlight-color:transparent}:is(button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible){outline-offset:2px;outline:3px solid #67a48666}.site-frame{min-height:100svh}.app-shell{background:var(--paper);width:100%;max-width:520px;min-height:100svh;margin:0 auto;padding:24px 19px 112px;overflow:hidden}.view{min-height:80vh}.topbar,.hero-head,.hero-foot,.section-head,.fleet-main,.invoice-top,.sheet-head,.balance-head{justify-content:space-between;align-items:center;display:flex}.topbar{margin-bottom:24px}.header-actions{align-items:center;gap:9px;display:flex}.eyebrow{color:#3f715b;letter-spacing:.145em;margin:0 0 5px;font-size:9.5px;font-weight:900}h1,h2{letter-spacing:-.035em;margin:0;font-family:Georgia,Times New Roman,serif;font-weight:600}h1{font-size:clamp(24px,7vw,30px);line-height:1.05}h2{font-size:22px;line-height:1.15}.avatar{background:var(--forest);color:#fff;border:0;border-radius:50%;place-items:center;width:42px;height:42px;font-size:12px;font-weight:900;display:grid}.icon-button{border:1px solid var(--line);background:var(--white);cursor:pointer;border-radius:50%;place-items:center;width:40px;height:40px;display:grid;position:relative}.notification i{background:var(--orange);border:2px solid #fff;border-radius:50%;width:7px;height:7px;position:absolute;top:7px;right:8px}section{margin-bottom:30px}.section-head{align-items:flex-end;margin-bottom:14px}.text-button{color:#285f47;cursor:pointer;background:0 0;border:0;align-items:center;gap:1px;padding:6px 0;font-size:11px;font-weight:800;display:flex}.hero-card{color:#fff;background:linear-gradient(145deg,#194f39,#0b2d22);border-radius:24px;margin:0 0 28px;padding:22px;position:relative;overflow:hidden;box-shadow:0 18px 38px #123d2d2b}.hero-card:after{content:"";border:30px solid #ffffff09;border-radius:50%;width:180px;height:180px;position:absolute;bottom:-70px;right:-50px}.muted-label{color:#b6d2c4;margin:0 0 8px;font-size:11px}.hero-card strong{z-index:1;letter-spacing:-.03em;font-family:Georgia,serif;font-size:clamp(29px,9vw,38px);font-weight:500;position:relative}.pill{white-space:nowrap;color:#626961;letter-spacing:.02em;background:#eceeea;border-radius:999px;align-items:center;gap:4px;width:max-content;padding:5px 8px;font-size:8.5px;font-weight:900;display:inline-flex}.pill.green{color:#276548;background:#e0f3e7}.pill.red{color:#a64131;background:#ffe5dd}.pill.orange{color:#9b6225;background:#fff0dc}.pill.light{color:#dcece4;background:#ffffff15;border:1px solid #ffffff2b}.collection-row{color:#c7dcd1;justify-content:space-between;margin-top:23px;font-size:10px;display:flex}.collection-row b{color:#fff}.hero-progress{background:#ffffff1d;border-radius:8px;height:7px;margin:8px 0 13px;overflow:hidden}.hero-progress span{border-radius:inherit;background:#72d39e;height:100%;animation:1s cubic-bezier(.2,.8,.2,1) .2s both grow-bar;display:block}.hero-foot{z-index:1;color:#d1e2da;font-size:9.5px;position:relative}.hero-foot span{align-items:center;gap:6px;display:flex}.dot{border-radius:50%;width:7px;height:7px}.dot.received{background:#72d39e}.dot.due{background:#f3a17e}.hero-link{z-index:1;color:#fff;cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;margin-top:20px;padding:0;font-size:11px;font-weight:800;display:flex;position:relative}.quick-section{margin-bottom:28px}.quick-actions{grid-template-columns:repeat(4,1fr);gap:9px;display:grid}.quick-actions button{color:#3e463f;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:7px;min-width:0;padding:0;font-size:9.5px;display:flex}.quick-actions button span{background:var(--white);width:50px;height:50px;color:var(--forest);border:1px solid #d9dfd9;border-radius:17px;place-items:center;transition:transform .2s,box-shadow .2s;display:grid;box-shadow:0 6px 15px #1b3d2d0a}.quick-actions button:active span{transform:scale(.94)}.quick-actions button:hover span{transform:translateY(-2px);box-shadow:0 9px 20px #173f2c18}.attention-list{gap:9px;display:grid}.attention-card{text-align:left;background:var(--white);cursor:pointer;border:1px solid #e1e0d7;border-radius:17px;align-items:center;gap:11px;width:100%;padding:13px;display:flex}.attention-card.urgent{background:#fff9f5;border-color:#efd5ca}.attention-card>div{flex:1;min-width:0}.attention-card p,.attention-card small{margin:0;display:block}.attention-card p{color:var(--muted);font-size:9.5px}.attention-card strong{text-overflow:ellipsis;white-space:nowrap;margin:3px 0;font-size:13px;display:block;overflow:hidden}.attention-card small{color:#8a7367;font-size:9.5px}.attention-icon{color:#a54631;background:#ffe3d7;border-radius:12px;flex:none;place-items:center;width:39px;height:39px;display:grid}.attention-icon.service{background:var(--blue-soft);color:var(--blue)}.attention-icon.success{background:var(--mint);color:#2c7250}.metric-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.metric-card{border:1px solid var(--line);background:var(--white);border-radius:18px;padding:14px}.metric-card>p{color:var(--muted);margin:11px 0 4px;font-size:9.5px}.metric-card>strong{font-family:Georgia,serif;font-size:20px;font-weight:600;display:block}.metric-card>small{margin-top:5px;font-size:8.5px;display:block}.metric-icon,.category-icon{background:var(--mint);width:32px;height:32px;color:var(--forest);border-radius:10px;place-items:center;display:grid}.metric-icon.orange,.category-icon.orange{background:var(--orange-soft);color:#a85534}.metric-icon.blue,.category-icon.blue{background:var(--blue-soft);color:var(--blue)}.metric-icon.purple,.category-icon.purple{background:var(--purple-soft);color:var(--purple)}.category-icon.green{background:var(--mint);color:var(--forest)}.positive{color:#2b7652!important}.muted{color:var(--muted)}.danger-text{color:var(--red)!important}.schedule-card,.category-card,.partner-card{border:1px solid var(--line);background:var(--white);border-radius:19px;overflow:hidden}.schedule-row{border-bottom:1px solid #ebeae3;align-items:center;gap:10px;min-height:68px;padding:11px 12px;display:flex;position:relative}.schedule-row:last-child{border-bottom:0}.time-block{flex:none;width:45px}.time-block strong,.time-block small{display:block}.time-block strong{font-size:10.5px}.time-block small{color:var(--muted);margin-top:3px;font-size:8.5px}.timeline-dot{background:var(--white);border:2px solid #a4aaa4;border-radius:50%;flex:none;width:9px;height:9px;position:relative}.timeline-dot.active{background:#72d39e;border-color:#46a176}.timeline-dot:after{content:"";background:#dfe1db;width:1px;height:46px;position:absolute;top:10px;left:2px}.schedule-row:last-child .timeline-dot:after{display:none}.schedule-copy{flex:1;min-width:0}.schedule-copy strong,.schedule-copy span,.schedule-copy small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.schedule-copy strong{font-size:11px}.schedule-copy span{color:var(--muted);margin-top:4px;font-size:9.5px}.schedule-copy small{color:#8e948d;margin-top:3px;font-size:8.5px}.summary-strip{border:1px solid var(--line);background:var(--line);border-radius:16px;grid-template-columns:repeat(3,1fr);gap:1px;margin:-6px 0 22px;display:grid;overflow:hidden}.summary-strip>div{text-align:center;background:var(--white);padding:12px 8px}.summary-strip p{color:var(--muted);margin:6px 0 0;font-size:8px}.summary-strip p strong{color:var(--ink);font-size:13px}.status-orb{border-radius:50%;width:8px;height:8px;display:inline-block;box-shadow:0 0 0 4px #ebf4ef}.status-orb.green{background:#45a173}.status-orb.orange{background:#df8b4d;box-shadow:0 0 0 4px #fff0e5}.status-orb.red{background:#bd5242;box-shadow:0 0 0 4px #ffebe7}.segmented{background:#e9e9e3;border-radius:13px;grid-template-columns:repeat(3,1fr);margin-bottom:18px;padding:3px;display:grid}.segmented button{color:#777d77;cursor:pointer;background:0 0;border:0;border-radius:10px;padding:9px 5px;font-size:9.5px;font-weight:800}.segmented button.active{background:var(--white);color:var(--forest);box-shadow:0 2px 7px #213b2e12}.tab-content{margin-bottom:0}.toolbar{gap:8px;margin-bottom:13px;display:flex}.search{border:1px solid var(--line);background:var(--white);color:#888e88;border-radius:13px;flex:1;align-items:center;gap:8px;min-width:0;padding:0 12px;display:flex}.search input{width:100%;color:var(--ink);background:0 0;border:0;outline:0;padding:11px 0;font-size:11px}.search input::placeholder{color:#9da19c}.search.standalone{margin:16px 0 12px}.filter-button{border:1px solid var(--line);background:var(--white);cursor:pointer;border-radius:13px;place-items:center;width:43px;height:43px;display:grid}.fleet-list{gap:11px;display:grid}.fleet-card{border:1px solid var(--line);background:var(--white);border-radius:19px;padding:14px;animation:.45s both card-in}.fleet-main{justify-content:flex-start;gap:10px}.fleet-main>div:nth-child(2){flex:1;min-width:0}.fleet-main p{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:12px;font-weight:800;overflow:hidden}.fleet-main span:not(.pill){color:var(--muted);margin-top:4px;font-size:9px;display:block}.asset-icon{width:38px;height:38px;color:var(--forest);background:#eaf1ec;border-radius:12px;flex:none;place-items:center;display:grid}.fleet-meta{border-bottom:1px solid #ebeae4;gap:17px;margin:14px 0 13px;padding-bottom:12px;display:flex}.fleet-meta span{color:#6e756f;align-items:center;gap:5px;font-size:9px;display:flex}.utilization>span{color:var(--muted);justify-content:space-between;margin-bottom:6px;font-size:9px;display:flex}.utilization>span b{color:var(--ink)}.utilization>div{background:#e7e9e4;border-radius:6px;height:5px;overflow:hidden}.utilization i{border-radius:inherit;background:#4ba275;height:100%;display:block}.service-line{color:#5a6d62;border-top:1px solid #eeede7;align-items:center;gap:6px;margin-top:11px;padding-top:10px;font-size:9px;display:flex}.service-line span{flex:1}.service-line.warn{color:#9a6d31}.service-line.danger{color:var(--red);font-weight:800}.primary-button,.secondary-button{cursor:pointer;border-radius:13px;justify-content:center;align-items:center;gap:7px;min-height:43px;padding:0 15px;font-size:10.5px;font-weight:900;display:inline-flex}.primary-button{color:#fff;border:1px solid var(--forest);background:var(--forest);box-shadow:0 7px 16px #133d2d20}.secondary-button{color:var(--forest);background:var(--white);border:1px solid #cfd8d2}.primary-button.full{width:100%}.date-strip{grid-template-columns:repeat(5,1fr);gap:7px;margin:14px 0;display:grid}.date-strip button{border:1px solid var(--line);background:var(--white);color:var(--muted);cursor:pointer;border-radius:13px;flex-direction:column;align-items:center;gap:5px;padding:9px 4px;display:flex}.date-strip button span{font-size:7.5px}.date-strip button strong{font-size:13px}.date-strip button.active{border-color:var(--forest);background:var(--forest);color:#fff}.schedule-card.spacious .schedule-row{min-height:79px}.maintenance-hero{color:#fff;background:linear-gradient(135deg,#365e6f,#223f4c);border-radius:18px;align-items:center;gap:13px;margin-bottom:12px;padding:17px;display:flex}.maintenance-hero>span{background:#ffffff17;border-radius:14px;place-items:center;width:44px;height:44px;display:grid}.maintenance-hero p,.maintenance-hero small{color:#c7d7df;margin:0;font-size:9px;display:block}.maintenance-hero strong{margin:3px 0;font-size:14px;display:block}.task-card{border:1px solid var(--line);background:var(--white);border-radius:16px;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;margin-bottom:9px;padding:13px;display:grid}.task-state{border-radius:11px;place-items:center;width:36px;height:36px;display:grid}.task-state.danger{background:var(--red-soft);color:var(--red)}.task-state.warn{color:#a26b26;background:#fff1df}.task-state.good{background:var(--blue-soft);color:var(--blue)}.task-card strong,.task-card p,.task-card small{margin:0;display:block}.task-card strong{font-size:10.5px}.task-card p{color:var(--muted);margin:4px 0;font-size:9px}.task-card small{color:#9a6851;font-size:8.5px}.task-card button{color:var(--forest);background:#fff;border:1px solid #cdd8d1;border-radius:9px;padding:6px 9px;font-size:8.5px;font-weight:900}.equipment-tab-head{justify-content:space-between;align-items:flex-end;margin-bottom:12px;display:flex}.equipment-tab-head>span{color:var(--muted);font-size:9px;font-weight:800}.equipment-tabs{scroll-snap-type:x mandatory;scrollbar-width:none;gap:8px;margin:0 -19px 13px;padding:0 19px 6px;display:flex;overflow-x:auto}.equipment-tabs::-webkit-scrollbar{display:none}.equipment-tabs button{scroll-snap-align:start;text-align:left;border:1px solid var(--line);background:var(--white);min-width:77px;color:var(--muted);cursor:pointer;border-radius:13px;padding:10px 11px;transition:transform .2s,border-color .2s,background .2s}.equipment-tabs button span,.equipment-tabs button small{display:block}.equipment-tabs button span{color:var(--ink);font-size:10px;font-weight:900}.equipment-tabs button small{margin-top:4px;font-size:7.5px}.equipment-tabs button.active{border-color:var(--forest);background:var(--forest);color:#bcd1c6;transform:translateY(-1px);box-shadow:0 8px 18px #123d2d20}.equipment-tabs button.active span{color:#fff}.equipment-dropdown{background:var(--white);cursor:pointer;border:1px solid #cfd9d2;border-radius:16px;grid-template-columns:40px minmax(0,1fr) 1px 18px;align-items:center;gap:10px;margin-bottom:13px;padding:10px 12px;display:grid;position:relative;overflow:hidden;box-shadow:0 7px 18px #163c2c0a}.equipment-dropdown-icon{background:var(--mint);width:40px;height:40px;color:var(--forest);border-radius:12px;place-items:center;display:grid}.equipment-dropdown-copy{pointer-events:none;min-width:0}.equipment-dropdown-copy small,.equipment-dropdown-copy b{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.equipment-dropdown-copy small{color:var(--muted);font-size:7.5px}.equipment-dropdown-copy b{margin-top:4px;font-size:11px}.equipment-dropdown select{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.equipment-dropdown>svg{color:#67736c;pointer-events:none}.equipment-profile{color:#fff;background:linear-gradient(140deg,#194d39,#0c3024);border-radius:20px;margin-bottom:10px;padding:15px;box-shadow:0 13px 30px #123d2d1f}.equipment-profile-top{align-items:center;gap:10px;display:flex}.equipment-profile-top>div:nth-child(2){flex:1;min-width:0}.equipment-profile-top p,.equipment-profile-top span{margin:0;display:block}.equipment-profile-top p{text-overflow:ellipsis;white-space:nowrap;font-family:Georgia,serif;font-size:17px;overflow:hidden}.equipment-profile-top div>span{color:#b8cec3;margin-top:5px;font-size:8px}.equipment-glyph{color:#8ed9b2;background:#ffffff13;border-radius:13px;flex:none;place-items:center;width:42px;height:42px;display:grid}.equipment-facts{border-top:1px solid #ffffff18;grid-template-columns:1fr 1fr;gap:12px 8px;margin-top:16px;padding-top:14px;display:grid}.equipment-facts>div>span{color:#aac4b7;align-items:center;gap:5px;font-size:7.5px;display:flex}.equipment-facts strong,.equipment-facts small{display:block}.equipment-facts strong{margin-top:5px;font-size:10px}.equipment-facts small{color:#91ab9f;margin-top:3px;font-size:7.5px}.operator-card{border:1px solid var(--line);background:var(--white);border-radius:18px;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;margin-bottom:13px;padding:13px;display:grid}.operator-avatar{background:var(--orange-soft);color:#9e5636;border-radius:13px;place-items:center;width:41px;height:41px;display:grid}.operator-name span,.operator-name strong,.operator-name small{display:block}.operator-name span{color:var(--muted);font-size:7.5px}.operator-name strong{margin-top:3px;font-size:11px}.operator-name small{color:#818780;margin-top:3px;font-size:8px}.operator-facts{border-top:1px solid #ebeae4;grid-column:1/-1;grid-template-columns:1fr 1fr;gap:8px;padding-top:11px;display:grid}.operator-facts>span{background:#f4f5f0;border-radius:10px;padding:9px 10px}.operator-facts small,.operator-facts b{display:block}.operator-facts small{color:var(--muted);font-size:7.5px}.operator-facts b{margin-top:4px;font-size:10px}.operator-hr-link{color:var(--forest);cursor:pointer;background:0 0;border:0;grid-column:1/-1;justify-content:flex-end;align-items:center;gap:4px;padding:2px 0 0;font-size:7.5px;font-weight:900;display:flex}.record-tabs{scrollbar-width:none;gap:6px;margin:0 -19px 12px;padding:0 19px 5px;display:flex;overflow-x:auto}.record-tabs::-webkit-scrollbar{display:none}.record-tabs button{white-space:nowrap;border:1px solid var(--line);background:var(--white);color:var(--muted);cursor:pointer;border-radius:999px;align-items:center;gap:4px;padding:8px 11px;font-size:8.5px;font-weight:800;display:inline-flex}.record-tabs button.active{background:var(--mint);color:var(--forest);border-color:#d5e5db}.record-panel{border:1px solid var(--line);background:var(--white);border-radius:20px;min-height:260px;padding:14px}.record-kpis{grid-template-columns:repeat(2,1fr);gap:7px;margin-bottom:18px;display:grid}.record-kpis>div{color:#3e765b;background:#f2f4ef;border-radius:12px;align-items:center;gap:7px;min-width:0;padding:10px 8px;display:flex}.record-kpis small,.record-kpis b{text-overflow:ellipsis;display:block;overflow:hidden}.record-kpis small{color:var(--muted);font-size:6.5px}.record-kpis b{color:var(--ink);white-space:nowrap;margin-top:3px;font-size:8px}.record-title{justify-content:space-between;align-items:flex-end;margin:3px 0 11px;display:flex}.record-title.second{margin-top:23px}.record-title h3{letter-spacing:-.025em;margin:0;font-family:Georgia,serif;font-size:17px;font-weight:600}.record-title button{color:var(--forest);cursor:pointer;background:0 0;border:0;align-items:center;gap:3px;padding:5px 0;font-size:8.5px;font-weight:900;display:flex}.record-title .compact-primary{color:#fff;background:var(--forest);border-radius:10px;padding:8px 10px}.daily-row{border-bottom:1px solid #ebeae4;grid-template-columns:44px 1fr auto;align-items:center;gap:9px;padding:10px 0;display:grid}.daily-row:last-of-type{border-bottom:0}.daily-date{text-align:center}.daily-date strong,.daily-date span{display:block}.daily-date strong{font-family:Georgia,serif;font-size:16px}.daily-date span{color:var(--muted);font-size:7px}.daily-row>div:nth-child(2){min-width:0}.daily-row>div:nth-child(2) strong,.daily-row>div:nth-child(2) span,.daily-row>div:nth-child(2) small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.daily-row>div:nth-child(2) strong{font-size:9.5px}.daily-row>div:nth-child(2) span{color:var(--muted);margin-top:3px;font-size:8px}.daily-row>div:nth-child(2) small{color:#939891;margin-top:3px;font-size:7.5px}.overview-grid{grid-template-columns:1fr;gap:8px;margin-top:14px;display:grid}.overview-grid button{text-align:left;cursor:pointer;background:#fafaf6;border:1px solid #e1e2dc;border-radius:13px;grid-template-columns:35px 1fr auto;align-items:center;gap:9px;padding:11px;display:grid}.overview-grid button>div{min-width:0}.overview-grid small,.overview-grid strong,.overview-grid p{text-overflow:ellipsis;white-space:nowrap;margin:0;display:block;overflow:hidden}.overview-grid small{color:var(--muted);font-size:7.5px}.overview-grid strong{margin-top:4px;font-size:10px}.overview-grid p{color:#818780;margin-top:3px;font-size:8px}.record-icon{border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.record-icon.green{background:var(--mint);color:var(--forest)}.record-icon.blue{background:var(--blue-soft);color:var(--blue)}.hours-banner{background:#edf4ef;border-radius:14px;align-items:center;gap:9px;margin-bottom:12px;padding:12px;display:flex}.hours-banner>span{width:34px;height:34px;color:var(--forest);background:#d8ebdf;border-radius:10px;place-items:center;display:grid}.hours-banner>div{flex:1}.hours-banner small,.hours-banner strong{display:block}.hours-banner small{color:#617168;font-size:7.5px}.hours-banner strong{margin-top:3px;font-size:11px}.hours-banner p{color:#647269;margin:0;font-size:8px}.work-log{background:#fafaf7;border:1px solid #e0e1da;border-radius:14px;margin-bottom:9px;padding:12px}.work-log-head{justify-content:space-between;align-items:flex-start;display:flex}.work-log-head strong,.work-log-head span{display:block}.work-log-head strong{font-size:10px}.work-log-head span{color:var(--muted);margin-top:4px;font-size:8px}.work-log-site{color:#4a765f;align-items:flex-start;gap:7px;margin-top:10px;display:flex}.work-log-site span b,.work-log-site span{display:block}.work-log-site span{color:var(--muted);font-size:8px}.work-log-site span b{color:var(--ink);margin-bottom:3px;font-size:9px}.work-log>p{color:#737a73;border-top:1px solid #e5e6e0;margin:9px 0 0;padding-top:9px;font-size:8.5px;line-height:1.45}.lpo-card{background:#fafaf7;border:1px solid #dfe1da;border-radius:14px;margin-bottom:9px;padding:12px}.lpo-top{align-items:center;gap:9px;display:flex}.lpo-top>div{flex:1;min-width:0}.lpo-top strong,.lpo-top span{display:block}.lpo-top strong{font-size:10px}.lpo-top div>span{color:var(--muted);margin-top:4px;font-size:8px}.document-badge{width:34px;height:34px;color:var(--forest);background:#e8f0eb;border-radius:10px;flex:none;place-items:center;display:grid}.lpo-card>p{color:#6f766f;margin:10px 0;font-size:8.5px;line-height:1.45}.lpo-value{border-top:1px solid #e2e3dc;justify-content:space-between;padding-top:9px;font-size:9px;display:flex}.lpo-value span{color:var(--muted)}.table-wrap{border:1px solid #e0e1da;border-radius:13px;overflow-x:auto}.record-table{border-collapse:collapse;width:100%;min-width:530px;font-size:8.5px}.record-table th,.record-table td{text-align:left;border-bottom:1px solid #e5e6df;padding:10px}.record-table th{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;background:#f3f4ef;font-size:7px}.record-table tr:last-child td{border-bottom:0}.equipment-invoice{background:#fafaf7;border:1px solid #e0e1da;border-radius:13px;grid-template-columns:minmax(120px,1.5fr) repeat(3,1fr) auto;align-items:center;gap:10px;margin-bottom:8px;padding:11px;display:grid;overflow-x:auto}.equipment-invoice>div{align-items:center;gap:8px;display:flex}.equipment-invoice>div>div{min-width:0}.equipment-invoice>div strong,.equipment-invoice>div small,.equipment-invoice>span small,.equipment-invoice>span b{display:block}.equipment-invoice>div strong{font-size:9.5px}.equipment-invoice>div small,.equipment-invoice>span small{color:var(--muted);margin-top:3px;font-size:7px}.equipment-invoice>span{min-width:70px}.equipment-invoice>span b{margin-top:4px;font-size:8.5px}.breakdown-summary{grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:12px;display:grid}.breakdown-summary>div{background:#fff3ed;border-radius:11px;padding:10px 8px}.breakdown-summary span,.breakdown-summary strong{display:block}.breakdown-summary span{color:#8a6b5e;font-size:6.5px}.breakdown-summary strong{color:#763f31;margin-top:4px;font-size:10px}.breakdown-card{background:#fffaf7;border:1px solid #ead9d1;border-radius:14px;align-items:flex-start;gap:10px;margin-bottom:9px;padding:12px;display:flex}.breakdown-icon{width:36px;height:36px;color:var(--red);background:#ffe5da;border-radius:11px;flex:none;place-items:center;display:grid}.breakdown-card>div{flex:1;min-width:0}.breakdown-card>div>div{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.breakdown-card strong{font-size:9.5px;line-height:1.35}.breakdown-card div>span{color:var(--muted);margin-top:5px;font-size:8px;display:block}.breakdown-card p{border-top:1px solid #eadfd9;margin:9px 0 0;padding-top:8px;font-size:8.5px}.breakdown-card p b{float:right}.service-timeline{padding-left:3px}.service-timeline article{gap:11px;padding-bottom:18px;display:flex;position:relative}.service-timeline article:before{content:"";background:#dfe3df;width:1px;position:absolute;top:37px;bottom:0;left:17px}.service-timeline article:last-child:before{display:none}.service-marker{z-index:1;background:var(--white);color:#718179;border:1px solid #d9dfdb;border-radius:50%;flex:none;place-items:center;width:35px;height:35px;display:grid}.service-marker.latest{background:var(--mint);color:var(--forest);border-color:#c8e6d6}.service-timeline article>div{flex:1;min-width:0;padding:4px 0 0}.service-timeline article>div>div:first-child{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.service-timeline strong{font-size:9.5px;line-height:1.35}.service-timeline p{color:var(--muted);margin:5px 0 9px;font-size:8px}.service-stats{background:#f3f4ef;border-radius:10px;grid-template-columns:repeat(3,1fr);gap:5px;padding:8px;display:grid}.service-stats small,.service-stats b{display:block}.service-stats small{color:var(--muted);font-size:6.5px}.service-stats b{margin-top:4px;font-size:8px}.empty-record{text-align:center;background:#fafaf7;border:1px dashed #d4d8d2;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;min-height:160px;padding:22px;display:flex}.empty-record>span{width:45px;height:45px;color:var(--forest);background:#edf1ed;border-radius:14px;place-items:center;display:grid}.empty-record strong{margin-top:12px;font-family:Georgia,serif;font-size:15px}.empty-record p{max-width:260px;color:var(--muted);margin:6px 0 0;font-size:8.5px;line-height:1.5}.attachment-title{align-items:center}.attachment-title .pill{font-size:8px}.upload-zone{background:#f2f7f3;border:1px dashed #b9ccbf;border-radius:15px;grid-template-columns:42px 1fr;gap:10px;margin-bottom:14px;padding:13px;display:grid}.upload-icon{background:var(--mint);width:42px;height:42px;color:var(--forest);border-radius:13px;grid-row:span 2;place-items:center;display:grid}.upload-zone>div strong,.upload-zone>div p{margin:0;display:block}.upload-zone>div strong{font-size:10.5px}.upload-zone>div p{color:var(--muted);margin-top:4px;font-size:8px;line-height:1.4}.upload-zone label{grid-column:1/-1}.upload-zone label>span{color:var(--muted);margin-bottom:5px;font-size:7.5px;font-weight:800;display:block}.upload-zone select{background:var(--white);width:100%;color:var(--ink);border:1px solid #ced8d1;border-radius:10px;outline:0;padding:10px 11px;font-size:9px}.upload-zone .primary-button{grid-column:1/-1}.upload-zone .primary-button:disabled{opacity:.65;cursor:wait}.upload-zone>small{color:#89918a;text-align:center;grid-column:1/-1;font-size:7.5px}.attachment-alert{color:#84533f;background:#fff7f2;border:1px solid #ecd9cd;border-radius:11px;align-items:center;gap:7px;margin-bottom:10px;padding:9px 10px;font-size:8px;display:flex}.attachment-filters{scrollbar-width:none;gap:6px;margin:0 -14px 12px;padding:0 14px 3px;display:flex;overflow-x:auto}.attachment-filters::-webkit-scrollbar{display:none}.attachment-filters button{white-space:nowrap;color:var(--muted);cursor:pointer;background:#fafaf7;border:1px solid #dedfd9;border-radius:999px;align-items:center;gap:5px;padding:7px 9px;font-size:8px;font-weight:800;display:inline-flex}.attachment-filters button span{background:#e7e9e4;border-radius:8px;place-items:center;min-width:15px;height:15px;font-size:6.5px;display:grid}.attachment-filters button.active{border-color:var(--forest);background:var(--forest);color:#fff}.attachment-filters button.active span{background:#ffffff20}.attachment-list{gap:8px;display:grid}.attachment-list article{background:#fafaf7;border:1px solid #dfe1da;border-radius:13px;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:9px;padding:11px;display:grid}.file-type{width:35px;height:35px;color:var(--forest);background:#e8f0eb;border-radius:10px;place-items:center;display:grid}.file-type.expense{background:var(--orange-soft);color:#9b5637}.file-type.breakdown{background:var(--red-soft);color:var(--red)}.file-type.service{background:var(--blue-soft);color:var(--blue)}.attachment-list article>div:nth-child(2){min-width:0}.attachment-list article>div:nth-child(2) strong,.attachment-list article>div:nth-child(2) span,.attachment-list article>div:nth-child(2) small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.attachment-list article>div:nth-child(2) strong{font-size:9.5px}.attachment-list article>div:nth-child(2) span{color:var(--muted);margin-top:4px;font-size:7.5px}.attachment-list article>div:nth-child(2) small{color:#949a94;margin-top:3px;font-size:7px}.attachment-actions{border-top:1px solid #e5e6df;grid-column:2/-1;justify-content:flex-end;gap:5px;padding-top:8px;display:flex}.attachment-actions button{width:30px;height:27px;color:var(--forest);background:var(--white);cursor:pointer;border:1px solid #d6dcd7;border-radius:8px;place-items:center;display:grid}.attachment-actions button:last-child{color:var(--red)}.attachment-loading{gap:8px;display:grid}.attachment-loading span{background:linear-gradient(90deg,#eceeea 25%,#f7f8f5 50%,#eceeea 75%) 0 0/200% 100%;border-radius:12px;height:58px;animation:1.2s infinite attachment-shimmer}.sales-section-tabs{scrollbar-width:none;gap:6px;margin:-4px -19px 17px;padding:0 19px 5px;display:flex;overflow-x:auto}.sales-section-tabs::-webkit-scrollbar{display:none}.sales-section-tabs button{white-space:nowrap;border:1px solid var(--line);background:var(--white);color:var(--muted);cursor:pointer;border-radius:999px;padding:8px 11px;font-size:8.5px;font-weight:900}.sales-section-tabs button.active{border-color:var(--forest);background:var(--forest);color:#fff;box-shadow:0 6px 15px #153d2d1a}.sales-command-card{color:#fff;background:linear-gradient(145deg,#194f39,#0c3024);border-radius:22px;grid-template-columns:1fr 75px;gap:12px;padding:19px;display:grid;position:relative;overflow:hidden;box-shadow:0 15px 34px #123d2d24}.sales-command-card:after{content:"";border:26px solid #ffffff08;border-radius:50%;width:160px;height:160px;position:absolute;bottom:-70px;right:-45px}.sales-command-card>div:first-child p{color:#bad1c5;margin:0 0 6px;font-size:9.5px}.sales-command-card>div:first-child>strong{letter-spacing:-.03em;font-family:Georgia,serif;font-size:clamp(27px,8vw,35px);font-weight:500;display:block}.sales-command-card>div:first-child>span{color:#82d3a6;align-items:center;gap:5px;margin-top:8px;font-size:8px;display:flex}.sales-command-ring{--progress:50%;z-index:1;text-align:center;background:radial-gradient(circle at center, #164431 57%, transparent 59%), conic-gradient(#74d7a1 var(--progress), #ffffff1d 0);border-radius:50%;place-content:center;width:72px;height:72px;display:grid}.sales-command-ring strong,.sales-command-ring small{display:block}.sales-command-ring strong{font-size:15px}.sales-command-ring small{color:#b9d2c5;font-size:6.5px}.sales-command-foot{z-index:1;border-top:1px solid #ffffff19;grid-column:1/-1;grid-template-columns:1fr 1fr;gap:8px;padding-top:14px;display:grid}.sales-command-foot span{background:#ffffff0b;border-radius:10px;padding:8px 9px}.sales-command-foot small,.sales-command-foot b{display:block}.sales-command-foot small{color:#acc7ba;font-size:7px}.sales-command-foot b{margin-top:4px;font-size:10px}.sales-quick-actions{grid-template-columns:repeat(4,1fr);gap:8px;margin:-14px 0 28px;display:grid}.sales-quick-actions button{cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:6px;min-width:0;padding:0;font-size:8px;font-weight:800;display:flex}.sales-quick-actions button span{background:var(--white);width:46px;height:46px;color:var(--forest);border:1px solid #d8ddd8;border-radius:15px;place-items:center;transition:transform .2s;display:grid;box-shadow:0 7px 16px #173b2c0c}.sales-quick-actions button:hover span{transform:translateY(-2px)}.sales-kpi-grid{grid-template-columns:1fr 1fr;gap:9px;display:grid}.sales-kpi-grid article{border:1px solid var(--line);background:var(--white);border-radius:16px;padding:12px}.sales-kpi-grid article>p{color:var(--muted);margin:9px 0 3px;font-size:8px}.sales-kpi-grid article>strong{font-family:Georgia,serif;font-size:19px;display:block}.sales-kpi-grid article>small{color:#858c85;margin-top:4px;font-size:7.5px;display:block}.pipeline-summary{border:1px solid var(--line);background:var(--white);border-radius:17px;overflow:hidden}.pipeline-summary button{text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #e9e9e2;grid-template-columns:9px 1fr auto;align-items:center;gap:10px;width:100%;padding:11px 12px;display:grid}.pipeline-summary button:last-child{border:0}.pipeline-summary button div strong,.pipeline-summary button div small{display:block}.pipeline-summary button div strong{font-size:9.5px}.pipeline-summary button div small{color:var(--muted);margin-top:4px;font-size:7.5px}.stage-dot{background:#93a29a;border-radius:50%;width:8px;height:8px}.stage-dot.s0,.opportunity-avatar.s0{color:#607068;background:#e5e8e4}.stage-dot.s1,.opportunity-avatar.s1{color:#4e7385;background:#e2edf2}.stage-dot.s2,.opportunity-avatar.s2{color:#6f5c83;background:#e9e4f0}.stage-dot.s3,.opportunity-avatar.s3{color:#9b5b38;background:#f8e8dc}.stage-dot.s4,.opportunity-avatar.s4{color:#2b704d;background:#dff0e5}.followup-list{border:1px solid var(--line);background:var(--white);border-radius:17px;overflow:hidden}.followup-list article{border-bottom:1px solid #e9e9e2;grid-template-columns:34px 1fr 30px;align-items:center;gap:9px;padding:11px;display:grid}.followup-list article:last-child{border:0}.followup-list article>span{width:33px;height:33px;color:var(--forest);background:#e8f0eb;border-radius:10px;place-items:center;display:grid}.followup-list article>span.urgent{background:var(--orange-soft);color:#9f5535}.followup-list strong,.followup-list small,.followup-list p{margin:0;display:block}.followup-list strong{font-size:9.5px}.followup-list small{color:var(--muted);margin-top:3px;font-size:7.5px}.followup-list p{color:#929791;text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:7.5px;overflow:hidden}.followup-list article>button{width:29px;height:29px;color:var(--forest);cursor:pointer;background:#fff;border:1px solid #d2dad4;border-radius:9px;place-items:center;display:grid}.top-customer-grid{gap:8px;display:grid}.top-customer-grid button{text-align:left;border:1px solid var(--line);background:var(--white);cursor:pointer;border-radius:14px;grid-template-columns:36px 1fr auto;align-items:center;gap:9px;padding:11px;display:grid}.top-customer-grid button>span{background:var(--mint);width:35px;height:35px;color:var(--forest);border-radius:50%;place-items:center;font-size:8px;font-weight:900;display:grid}.top-customer-grid strong,.top-customer-grid small{display:block}.top-customer-grid strong{font-size:9.5px}.top-customer-grid small{color:var(--muted);margin-top:4px;font-size:7.5px}.top-customer-grid button>b{color:#9ca29c;font-family:Georgia,serif;font-size:15px}.sales-workspace{margin-bottom:0}.sales-workspace-head{justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:12px;display:flex}.sales-workspace-head .primary-button{flex:none;min-height:38px;padding:0 11px;font-size:9px}.pipeline-error{color:#89513c;cursor:pointer;background:#fff8f3;border:1px solid #ead4c8;border-radius:11px;align-items:center;gap:7px;width:100%;margin-bottom:10px;padding:10px;font-size:8px;display:flex}.pipeline-error svg:last-child{margin-left:auto}.opportunity-list{gap:9px;display:grid}.opportunity-list article{border:1px solid var(--line);background:var(--white);border-radius:17px;padding:13px;box-shadow:0 7px 17px #163b2b08}.opportunity-head{align-items:center;gap:9px;display:flex}.opportunity-avatar{border-radius:12px;flex:none;place-items:center;width:37px;height:37px;font-size:8px;font-weight:900;display:grid}.opportunity-head>div{flex:1;min-width:0}.opportunity-head strong,.opportunity-head small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.opportunity-head strong{font-size:10.5px}.opportunity-head small{color:var(--muted);margin-top:4px;font-size:7.5px}.opportunity-equipment{color:#557062;background:#f3f4ef;border-radius:10px;align-items:center;gap:6px;margin:12px 0 9px;padding:9px 10px;font-size:8.5px;display:flex}.opportunity-equipment span{color:var(--ink);flex:1}.opportunity-equipment b{font-size:9.5px}.opportunity-progress{align-items:center;gap:8px;display:flex}.opportunity-progress>span{background:#e6e8e3;border-radius:4px;flex:1;height:4px;overflow:hidden}.opportunity-progress i{border-radius:inherit;background:#58aa7e;height:100%;display:block}.opportunity-progress b{color:var(--muted);font-size:7px}.opportunity-meta{flex-wrap:wrap;gap:12px;margin-top:10px;display:flex}.opportunity-meta span{color:#747b74;align-items:center;gap:4px;font-size:7.5px;display:flex}.opportunity-list article>p{color:#747a74;border-top:1px solid #e7e8e2;margin:10px 0 0;padding-top:9px;font-size:8px;line-height:1.45}.advance-button{width:100%;color:var(--forest);cursor:pointer;background:#f8faf8;border:1px solid #d2dbd5;border-radius:10px;justify-content:center;align-items:center;gap:5px;margin-top:11px;padding:8px;font-size:8px;font-weight:900;display:flex}.quote-list,.customer-list,.sales-lpo-list{gap:9px;display:grid}.quote-list article,.customer-list article,.sales-lpo-list article{border:1px solid var(--line);background:var(--white);border-radius:17px;padding:13px}.quote-head,.customer-head,.lpo-sales-head{align-items:center;gap:9px;display:flex}.quote-head>div,.customer-head>div,.lpo-sales-head>div{flex:1;min-width:0}.quote-head strong,.quote-head small,.customer-head strong,.customer-head small,.lpo-sales-head strong,.lpo-sales-head small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.quote-head strong,.customer-head strong,.lpo-sales-head strong{font-size:10px}.quote-head small,.customer-head small,.lpo-sales-head small{color:var(--muted);margin-top:4px;font-size:7.5px}.quote-equipment{color:#4e6d5d;background:#f2f4ef;border-radius:9px;align-items:center;gap:6px;margin:11px 0;padding:8px 9px;font-size:8.5px;display:flex}.quote-values,.customer-values,.lpo-sales-values{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.quote-values span,.customer-values span,.lpo-sales-values span{background:#fafaf7;border-radius:9px;padding:8px}.quote-values small,.quote-values b,.customer-values small,.customer-values b,.lpo-sales-values small,.lpo-sales-values b{display:block}.quote-values small,.customer-values small,.lpo-sales-values small{color:var(--muted);font-size:6.5px}.quote-values b,.customer-values b,.lpo-sales-values b{margin-top:4px;font-size:8.5px}.quote-foot{border-top:1px solid #e5e6df;justify-content:space-between;align-items:center;margin-top:11px;padding-top:10px;display:flex}.quote-foot>span{color:var(--muted);font-size:7px}.quote-foot div{gap:5px;display:flex}.quote-foot button{color:var(--forest);cursor:pointer;background:#fff;border:1px solid #d3dad5;border-radius:8px;align-items:center;gap:4px;padding:6px 8px;font-size:7px;font-weight:900;display:inline-flex}.customer-avatar{background:var(--mint);width:39px;height:39px;color:var(--forest);border-radius:13px;flex:none;place-items:center;font-size:8px;font-weight:900;display:grid}.customer-avatar.orange{background:var(--orange-soft);color:#965134}.customer-avatar.blue{background:var(--blue-soft);color:var(--blue)}.customer-avatar.purple{background:var(--purple-soft);color:var(--purple)}.customer-values{margin-top:12px}.customer-actions{border-top:1px solid #e5e6df;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:11px;padding-top:10px;display:grid}.customer-actions a,.customer-actions button{color:var(--forest);cursor:pointer;background:#fff;border:1px solid #d5dbd7;border-radius:9px;justify-content:center;align-items:center;gap:5px;padding:7px 4px;font-size:7.5px;font-weight:900;text-decoration:none;display:flex}.sales-entry-actions,.sales-modal-actions{border-top:1px solid #e5e6df;flex-wrap:wrap;gap:6px;margin-top:11px;padding-top:10px;display:flex}.sales-entry-actions button,.sales-modal-actions button{color:var(--forest);cursor:pointer;background:#fff;border:1px solid #d4dcd7;border-radius:9px;justify-content:center;align-items:center;gap:5px;padding:7px 9px;font-size:7.5px;font-weight:900;display:inline-flex}.sales-entry-actions .advance{background:#f3f8f5;margin-left:auto}.sales-entry-actions .delete,.sales-modal-actions .delete,.danger-action{color:#a43b32!important;background:#fff8f7!important;border-color:#edcbc7!important}.sales-modal-actions button{flex:1}.sales-record-sheet{max-width:590px}.lpo-period{color:var(--muted);align-items:center;gap:5px;margin-bottom:10px;font-size:7.5px;display:flex}.lpo-sales-values{margin-bottom:9px}.lpo-action{width:100%;color:var(--forest);cursor:pointer;background:0 0;border:0;border-top:1px solid #e7e8e2;justify-content:flex-end;align-items:center;gap:4px;margin-top:9px;padding:7px 0 0;font-size:8px;font-weight:900;display:flex}.invoice-summary-strip{border:1px solid var(--line);background:var(--line);border-radius:13px;grid-template-columns:repeat(3,1fr);gap:1px;display:grid;overflow:hidden}.invoice-summary-strip span{background:var(--white);padding:10px 8px}.invoice-summary-strip small,.invoice-summary-strip b{display:block}.invoice-summary-strip small{color:var(--muted);font-size:6.5px}.invoice-summary-strip b{margin-top:4px;font-size:8.5px}.sales-overview{color:#fff;background:linear-gradient(145deg,#1a4e3a,#103527);border-radius:21px;justify-content:space-between;align-items:center;padding:18px 19px;display:flex}.sales-overview p{color:#b9d1c5;margin:0 0 6px;font-size:10px}.sales-overview>div>strong{font-family:Georgia,serif;font-size:clamp(26px,8vw,34px);font-weight:500;display:block}.sales-overview>div>span{color:#f5b49b;align-items:center;gap:5px;margin-top:9px;font-size:8.5px;display:flex}.ring{--progress:41%;text-align:center;background:radial-gradient(circle at center, #164331 57%, transparent 59%), conic-gradient(#70d39e var(--progress), #ffffff1c 0);border-radius:50%;flex:none;place-content:center;width:74px;height:74px;display:grid}.ring strong{font-size:16px!important}.ring small{color:#bfd5ca;font-size:7px}.sales-actions{grid-template-columns:1fr 1fr;gap:9px;margin:14px 0 0;display:grid}.filter-scroll{scrollbar-width:none;gap:7px;margin-bottom:22px;display:flex;overflow-x:auto}.filter-scroll::-webkit-scrollbar{display:none}.filter-scroll button{white-space:nowrap;border:1px solid var(--line);background:var(--white);color:var(--muted);cursor:pointer;border-radius:999px;align-items:center;gap:5px;padding:7px 11px;font-size:9px;font-weight:800;display:inline-flex}.filter-scroll button.active{border-color:var(--forest);background:var(--forest);color:#fff}.filter-scroll button span{background:#00000010;border-radius:8px;place-items:center;min-width:15px;height:15px;font-size:7px;display:grid}.invoice-list{margin-bottom:0}.invoice-card{text-align:left;border:1px solid var(--line);background:var(--white);cursor:pointer;border-radius:18px;width:100%;margin-bottom:10px;padding:14px;transition:transform .2s,box-shadow .2s;display:block}.invoice-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px #17382a0d}.invoice-top{justify-content:flex-start;gap:9px}.invoice-top>div:nth-child(2){flex:1;min-width:0}.invoice-top strong,.invoice-top span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.invoice-top strong{font-size:11px}.invoice-top span{color:var(--muted);margin-top:4px;font-size:8.5px}.invoice-icon{width:35px;height:35px;color:var(--forest);background:#edf1ed;border-radius:11px;flex:none;place-items:center;display:grid}.invoice-values{grid-template-columns:1fr 1fr auto;align-items:end;margin:14px 0 10px;display:grid}.invoice-values span small,.invoice-values span strong{display:block}.invoice-values small{color:var(--muted);font-size:8px}.invoice-values strong{margin-top:4px;font-family:Georgia,serif;font-size:14px}.invoice-progress{background:#e7e9e4;border-radius:5px;height:4px;overflow:hidden}.invoice-progress i{border-radius:inherit;background:#54aa7d;height:100%;display:block}.due-copy{color:#888e87;margin-top:7px;font-size:8px;display:block}.balance-card{color:#fff;background:linear-gradient(145deg,#173f30,#0c2f24);border-radius:22px;padding:19px}.balance-head p{color:#b9d1c5;margin:0 0 6px;font-size:10px}.balance-head strong{font-family:Georgia,serif;font-size:clamp(28px,9vw,38px);font-weight:500}.balance-head button{color:#fff;background:#ffffff0f;border:1px solid #ffffff2b;border-radius:10px;align-items:center;gap:4px;padding:7px 9px;font-size:8px;display:flex}.balance-flows{border-top:1px solid #ffffff1d;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px;padding-top:17px;display:grid}.balance-flows span{grid-template-columns:28px 1fr;align-items:center;column-gap:7px;display:grid}.balance-flows small{color:#bad0c5;font-size:8px}.balance-flows b{grid-column:2;margin-top:-6px;font-size:11px}.flow-icon{border-radius:9px;grid-row:span 2;place-items:center;width:28px;height:28px;display:grid}.flow-icon.in{color:#79d7a4;background:#5dc18c26}.flow-icon.out{color:#f5a47f;background:#f28c6222}.chart-card{border:1px solid var(--line);background:var(--white);border-radius:19px;margin-top:27px;padding:16px 14px 12px}.chart-legend{justify-content:flex-end;gap:13px;margin-top:-4px;display:flex}.chart-legend span{color:var(--muted);align-items:center;gap:5px;font-size:8px;display:flex}.chart-legend i{border-radius:2px;width:7px;height:7px}.chart-legend .income,.bar-chart i.income{background:var(--forest-2)}.chart-legend .expense,.bar-chart i.expense{background:#ef9975}.bar-chart{background:repeating-linear-gradient(#eeeee8 0 1px,#0000 1px 36px);justify-content:space-around;align-items:flex-end;gap:10px;height:125px;margin-top:10px;padding-top:8px;display:flex}.bar-group{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:6px;height:100%;display:flex}.bars{align-items:flex-end;gap:3px;height:95px;display:flex}.bars i{transform-origin:bottom;border-radius:4px 4px 1px 1px;width:clamp(7px,2.7vw,11px);max-height:90px;animation:.7s both grow-height;display:block}.bar-group>span{color:var(--muted);font-size:7.5px}.category-row{border-bottom:1px solid #ebeae3;grid-template-columns:35px 1fr auto;align-items:center;gap:9px;padding:11px 12px;display:grid}.category-row:last-child{border:0}.category-icon{width:33px;height:33px}.category-row>div>strong{font-size:10px;display:block}.category-row>div>span{background:#e9eae5;border-radius:3px;height:3px;margin-top:7px;display:block;overflow:hidden}.category-row>div>span i{background:#6aa787;height:100%;display:block}.category-row p{text-align:right;margin:0}.category-row p b,.category-row p small{display:block}.category-row p b{font-size:10px}.category-row p small{color:var(--muted);margin-top:4px;font-size:7.5px}.partner-row{border-bottom:1px solid #ebeae3;grid-template-columns:36px 1fr auto;align-items:center;gap:9px;padding:12px;display:grid}.partner-row:last-child{border:0}.partner-avatar{color:#276049;background:#dfeee5;border-radius:50%;place-items:center;width:35px;height:35px;font-size:8px;font-weight:900;display:grid}.partner-avatar.alt{color:#416779;background:#e6edf1}.partner-avatar.bilal{color:#87613d;background:#f2e9dd}.partner-row strong,.partner-row small{display:block}.partner-row strong{font-size:10px}.partner-row small{color:var(--muted);margin-top:4px;font-size:8px}.partner-row p{font-size:10px;font-weight:900}.reconcile-card{text-align:left;cursor:pointer;background:#fff8f3;border:1px solid #ead6c9;border-radius:16px;align-items:center;gap:10px;width:100%;padding:13px;display:flex}.reconcile-card>span{color:#a95134;background:#ffe7d9;border-radius:11px;place-items:center;width:38px;height:38px;display:grid}.reconcile-card div{flex:1}.reconcile-card strong,.reconcile-card small{display:block}.reconcile-card strong{font-size:10.5px}.reconcile-card small{color:#8c7264;margin-top:4px;font-size:8.5px;line-height:1.35}.accounts-section-tabs{scrollbar-width:none;gap:7px;margin:0 -19px 18px;padding:0 19px 5px;display:flex;overflow-x:auto}.accounts-section-tabs::-webkit-scrollbar{display:none}.accounts-section-tabs button{white-space:nowrap;color:var(--muted);border:1px solid var(--line);background:var(--white);cursor:pointer;border-radius:999px;padding:8px 12px;font-size:8.5px;font-weight:900}.accounts-section-tabs button.active{color:#fff;border-color:var(--forest);background:var(--forest);box-shadow:0 5px 13px #173f3025}.accounts-balance{overflow:hidden}.accounts-balance-foot{background:#ffffff16;grid-template-columns:repeat(3,1fr);gap:1px;margin:17px -19px -19px;display:grid}.accounts-balance-foot span{background:#ffffff08;padding:12px 10px}.accounts-balance-foot small,.accounts-balance-foot b{display:block}.accounts-balance-foot small{color:#b9d1c5;font-size:6.5px}.accounts-balance-foot b{color:#fff;margin-top:4px;font-size:8px}.accounts-quick-actions{grid-template-columns:repeat(4,1fr);gap:7px;margin:13px 0 25px;display:grid}.accounts-quick-actions button{min-width:0;color:var(--ink);border:1px solid var(--line);background:var(--white);cursor:pointer;border-radius:14px;flex-direction:column;align-items:center;gap:7px;padding:11px 5px;display:flex;box-shadow:0 6px 16px #16352908}.accounts-quick-actions button span{width:34px;height:34px;color:var(--forest);background:var(--mint);border-radius:11px;place-items:center;display:grid}.accounts-quick-actions button:nth-child(2) span{color:#a65637;background:var(--orange-soft)}.accounts-quick-actions button:nth-child(3) span{color:var(--purple);background:var(--purple-soft)}.accounts-quick-actions button:nth-child(4) span{color:var(--blue);background:var(--blue-soft)}.accounts-quick-actions b{text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:7.5px;overflow:hidden}.accounts-kpi-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.accounts-kpi-grid>button{text-align:left;color:var(--ink);border:1px solid var(--line);background:var(--white);cursor:pointer;border-radius:15px;padding:13px}.accounts-kpi-grid p{color:var(--muted);margin:11px 0 4px;font-size:7.5px}.accounts-kpi-grid strong,.accounts-kpi-grid small{display:block}.accounts-kpi-grid strong{font-family:Georgia,serif;font-size:18px}.accounts-kpi-grid small{color:var(--muted);margin-top:5px;font-size:7px}.accounts-workspace{gap:14px;display:grid}.accounts-workspace-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.accounts-workspace-head h2{margin:2px 0 0;font-family:Georgia,serif;font-size:22px}.accounts-workspace-head .primary-button,.accounts-workspace-head .secondary-button{white-space:nowrap;min-height:35px;padding:8px 10px;font-size:8px}.accounts-summary-strip{border:1px solid var(--line);background:var(--line);border-radius:14px;grid-template-columns:repeat(3,1fr);gap:1px;display:grid;overflow:hidden}.accounts-summary-strip span{background:var(--white);min-width:0;padding:11px 8px}.accounts-summary-strip small,.accounts-summary-strip b{text-overflow:ellipsis;display:block;overflow:hidden}.accounts-summary-strip small{color:var(--muted);white-space:nowrap;font-size:6.5px}.accounts-summary-strip b{margin-top:5px;font-size:8px}.aging-grid{grid-template-columns:1fr 1fr;gap:7px;display:grid}.aging-grid article{border:1px solid var(--line);background:var(--white);border-radius:12px;justify-content:space-between;align-items:center;gap:6px;padding:10px;display:flex}.aging-grid strong{font-size:8.5px}.receivable-list,.supplier-list{gap:9px;display:grid}.receivable-list article,.supplier-list article{border:1px solid var(--line);background:var(--white);border-radius:16px;padding:13px;box-shadow:0 7px 18px #17382a08}.finance-row-head{align-items:center;gap:8px;display:flex}.finance-row-head>div{flex:1;min-width:0}.finance-row-head strong,.finance-row-head small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.finance-row-head strong{font-size:9.5px}.finance-row-head small{color:var(--muted);margin-top:4px;font-size:7.5px}.supplier-avatar{width:34px;height:34px;color:var(--purple);background:var(--purple-soft);border-radius:11px;flex:none;place-items:center;font-size:8px;font-weight:900;display:grid}.finance-values{grid-template-columns:repeat(3,1fr);gap:6px;margin-top:11px;display:grid}.finance-values span{background:#fafaf7;border-radius:9px;padding:8px}.finance-values small,.finance-values b{display:block}.finance-values small{color:var(--muted);font-size:6.5px}.finance-values b{margin-top:4px;font-size:8px}.finance-row-foot{border-top:1px solid #e6e7e1;justify-content:space-between;align-items:center;margin-top:10px;padding-top:9px;display:flex}.finance-row-foot>small{color:var(--muted);font-size:7px}.finance-row-foot button{color:var(--forest);cursor:pointer;background:0 0;border:0;align-items:center;gap:3px;padding:0;font-size:7.5px;font-weight:900;display:flex}.ledger-list{border:1px solid var(--line);background:var(--white);border-radius:16px;display:grid;overflow:hidden}.ledger-list>button{text-align:left;color:var(--ink);cursor:pointer;background:0 0;border:0;border-bottom:1px solid #e9eae5;grid-template-columns:35px minmax(0,1fr) auto;align-items:center;gap:9px;padding:11px;display:grid}.ledger-list>button:last-child{border-bottom:0}.ledger-icon{color:#a65637;background:var(--orange-soft);border-radius:11px;place-items:center;width:34px;height:34px;display:grid}.ledger-icon.income{color:var(--forest);background:var(--mint)}.ledger-icon.payable{color:var(--purple);background:var(--purple-soft)}.ledger-list button>div{min-width:0}.ledger-list strong,.ledger-list small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.ledger-list strong{font-size:9px}.ledger-list small{color:var(--muted);margin-top:4px;font-size:7px}.ledger-list p{text-align:right;margin:0}.ledger-list p>b{margin-bottom:4px;font-size:8.5px;display:block}.payroll-command{color:#fff;background:linear-gradient(145deg,#183f31,#0e3025);border-radius:17px;justify-content:space-between;align-items:center;padding:15px;display:flex}.payroll-command small,.payroll-command strong,.payroll-command span{display:block}.payroll-command small{color:#b9d1c5;font-size:7.5px}.payroll-command strong{margin-top:5px;font-family:Georgia,serif;font-size:23px}.payroll-command span{color:#b9d1c5;margin-top:5px;font-size:7px}.payroll-list{border:1px solid var(--line);background:var(--white);border-radius:16px;display:grid;overflow:hidden}.payroll-list article{border-bottom:1px solid #e9eae5;grid-template-columns:35px minmax(0,1fr) auto;align-items:center;gap:9px;padding:11px;display:grid}.payroll-list article:last-child{border:0}.operator-avatar{width:34px;height:34px;color:var(--blue);background:var(--blue-soft);border-radius:11px;place-items:center;display:grid}.payroll-list strong,.payroll-list small,.payroll-list p{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.payroll-list strong{font-size:9px}.payroll-list small,.payroll-list p{color:var(--muted);font-size:7px}.payroll-list small{margin-top:3px}.payroll-list p{margin:3px 0 0}.payroll-list article>div:last-child{text-align:right}.payroll-list article>div:last-child>b{margin-bottom:5px;font-size:8.5px;display:block}.report-hero{color:#fff;background:linear-gradient(135deg,#172f4c,#1f5747);border-radius:18px;justify-content:space-between;align-items:center;gap:14px;padding:17px;display:flex}.report-hero small,.report-hero strong,.report-hero span{display:block}.report-hero>div:first-child small,.report-hero>div:first-child span{color:#bed2cb;font-size:7px}.report-hero>div:first-child strong{margin:6px 0;font-family:Georgia,serif;font-size:24px}.profit-ring{text-align:center;background:radial-gradient(circle at center, #224e43 57%, transparent 59%), conic-gradient(#70d39e var(--progress), #ffffff1c 0);border-radius:50%;flex:none;place-content:center;width:68px;height:68px;display:grid}.profit-ring b,.profit-ring small{display:block}.profit-ring b{font-size:13px}.profit-ring small{color:#bed2cb;margin-top:2px;font-size:6px}.report-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.report-grid button{text-align:left;color:var(--ink);border:1px solid var(--line);background:var(--white);cursor:pointer;border-radius:14px;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:8px;padding:12px 9px;display:grid}.report-grid button>span{width:33px;height:33px;color:var(--forest);background:var(--mint);border-radius:10px;place-items:center;display:grid}.report-grid strong,.report-grid small{display:block}.report-grid strong{font-size:8px}.report-grid small{color:var(--muted);margin-top:4px;font-size:6.5px;line-height:1.35}.voucher-upload input{padding:8px!important}.voucher-upload>small{color:var(--muted);align-items:center;gap:5px;margin:6px 2px 0;font-size:7.5px;display:flex}.hr-section-tabs{scrollbar-width:none;gap:7px;margin:0 -19px 18px;padding:0 19px 5px;display:flex;overflow-x:auto}.hr-section-tabs::-webkit-scrollbar{display:none}.hr-section-tabs button{white-space:nowrap;color:var(--muted);border:1px solid var(--line);background:var(--white);cursor:pointer;border-radius:999px;padding:8px 12px;font-size:8.5px;font-weight:900}.hr-section-tabs button.active{color:#fff;border-color:var(--forest);background:var(--forest);box-shadow:0 5px 13px #173f3025}.hr-command{color:#fff;background:linear-gradient(145deg,#1b4b39,#122f43);border-radius:21px;grid-template-columns:1fr auto;align-items:center;gap:12px;padding:18px 18px 0;display:grid;overflow:hidden}.hr-command p{color:#bed3ca;margin:0 0 5px;font-size:8px}.hr-command>div:first-child>strong{font-family:Georgia,serif;font-size:26px;font-weight:500;display:block}.hr-command>div:first-child>span{color:#87d4aa;align-items:center;gap:5px;margin-top:7px;font-size:7.5px;display:flex}.hr-command-score{text-align:center;background:radial-gradient(circle at center, #1a443b 57%, transparent 59%), conic-gradient(#70d39e 92%, #ffffff1c 0);border-radius:50%;place-content:center;width:67px;height:67px;display:grid}.hr-command-score b,.hr-command-score small{display:block}.hr-command-score b{font-size:13px}.hr-command-score small{color:#bed3ca;margin-top:2px;font-size:6px}.hr-command-foot{background:#ffffff17;grid-column:1/-1;grid-template-columns:1fr 1fr;gap:1px;margin:2px -18px 0;display:grid}.hr-command-foot span{background:#ffffff08;padding:11px 18px}.hr-command-foot small,.hr-command-foot b{display:block}.hr-command-foot small{color:#bed3ca;font-size:6.5px}.hr-command-foot b{margin-top:4px;font-size:8.5px}.hr-quick-actions{grid-template-columns:repeat(4,1fr);gap:7px;margin:13px 0 25px;display:grid}.hr-quick-actions button{min-width:0;color:var(--ink);border:1px solid var(--line);background:var(--white);cursor:pointer;border-radius:14px;flex-direction:column;align-items:center;gap:7px;padding:11px 4px;display:flex}.hr-quick-actions span{width:34px;height:34px;color:var(--forest);background:var(--mint);border-radius:11px;place-items:center;display:grid}.hr-quick-actions button:nth-child(2) span{color:var(--blue);background:var(--blue-soft)}.hr-quick-actions button:nth-child(3) span{color:var(--purple);background:var(--purple-soft)}.hr-quick-actions button:nth-child(4) span{color:#9d5235;background:var(--orange-soft)}.hr-quick-actions b{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:7.5px;overflow:hidden}.hr-kpi-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.hr-kpi-grid>button{text-align:left;color:var(--ink);border:1px solid var(--line);background:var(--white);cursor:pointer;border-radius:15px;padding:13px}.hr-kpi-grid p{color:var(--muted);margin:11px 0 4px;font-size:7.5px}.hr-kpi-grid strong,.hr-kpi-grid small{display:block}.hr-kpi-grid strong{font-family:Georgia,serif;font-size:18px}.hr-kpi-grid small{color:var(--muted);margin-top:5px;font-size:7px}.hr-alert-list,.hr-connections{border:1px solid var(--line);background:var(--white);border-radius:16px;display:grid;overflow:hidden}.hr-alert-list button,.hr-connections button{text-align:left;color:var(--ink);cursor:pointer;background:0 0;border:0;border-bottom:1px solid #e9eae5;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:9px;padding:11px;display:grid}.hr-alert-list button:last-child,.hr-connections button:last-child{border-bottom:0}.hr-alert-list button>span{color:#a65838;background:var(--orange-soft);border-radius:11px;place-items:center;width:35px;height:35px;display:grid}.hr-alert-list button>span.urgent{color:#a83e35;background:#fbe5e2}.hr-alert-list strong,.hr-alert-list small,.hr-connections strong,.hr-connections small{display:block}.hr-alert-list strong,.hr-connections strong{font-size:9px}.hr-alert-list small,.hr-connections small{color:var(--muted);margin-top:4px;font-size:7px}.hr-connections button>svg{color:var(--forest)}.attendance-summary{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.attendance-summary article{text-align:center;border:1px solid var(--line);background:var(--white);border-radius:13px;min-width:0;padding:11px 7px}.attendance-summary strong,.attendance-summary span,.attendance-summary small{display:block}.attendance-summary strong{font-family:Georgia,serif;font-size:18px}.attendance-summary span{margin-top:4px;font-size:7.5px;font-weight:900}.attendance-summary small{color:var(--muted);margin-top:3px;font-size:6px}.hr-workspace{gap:14px;display:grid}.hr-workspace-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.hr-workspace-head h2{margin:2px 0 0;font-family:Georgia,serif;font-size:22px}.hr-workspace-head .primary-button,.hr-workspace-head .secondary-button{white-space:nowrap;min-height:35px;padding:8px 10px;font-size:8px}.employee-grid{gap:8px;display:grid}.employee-grid>button{text-align:left;color:var(--ink);border:1px solid var(--line);background:var(--white);cursor:pointer;border-radius:15px;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:9px;padding:12px;display:grid}.employee-avatar{width:39px;height:39px;color:var(--forest);background:var(--mint);border-radius:13px;place-items:center;font-size:9px;font-weight:900;display:grid}.employee-avatar.accounts{color:var(--blue);background:var(--blue-soft)}.employee-avatar.sales{color:var(--purple);background:var(--purple-soft)}.employee-avatar.management{color:#a05738;background:var(--orange-soft)}.employee-grid strong,.employee-grid small,.employee-grid p{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.employee-grid strong{font-size:9.5px}.employee-grid small{color:var(--muted);margin-top:4px;font-size:7.5px}.employee-grid p{color:var(--forest);margin:4px 0 0;font-size:7px}.employee-grid button>div:last-child{justify-items:end;gap:7px;display:grid}.document-summary{border:1px solid var(--line);background:var(--line);border-radius:14px;grid-template-columns:repeat(3,1fr);gap:1px;display:grid;overflow:hidden}.document-summary span{background:var(--white);min-width:0;padding:11px 8px}.document-summary small,.document-summary b{text-overflow:ellipsis;display:block;overflow:hidden}.document-summary small{color:var(--muted);white-space:nowrap;font-size:6.5px}.document-summary b{margin-top:5px;font-size:9px}.document-control-list{border:1px solid var(--line);background:var(--white);border-radius:16px;display:grid;overflow:hidden}.document-control-list>button{text-align:left;color:var(--ink);cursor:pointer;background:0 0;border:0;border-bottom:1px solid #e9eae5;grid-template-columns:35px minmax(0,1fr) auto;align-items:center;gap:9px;padding:11px;display:grid}.document-control-list>button:last-child{border-bottom:0}.document-status{border-radius:11px;place-items:center;width:34px;height:34px;display:grid}.document-status.complete{color:var(--forest);background:var(--mint)}.document-status.risk{color:#a54d36;background:var(--orange-soft)}.document-control-list strong,.document-control-list small{display:block}.document-control-list strong{font-size:9px}.document-control-list small{color:var(--muted);margin-top:4px;font-size:7px}.document-control-list button>div:last-child{align-items:center;gap:5px;display:flex}.attendance-list,.leave-list,.hr-payroll-list{border:1px solid var(--line);background:var(--white);border-radius:16px;display:grid;overflow:hidden}.attendance-list article,.leave-list article{border-bottom:1px solid #e9eae5;grid-template-columns:35px minmax(0,1fr) auto;align-items:center;gap:9px;padding:11px;display:grid}.attendance-list article:last-child,.leave-list article:last-child{border-bottom:0}.attendance-avatar,.leave-icon,.payroll-avatar{width:34px;height:34px;color:var(--forest);background:var(--mint);border-radius:11px;place-items:center;font-size:8px;font-weight:900;display:grid}.attendance-list strong,.attendance-list small,.leave-list strong,.leave-list small,.leave-list p{display:block}.attendance-list strong,.leave-list strong{font-size:9px}.attendance-list small,.leave-list small,.leave-list p{color:var(--muted);margin-top:4px;font-size:7px}.attendance-list article>div:last-child,.leave-list article>div:last-child{text-align:right}.attendance-list article>div:last-child>b{margin-bottom:5px;font-size:8.5px;display:block}.leave-icon{color:var(--purple);background:var(--purple-soft)}.leave-list p{margin-bottom:0}.leave-list article>div:last-child>button{color:#fff;background:var(--forest);cursor:pointer;border:0;border-radius:7px;margin:7px 0 0 auto;padding:4px 7px;font-size:6.5px;font-weight:900;display:block}.leave-balance-grid{gap:7px;display:grid}.leave-balance-grid button{text-align:left;color:var(--ink);border:1px solid var(--line);background:var(--white);cursor:pointer;border-radius:13px;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:8px;padding:9px 10px;display:grid}.leave-balance-grid button>span{width:31px;height:31px;color:var(--forest);background:var(--mint);border-radius:10px;place-items:center;font-size:7px;font-weight:900;display:grid}.leave-balance-grid strong,.leave-balance-grid small{display:block}.leave-balance-grid strong{font-size:8.5px}.leave-balance-grid small{color:var(--muted);margin-top:3px;font-size:6.5px}.leave-balance-grid button>b{font-size:12px}.leave-balance-grid button>b small{display:inline}.hr-payroll-command{color:#fff;background:linear-gradient(145deg,#173f30,#1a3c53);border-radius:17px;justify-content:space-between;align-items:center;gap:12px;padding:15px;display:flex}.hr-payroll-command small,.hr-payroll-command strong,.hr-payroll-command span{display:block}.hr-payroll-command small,.hr-payroll-command span{color:#bdd1ca;font-size:7px}.hr-payroll-command strong{margin:5px 0;font-family:Georgia,serif;font-size:23px}.hr-payroll-list>button{text-align:left;color:var(--ink);cursor:pointer;background:0 0;border:0;border-bottom:1px solid #e9eae5;grid-template-columns:35px minmax(0,1fr) auto auto;align-items:center;gap:9px;padding:11px;display:grid}.hr-payroll-list>button:last-child{border:0}.hr-payroll-list strong,.hr-payroll-list small{display:block}.hr-payroll-list strong{font-size:9px}.hr-payroll-list small{color:var(--muted);margin-top:4px;font-size:7px}.hr-payroll-list button>div:nth-child(3){text-align:right}.hr-payroll-list button>div:nth-child(3) b{font-size:8.5px;display:block}.employee-profile-sheet{max-width:650px}.employee-profile-head{grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:11px;display:grid}.employee-profile-head>span{width:47px;height:47px;color:var(--forest);background:var(--mint);border-radius:15px;place-items:center;font-size:11px;font-weight:900;display:grid}.employee-profile-head h2{margin:2px 0 3px;font-family:Georgia,serif;font-size:20px}.employee-profile-head small{color:var(--muted);font-size:7.5px}.profile-tabs{scrollbar-width:none;gap:5px;margin:17px -19px 14px;padding:0 19px 5px;display:flex;overflow-x:auto}.profile-tabs button{white-space:nowrap;color:var(--muted);border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:9px;padding:7px 10px;font-size:7.5px;font-weight:900}.profile-tabs button.active{color:#fff;border-color:var(--forest);background:var(--forest)}.profile-panel{gap:12px;display:grid}.employee-status-line{justify-content:space-between;align-items:center;gap:8px;display:flex}.employee-status-line>span{color:var(--muted);font-size:7.5px}.profile-facts,.benefit-grid,.work-summary{grid-template-columns:1fr 1fr;gap:7px;display:grid}.profile-facts span,.benefit-grid span,.work-summary span{border:1px solid var(--line);background:#fff;border-radius:11px;min-width:0;padding:10px}.profile-facts small,.profile-facts b,.benefit-grid small,.benefit-grid b,.work-summary small,.work-summary b{text-overflow:ellipsis;display:block;overflow:hidden}.profile-facts small,.benefit-grid small,.work-summary small{color:var(--muted);font-size:6.5px}.profile-facts b,.benefit-grid b,.work-summary b{white-space:nowrap;margin-top:4px;font-size:8px}.linked-assignment{color:var(--forest);background:#f4faf6;border:1px solid #cfddd5;border-radius:13px;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:8px;padding:11px;display:grid}.linked-assignment small,.linked-assignment strong{display:block}.linked-assignment small{color:var(--muted);font-size:6.5px}.linked-assignment strong{margin-top:3px;font-size:8.5px}.linked-assignment button,.profile-panel-head button{color:#fff;background:var(--forest);cursor:pointer;border:0;border-radius:8px;align-items:center;gap:4px;padding:6px 8px;font-size:7px;font-weight:900;display:flex}.employee-danger-zone{background:#fff8f7;border:1px solid #f0cbc6;border-radius:13px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;margin-top:4px;padding:12px;display:grid}.employee-danger-zone strong,.employee-danger-zone small{display:block}.employee-danger-zone strong{color:#8b2f27;font-size:9px}.employee-danger-zone small{color:#986b66;margin-top:3px;font-size:7px;line-height:1.45}.employee-danger-zone button{color:#fff;cursor:pointer;background:#a83b31;border:0;border-radius:9px;align-items:center;gap:5px;padding:8px 10px;font-size:7.5px;font-weight:900;display:inline-flex}.employee-danger-zone button:disabled{cursor:wait;opacity:.65}.profile-panel-head{justify-content:space-between;align-items:center;gap:9px;display:flex}.profile-panel-head strong,.profile-panel-head small{display:block}.profile-panel-head strong{font-size:10px}.profile-panel-head small{color:var(--muted);margin-top:3px;font-size:7px}.profile-documents{border:1px solid var(--line);background:#fff;border-radius:14px;display:grid;overflow:hidden}.profile-documents article{border-bottom:1px solid #e9eae5;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:8px;padding:10px;display:grid}.profile-documents article:last-child{border:0}.profile-documents article>span:first-child{width:33px;height:33px;color:var(--forest);background:var(--mint);border-radius:10px;place-items:center;display:grid}.profile-documents article>span:first-child.due{color:#a34a35;background:var(--orange-soft)}.profile-documents strong,.profile-documents small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.profile-documents strong{font-size:8.5px}.profile-documents small{color:var(--muted);margin-top:4px;font-size:6.5px}.profile-document-actions{gap:4px;display:flex}.profile-document-actions button{width:27px;height:27px;color:var(--forest);border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:8px;place-items:center;display:grid}.profile-document-actions button:last-child{color:#a34a35}.work-history{gap:7px;display:grid}.work-history article{border:1px solid var(--line);background:#fff;border-radius:12px;grid-template-columns:31px 1fr;gap:8px;padding:10px;display:grid}.work-history article>span{width:30px;height:30px;color:var(--forest);background:var(--mint);border-radius:9px;place-items:center;display:grid}.work-history strong,.work-history small{display:block}.work-history strong{font-size:8.5px}.work-history small,.work-history p{color:var(--muted);margin-top:4px;font-size:6.5px}.work-history p{margin-bottom:0}.profile-pay{color:#fff;background:linear-gradient(145deg,#173f30,#1a3c53);border-radius:15px;padding:15px}.profile-pay small,.profile-pay strong{display:block}.profile-pay small{color:#bdd1ca;font-size:7px}.profile-pay strong{margin:6px 0;font-family:Georgia,serif;font-size:24px}.benefits-card{color:var(--forest);background:#f1faf5;border:1px solid #cee0d5;border-radius:14px;grid-template-columns:34px 1fr;gap:9px;padding:13px;display:grid}.benefits-card strong{font-size:9.5px}.benefits-card p{color:#547063;margin:5px 0 0;font-size:7.5px;line-height:1.45}.compliance-form{gap:10px}.compliance-form label{margin-bottom:2px}.compliance-banner{color:var(--forest);background:#f2faf5;border:1px solid #cfe0d6;border-radius:13px;grid-template-columns:34px 1fr;gap:9px;padding:11px;display:grid}.compliance-banner>svg{margin:2px auto 0}.compliance-banner strong,.compliance-banner small{display:block}.compliance-banner strong{font-size:9px}.compliance-banner small{color:#5b7569;margin-top:4px;font-size:7px;line-height:1.4}.compliance-banner.blue{color:var(--blue);background:#f2f8fb;border-color:#d3e0e7}.compliance-banner.blue small{color:#617983}.compliance-banner.purple{color:var(--purple);background:#f7f5fb;border-color:#ddd8ec}.compliance-banner.purple small{color:#716d83}.compliance-banner.orange{color:#9e5636;background:#fff8f3;border-color:#ead8cd}.compliance-banner.orange small{color:#826b5e}.field-guidance{color:#9c5b3d;margin:5px 2px 0;font-size:6.5px;display:block}.validity-strip{grid-template-columns:1fr 1fr;gap:7px;display:grid}.validity-strip>span{border:1px solid var(--line);background:#fff;border-radius:11px;gap:4px;min-width:0;padding:10px;display:grid}.validity-strip small,.validity-strip b{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.validity-strip>span>small{color:var(--muted);font-size:6.5px}.validity-strip b{font-size:8px}.validity-strip .pill{width:fit-content}.compliance-footnote{color:#6b746d;background:#f4f6f3;border-left:3px solid #7daf92;border-radius:0 8px 8px 0;padding:9px 10px;font-size:6.8px;line-height:1.45;display:block}.compliance-save{margin-top:3px}.document-checklist{flex-wrap:wrap;gap:5px;display:flex}.document-checklist span{border-radius:999px;align-items:center;gap:4px;padding:6px 8px;font-size:6.8px;font-weight:900;display:inline-flex}.document-checklist .complete{color:var(--forest);background:var(--mint)}.document-checklist .missing{color:#a34a35;background:#fbe9e4}.auth-screen{background:radial-gradient(circle at 82% 10%,#35765a 0,#173f30 26%,#0b281e 72%);place-items:center;min-height:100svh;padding:24px;display:grid;position:relative;overflow:hidden}.auth-screen:before,.auth-screen:after{content:"";border:1px solid #ffffff12;border-radius:50%;width:420px;height:420px;position:absolute}.auth-screen:before{top:-230px;right:-140px;box-shadow:0 0 0 55px #ffffff05,0 0 0 110px #ffffff03}.auth-screen:after{bottom:-300px;left:-180px}.auth-card{z-index:1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fbfaf5f5;border:1px solid #ffffff30;border-radius:28px;width:min(430px,100%);padding:30px;position:relative;box-shadow:0 30px 90px #06150e66}.auth-brand{align-items:center;gap:11px;margin-bottom:36px;display:flex}.auth-brand>span,.auth-brand-symbol{color:#fff;background:var(--orange);border-radius:14px;place-items:center;width:45px;height:45px;font-family:Georgia,serif;font-size:15px;font-weight:900;display:grid;box-shadow:0 8px 20px #d65e3550}.auth-brand strong,.auth-brand small{display:block}.auth-brand strong{color:var(--forest);letter-spacing:.17em;font-size:13px}.auth-brand small{color:var(--muted);margin-top:4px;font-size:9px}.auth-heading{margin-bottom:25px}.auth-heading h1{font-size:34px}.auth-heading>p:last-child{color:#6c756e;margin:10px 0 0;font-size:11px;line-height:1.65}.auth-form{gap:15px;display:grid}.auth-form label>span{color:#566159;margin:0 0 7px 2px;font-size:9px;font-weight:900;display:block}.auth-form label>div{color:#6d786f;background:#fff;border:1px solid #d5d9d3;border-radius:13px;align-items:center;gap:10px;padding:0 13px;transition:border-color .2s,box-shadow .2s;display:flex}.auth-form label>div:focus-within{color:var(--forest);border-color:#63937b;box-shadow:0 0 0 4px #5a9a7b18}.auth-form input{width:100%;color:var(--ink);background:0 0;border:0;outline:0;padding:13px 0;font-size:12px}.auth-submit{min-height:48px;margin-top:3px;font-size:11px}.auth-submit:disabled{cursor:wait;opacity:.72}.auth-error{color:#983c30;background:#fff4f0;border:1px solid #f0cbc3;border-radius:11px;align-items:flex-start;gap:7px;margin:0;padding:10px 11px;font-size:9px;line-height:1.45;display:flex}.auth-error svg{flex:none}.auth-foot{color:#668071;border-top:1px solid #e2e4df;align-items:center;gap:8px;margin-top:24px;padding-top:18px;font-size:8.5px;line-height:1.4;display:flex}.auth-lock{color:#fff;background:var(--forest);border-radius:16px;place-items:center;width:52px;height:52px;margin-bottom:24px;display:grid;box-shadow:0 10px 24px #173e2e35}.password-card .auth-heading h1{font-size:30px}.password-strength{color:#8a756b;align-items:center;gap:8px;font-size:8px;display:flex}.password-strength i{background:#dca18b;border-radius:5px;width:33px;height:5px;box-shadow:36px 0 #ddd7cf,72px 0 #ddd7cf}.password-strength.ready{color:#327353}.password-strength.ready i{background:#5cac7e;box-shadow:36px 0 #5cac7e,72px 0 #5cac7e}.auth-loading{z-index:1;color:#fff;justify-items:center;gap:18px;display:grid;position:relative}.auth-loading small{color:#c2d7cd;letter-spacing:.04em;font-size:9px}.auth-loading .auth-brand-symbol{width:58px;height:58px;font-size:18px}.spin{animation:.9s linear infinite auth-spin!important}@keyframes auth-spin{to{transform:rotate(360deg)}}.account-sheet{max-width:520px}.account-identity{grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:12px;margin-bottom:18px;display:grid}.account-identity>span{color:#fff;background:var(--forest);border-radius:15px;place-items:center;width:47px;height:47px;font-size:11px;font-weight:900;display:grid}.account-identity h2{font-size:19px}.account-identity small{color:var(--muted);margin-top:4px;font-size:8px;display:block}.account-action{text-align:left;width:100%;color:var(--forest);border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:13px;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:10px;padding:13px 12px;display:grid}.account-action+.account-action{margin-top:8px}.account-action>svg:first-child{margin:auto}.account-action strong,.account-action small{display:block}.account-action strong{font-size:9.5px}.account-action small{color:var(--muted);margin-top:4px;font-size:7.5px}.account-action.logout{color:#9b4437}.sidebar-logout{cursor:pointer;place-items:center;height:30px;color:#a9bcb3!important;background:#ffffff0a!important;border:0!important;border-radius:9px!important;width:30px!important;padding:0!important;display:grid!important}.activity-command{color:#fff;background:linear-gradient(135deg,#173f30,#1c536b);border-radius:20px;justify-content:space-between;align-items:center;gap:20px;padding:20px;display:flex;box-shadow:0 14px 34px #153f3020}.activity-command h2{font-size:22px}.activity-command span{color:#c6d9d1;max-width:490px;margin-top:8px;font-size:9px;line-height:1.5;display:block}.activity-command>svg{color:#8dd1ac;flex:none}.activity-toolbar{justify-content:space-between;align-items:center;margin:-12px 0 14px;display:flex}.activity-toolbar>span{color:var(--muted);align-items:center;gap:6px;font-size:8.5px;display:flex}.activity-list{gap:9px;display:grid}.activity-list article{border:1px solid var(--line);background:var(--white);border-radius:16px;grid-template-columns:39px minmax(0,1fr);gap:10px;padding:13px;display:grid}.activity-icon{color:#9b612e;background:var(--orange-soft);border-radius:12px;place-items:center;width:38px;height:38px;display:grid}.activity-icon.created,.activity-icon.uploaded{color:#2c7250;background:var(--mint)}.activity-icon.deleted{color:#a34435;background:var(--red-soft)}.activity-list article>div>div{justify-content:space-between;align-items:center;gap:8px;display:flex}.activity-list strong{font-size:10px}.activity-list p{margin:5px 0 4px;font-size:9px;line-height:1.4}.activity-list small{color:var(--muted);font-size:7px}.bottom-nav{z-index:40;width:min(520px,100%);min-height:76px;padding:9px 6px max(10px, env(safe-area-inset-bottom));border-top:1px solid var(--line);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffdf9eb;grid-template-columns:repeat(6,1fr);display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -10px 30px #1b382a0c}.bottom-nav button{color:#858b85;cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:0;font-size:8px;display:flex}.bottom-nav button.active{color:var(--forest);font-weight:900}.bottom-nav .fab{background:var(--orange);color:#fff;border-radius:50%;align-self:center;width:54px;height:54px;margin-top:-31px;transition:transform .2s;box-shadow:0 9px 22px #df643c66}.bottom-nav .fab:active{transform:scale(.92)}.desktop-sidebar{display:none}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0e231a78;justify-content:center;align-items:flex-end;padding-top:40px;animation:.2s both fade-in;display:flex;position:fixed;inset:0}.sheet{width:min(520px,100%);max-height:88svh;padding:10px 19px max(25px, env(safe-area-inset-bottom));background:var(--paper);border-radius:25px 25px 0 0;animation:.35s cubic-bezier(.2,.8,.2,1) both sheet-up;overflow-y:auto;box-shadow:0 -18px 50px #0d241939}.sheet-handle{background:#c8cbc5;border-radius:4px;width:36px;height:4px;margin:0 auto 19px}.sheet-head{align-items:flex-start;margin-bottom:20px}.sheet-head>div>small{color:var(--muted);margin-top:6px;font-size:9px;display:block}.create-sheet label{margin-bottom:14px;display:block}.create-sheet label>span{color:#5f675f;margin:0 0 6px 2px;font-size:9px;font-weight:800;display:block}.create-sheet input,.create-sheet select,.create-sheet textarea{background:var(--white);width:100%;color:var(--ink);border:1px solid #d9dcd5;border-radius:12px;outline:0;padding:12px;font-size:11px}.create-sheet textarea{resize:vertical}.form-grid{grid-template-columns:1fr 1fr;gap:9px;display:grid}.detail-amount{background:var(--white);border:1px solid #d9ded9;border-radius:17px;margin-bottom:17px;padding:16px}.detail-amount p{color:var(--muted);margin:0 0 5px;font-size:9px}.detail-amount strong{margin-right:9px;font-family:Georgia,serif;font-size:25px;display:inline-block}.detail-list{border:1px solid var(--line);background:var(--white);border-radius:16px;margin-bottom:17px;overflow:hidden}.detail-list span{border-bottom:1px solid #e9e9e2;justify-content:space-between;padding:11px 12px;display:flex}.detail-list span:last-child{border:0}.detail-list small{color:var(--muted);font-size:9px}.detail-list b{font-size:9.5px}.notification-list button{text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #e2e2da;align-items:center;gap:11px;width:100%;padding:12px 0;display:flex}.notification-list button>div{flex:1;min-width:0}.notification-list strong,.notification-list small,.notification-list time{display:block}.notification-list strong{font-size:10.5px}.notification-list small{color:var(--muted);margin-top:4px;font-size:8.5px}.notification-list time{color:#a2a7a1;margin-top:5px;font-size:7.5px}.toast{z-index:150;color:#fff;background:#163e2e;border-radius:999px;align-items:center;gap:8px;max-width:calc(100% - 32px);padding:11px 15px;font-size:10px;font-weight:800;animation:.35s both toast-in;display:flex;position:fixed;top:18px;left:50%;transform:translate(-50%);box-shadow:0 10px 28px #0d271b42}.animate-in{animation:.35s both view-in}@keyframes view-in{0%{opacity:0;transform:translateY(7px)}}@keyframes fade-in{0%{opacity:0}}@keyframes sheet-up{0%{opacity:0;transform:translateY(60px)}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-15px)}}@keyframes grow-bar{0%{width:0}}@keyframes grow-height{0%{transform:scaleY(0)}}@keyframes card-in{0%{opacity:0;transform:translateY(8px)}}@keyframes attachment-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (min-width:760px){body{padding:22px}.site-frame{background:var(--paper);border:1px solid #d6dad4;border-radius:28px;grid-template-columns:220px minmax(0,1fr);width:min(1160px,100%);min-height:calc(100svh - 44px);margin:0 auto;display:grid;overflow:hidden;box-shadow:0 28px 80px #1b382c20}.desktop-sidebar{color:#fff;background:#102f24;flex-direction:column;min-height:calc(100svh - 44px);padding:22px 13px;display:flex}.brand-mark{border-bottom:1px solid #ffffff13;align-items:center;gap:10px;padding:4px 8px 24px;display:flex}.brand-mark>span{background:#f07a4c;border-radius:11px;place-items:center;width:37px;height:37px;font-family:Georgia,serif;font-weight:900;display:grid}.brand-mark strong,.brand-mark small{display:block}.brand-mark strong{letter-spacing:.16em;font-size:11px}.brand-mark small{color:#90a99e;margin-top:3px;font-size:8px}.desktop-sidebar nav{gap:5px;margin-top:22px;display:grid}.desktop-sidebar nav button,.sidebar-footer>button{color:#a9bcb3;cursor:pointer;background:0 0;border:0;border-radius:11px;align-items:center;gap:10px;width:100%;padding:11px 12px;font-size:10px;display:flex}.desktop-sidebar nav button span{text-align:left;flex:1}.desktop-sidebar nav button.active{color:#fff;background:#ffffff10}.desktop-sidebar nav button.active:before{content:"";background:#f07a4c;border-radius:3px;width:3px;height:18px;margin-left:-12px}.sidebar-footer{border-top:1px solid #ffffff13;margin-top:auto;padding-top:16px}.sidebar-footer>div{grid-template-columns:36px 1fr auto;align-items:center;gap:8px;margin-top:10px;padding:10px 7px;display:grid}.sidebar-footer .avatar{background:#ffffff14;width:34px;height:34px}.sidebar-footer p{margin:0}.sidebar-footer strong,.sidebar-footer small{display:block}.sidebar-footer strong{font-size:9px}.sidebar-footer small{color:#819b90;margin-top:3px;font-size:7.5px}.app-shell{max-width:none;margin:0;padding:30px clamp(25px,5vw,62px) 60px;overflow-y:auto}.bottom-nav{display:none}.view{max-width:800px;margin:0 auto}.metric-grid{grid-template-columns:repeat(4,1fr)}.quick-actions{grid-template-columns:repeat(4,110px);justify-content:start}.fleet-list{grid-template-columns:1fr 1fr}.equipment-tabs,.record-tabs{margin-left:0;margin-right:0;padding-left:0;padding-right:0}.equipment-facts,.record-kpis{grid-template-columns:repeat(4,1fr)}.operator-card{grid-template-columns:42px 1fr auto 260px}.operator-facts{border-top:0;border-left:1px solid #ebeae4;grid-column:auto;padding:0 0 0 12px}.overview-grid{grid-template-columns:1fr 1fr}.upload-zone{grid-template-columns:42px 1fr 160px 130px;align-items:end}.upload-zone .upload-icon{grid-row:auto;align-self:start}.upload-zone label,.upload-zone .primary-button{grid-column:auto}.upload-zone>small{text-align:left;grid-column:2/-1}.attachment-list article{grid-template-columns:36px minmax(0,1fr) auto auto}.attachment-actions{border:0;grid-column:auto;padding:0}.sales-actions{width:400px}.sales-section-tabs{margin-left:0;margin-right:0;padding-left:0;padding-right:0}.sales-kpi-grid{grid-template-columns:repeat(4,1fr)}.top-customer-grid{grid-template-columns:repeat(3,1fr)}.opportunity-list,.quote-list,.customer-list,.sales-lpo-list{grid-template-columns:1fr 1fr}.accounts-section-tabs{margin-left:0;margin-right:0;padding-left:0;padding-right:0}.accounts-kpi-grid{grid-template-columns:repeat(4,1fr)}.receivable-list,.supplier-list{grid-template-columns:1fr 1fr}.aging-grid{grid-template-columns:repeat(4,1fr)}.report-grid{grid-template-columns:repeat(3,1fr)}.activity-list{grid-template-columns:1fr 1fr}.hr-section-tabs{margin-left:0;margin-right:0;padding-left:0;padding-right:0}.hr-kpi-grid{grid-template-columns:repeat(4,1fr)}.employee-grid{grid-template-columns:1fr 1fr}.attendance-summary.large{gap:10px}.leave-balance-grid{grid-template-columns:1fr 1fr}.employee-profile-sheet{width:min(650px,100%)}.sheet{border-radius:25px;margin-bottom:22px}.modal-backdrop{align-items:center;padding:22px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@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}