/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--radius-lg:.5rem;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-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:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.static{position:static}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.border{border-style:var(--tw-border-style);border-width:1px}.uppercase{text-transform:uppercase}.italic{font-style:italic}.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,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}@font-face{font-family:Noto Sans Devanagari Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/noto-sans-devanagari-devanagari-wght-normal-DWI_L5Cu.woff2)format("woff2-variations");unicode-range:U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Noto Sans Devanagari Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/noto-sans-devanagari-latin-ext-wght-normal-CLkupaxV.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Sans Devanagari Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/noto-sans-devanagari-latin-wght-normal-Bxfr4UJH.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Newsreader Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/newsreader-vietnamese-opsz-normal-BjhtXyW2.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Newsreader Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/newsreader-latin-ext-opsz-normal-BQn1nviT.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Newsreader Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/newsreader-latin-opsz-normal-s-izfB6B.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Var;src:url(/assets/InterVariable-DiVDrmQJ.woff2)format("woff2");font-style:normal;font-weight:100 900;font-display:swap}:root{--font-sans:"Inter Var", "Noto Sans Devanagari Variable", system-ui, "Segoe UI", Roboto, sans-serif;--font-mono:ui-monospace, "Cascadia Mono", Consolas, monospace;--font-display:"Newsreader Variable", Georgia, "Times New Roman", serif;--bg:#f7f8fa;--surface:#fff;--surface-2:#f9fafb;--surface-3:#f2f3f5;--border:#e6e8ec;--border-strong:#d5d9e0;--ink:#0b0d12;--text:#1f2329;--muted:#5b616e;--faint:#8a909c;--brand:#2f5fe8;--brand-hover:#2349c4;--brand-ink:#13245a;--brand-50:#eef3ff;--brand-100:#dbe5ff;--brand-500:#4672f0;--accent:#f0a83c;--accent-50:#fff6e8;--accent-ink:#8a5306;--glass:#fff;--glass-strong:#fff;--glass-border:var(--border);--glass-blur:none;--glass-shadow:0 1px 2px #1018280a, 0 1px 1px #10182805;--success:#157f4a;--success-bg:#eaf7ef;--success-border:#bfe6cf;--danger:#b42318;--danger-bg:#fdf1ef;--danger-border:#f5c6c0;--warning:#a15c07;--warning-bg:#fff7e8;--warning-border:#f6dca8;--info:#1c5fbf;--info-bg:#eef5fd;--info-border:#c6dbf5;--radius-sm:6px;--radius:10px;--radius-lg:12px;--shadow-sm:0 1px 2px #1e326e0f;--shadow:var(--glass-shadow);--shadow-lg:0 30px 60px -16px #1e326e47;--ring:0 0 0 3px #4672f038;--sidebar-w:236px;font-family:var(--font-sans);font-feature-settings:"cv11", "ss01", "ss03";color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;line-height:1.5}*,:before,:after{box-sizing:border-box}body{background:var(--bg);min-width:320px;margin:0}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0}button:disabled{cursor:not-allowed;opacity:.55}a{color:inherit;text-decoration:none}h1,h2,h3,h4,p{margin:0}input,select,textarea{min-width:0}fieldset{border:0;min-width:0;margin:0;padding:0}button svg,a svg{flex-shrink:0}button,a{-webkit-tap-highlight-color:transparent}:is(a,button,input,select,textarea,summary):focus-visible{outline:2px solid var(--brand-500);outline-offset:2px}::selection{background:var(--brand-100);color:var(--ink)}.numeric,.stat strong,.plan-price,.balance-note strong{font-variant-numeric:tabular-nums}.app-shell{min-height:100vh;display:flex}.sidebar{z-index:30;width:var(--sidebar-w);border-right:1px solid var(--border);color:var(--muted);scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent;background:#fff;flex-direction:column;padding:14px 12px 12px;display:flex;position:fixed;inset:0 auto 0 0;overflow-y:auto}.brand{color:var(--ink);letter-spacing:-.02em;align-items:center;gap:10px;padding:0 4px;font-size:16.5px;font-weight:650;line-height:1.15;display:flex}.brand-icon{background:linear-gradient(140deg, #ffc067, var(--accent));color:#3b2604;border-radius:9px;flex-shrink:0;place-items:center;width:34px;height:34px;display:grid;box-shadow:inset 0 1px #ffffff80,0 1px 2px #1018281a}.brand-icon svg{width:18px;height:18px}.brand small{letter-spacing:0;color:var(--muted);text-transform:none;margin-top:2px;font-size:11.5px;font-weight:400;display:block}.workspace-label{border:1px solid var(--border);letter-spacing:0;color:var(--muted);text-transform:none;border-radius:9px;justify-content:space-between;align-items:center;margin:14px 0 6px;padding:7px 10px;font-size:11.5px;font-weight:600;display:flex}.workspace-label span{border:1px solid var(--border);background:var(--surface-2);color:var(--ink);letter-spacing:.06em;border-radius:6px;padding:2px 8px;font-size:10.5px}.sidebar nav{flex-direction:column;gap:1px;display:flex}.sidebar nav a{color:var(--text);white-space:nowrap;border-radius:8px;align-items:center;gap:10px;padding:7px 10px;font-size:14px;font-weight:500;transition:background .15s,color .15s;display:flex;position:relative}.sidebar nav a svg{stroke-width:1.7px;color:#3b404c;width:18px;height:18px}.sidebar nav a:hover{background:var(--surface-3);color:var(--ink)}.sidebar nav a.active{color:var(--ink);background:#f0f1f4;font-weight:600}.sidebar nav a.active:before{content:"";background:var(--ink);border-radius:0 3px 3px 0;width:3px;position:absolute;top:6px;bottom:6px;left:-12px}.sidebar nav a.active svg{color:var(--ink)}.nav-section{letter-spacing:.1em;text-transform:uppercase;color:#4b5160;margin:14px 10px 4px;font-size:11px;font-weight:700}.profile{border:1px solid var(--border);background:var(--surface-2);border-radius:10px;align-items:center;gap:9px;margin-top:auto;padding:8px 10px;display:flex}.avatar{background:var(--ink);color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:32px;height:32px;font-size:12px;font-weight:600;display:grid}.profile>div{flex:1;min-width:0}.profile strong{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:600;display:block;overflow:hidden}.profile small{color:var(--muted);font-size:12px;display:block}.main-shell{margin-left:var(--sidebar-w);width:calc(100% - var(--sidebar-w));flex-direction:column;min-width:0;min-height:100vh;display:flex}.topbar{z-index:20;border-bottom:1px solid var(--border);height:52px;color:var(--muted);background:#ffffffeb;justify-content:space-between;align-items:center;gap:16px;padding:0 24px;font-size:13.5px;display:flex;position:sticky;top:0}.topbar>div{align-items:center;gap:10px;min-width:0;display:flex}.topbar-brand{color:var(--muted)}.topbar-divider{color:var(--border-strong)}.topbar-page{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.topbar-right{align-items:center;gap:14px;display:flex}.topbar-badge{background:var(--glass-strong);border:1px solid var(--glass-border);box-shadow:var(--shadow-sm);color:var(--text);white-space:nowrap;border-radius:99px;align-items:center;gap:7px;padding:6px 11px;font-size:12.5px;font-weight:500;display:inline-flex}.status-dot{background:var(--success);width:7px;height:7px;box-shadow:0 0 0 3px var(--success-bg);border-radius:50%}.mobile-menu{display:none!important}main{flex:1;width:100%;padding:20px 28px 28px}.main-shell>main:has(.monthly-customer-table,.mandva-register){padding-inline:16px}footer{border-top:1px solid var(--border);color:var(--faint);justify-content:space-between;gap:12px;margin:0 28px;padding:12px 0 14px;font-size:12px;display:flex}.sidebar-scrim{display:none}.page-heading{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:16px;display:flex}.eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--faint);font-size:11px;font-weight:600}.page-heading h1{font-family:var(--font-display);letter-spacing:-.015em;color:var(--ink);margin-top:2px;font-size:34px;font-weight:400;line-height:1.1}.page-heading p{max-width:640px;color:var(--muted);margin-top:4px;font-size:14.5px}.button-group{flex-wrap:wrap;gap:10px;display:flex}.button{background:var(--brand);color:#fff;border:1px solid var(--brand);white-space:nowrap;background-image:linear-gradient(#ffffff24,#0000);border-radius:9px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 16px;font-size:14px;font-weight:600;transition:background .15s,border-color .15s,box-shadow .15s,transform .15s;display:inline-flex;box-shadow:0 6px 16px -6px #2f5fe88c,inset 0 1px #ffffff40}.button:hover:not(:disabled){background:var(--brand-hover);border-color:var(--brand-hover)}.button:active:not(:disabled){transform:translateY(1px)}.button svg{width:17px;height:17px}.button.secondary{background:var(--glass-strong);color:var(--text);border-color:var(--border-strong);box-shadow:var(--shadow-sm);background-image:none}.button.secondary:hover:not(:disabled){background:var(--surface-2);border-color:var(--faint)}.icon-button{width:36px;height:36px;color:var(--muted);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,color .15s;display:inline-flex}.icon-button:hover:not(:disabled){background:var(--surface-3);color:var(--ink)}.text-button{color:var(--brand);white-space:nowrap;align-items:center;gap:6px;padding:4px 0;font-size:13.5px;font-weight:600;display:inline-flex}.text-button:hover{color:var(--brand-hover);text-underline-offset:3px;text-decoration:underline}.danger,.text-button.danger{color:var(--danger)}.panel{background:var(--glass);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow);min-width:0;overflow:hidden}.panel-heading{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;display:flex}.panel h2{letter-spacing:-.01em;color:var(--ink);font-size:16px;font-weight:600}.panel-heading p{color:var(--muted);margin-top:2px;font-size:13px}.section-gap{margin-top:24px}.overview-banner{-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);color:var(--ink);background:linear-gradient(120deg,#ffffffd9,#eef3ffb3 55%,#fff4e4b3);border-radius:18px;justify-content:space-between;align-items:center;gap:24px;margin-bottom:22px;padding:28px 30px;display:flex;position:relative;overflow:hidden}.overview-banner>div:first-child,.banner-action{z-index:1;position:relative}.pill{background:var(--brand-50);border:1px solid var(--brand-100);color:var(--brand);letter-spacing:.1em;border-radius:99px;align-items:center;padding:5px 11px;font-size:11px;font-weight:600;display:inline-flex}.overview-banner h2{letter-spacing:-.02em;margin-top:14px;font-size:26px;font-weight:650;line-height:1.25}.overview-banner p{color:var(--muted);margin-top:8px;font-size:14px}.overview-banner p span{margin:0 8px}.banner-action{border:1px solid var(--glass-border);color:var(--ink);background:#fff;border-radius:14px;flex-shrink:0;align-items:center;gap:14px;padding:14px 16px;font-size:14.5px;font-weight:600;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 8px 22px -10px #1e326e4d}.banner-action:hover{transform:translateY(-1px);box-shadow:0 12px 26px -10px #1e326e59}.banner-action>span{background:var(--brand);color:#fff;border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.banner-action small{color:var(--muted);margin-top:2px;font-size:13px;font-weight:400;display:block}.banner-action>svg{color:var(--faint);margin-left:8px}.banner-rings{border:1px solid #4672f01a;width:420px;height:420px;top:-150px;right:-80px;box-shadow:0 0 0 44px #4672f008,0 0 0 88px #4672f005}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px;display:grid}.stats-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.stat{background:var(--glass);min-width:0;-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--shadow);border-radius:16px;padding:16px 18px}.stat.accent{background:#fff}.stat-top{color:#2b2f38;justify-content:space-between;align-items:flex-start;gap:8px;font-size:14px;font-weight:600;display:flex}.stat-top svg{color:#0f9f6e;background:#eefaf5;border-radius:10px;width:34px;height:34px;padding:8px}.stats-grid .stat:nth-child(2) .stat-top svg{color:#4d8b16;background:#f1f9e8}.stats-grid .stat:nth-child(3) .stat-top svg{color:#e8590c;background:#fff3ec}.stats-grid .stat:nth-child(4) .stat-top svg{color:#4b5160;background:#f2f3f5}.stat strong{letter-spacing:-.03em;color:var(--ink);overflow-wrap:anywhere;margin-top:2px;font-size:28px;font-weight:600;line-height:1.15;display:block}.stat small{border-top:1px solid var(--border);color:var(--muted);margin-top:8px;padding-top:9px;font-size:12.5px;display:block}.dashboard-grid{grid-template-columns:minmax(0,1.9fr) minmax(280px,1fr);align-items:start;gap:20px;display:grid}.snapshot-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;margin:0 20px;padding:15px 0;font-size:14px;display:flex}.snapshot-row>span{color:var(--muted);align-items:center;gap:10px;display:flex}.snapshot-row svg{color:var(--brand-500)}.snapshot-row strong{color:var(--ink);font-variant-numeric:tabular-nums;font-weight:650}.amber-text{color:var(--warning)!important}.green-text{color:var(--success)!important}.soft-callout{background:linear-gradient(140deg,#fff6e8e6,#ffffffb3);border:1px solid #f6e2bf;border-radius:12px;margin:18px 20px 20px;padding:16px}.soft-callout .eyebrow{color:var(--accent-ink)}.soft-callout p{color:var(--text);margin-top:6px;font-size:14px}.soft-callout a{color:var(--accent-ink);justify-content:space-between;align-items:center;margin-top:12px;font-size:13.5px;font-weight:600;display:flex}.table-wrap{width:100%;overflow-x:auto}table{border-collapse:collapse;text-align:left;white-space:nowrap;width:100%;font-size:14px}th{border-block:1px solid var(--border);color:var(--muted);background:#f7f9fcb3;padding:9px 16px;font-size:12.5px;font-weight:600}.panel>.table-wrap:first-child th,.panel-heading+.table-wrap th{border-top:0}td{border-bottom:1px solid var(--border);color:var(--text);vertical-align:middle;padding:10px 16px}tbody tr{transition:background .12s}tbody tr:hover{background:#ffffffb3}tr:last-child td{border-bottom:0}td strong{color:var(--ink);font-weight:600}td small{white-space:normal;max-width:320px;color:var(--muted);margin-top:3px;font-size:12.5px;display:block}.numeric{text-align:right}.strong{color:var(--ink);font-weight:650}.table-link{color:var(--ink);font-weight:600}.table-link:hover{color:var(--brand);text-underline-offset:3px;text-decoration:underline}.identifier,.mono{font-family:var(--font-mono);font-size:12.5px}.identifier{background:var(--surface-3);color:var(--ink);border-radius:6px;padding:3px 8px;font-weight:500;display:inline-block}.mono{color:var(--muted)}.reversed-row{opacity:.6}.row-actions{align-items:center;gap:12px;display:flex}.badge{background:var(--surface-3);color:var(--muted);text-transform:capitalize;white-space:nowrap;border:1px solid #0000;border-radius:99px;align-items:center;gap:5px;padding:3px 9px;font-size:12px;font-weight:600;display:inline-flex}.badge.green{background:var(--success-bg);color:var(--success);border-color:var(--success-border)}.badge.blue{background:var(--info-bg);color:var(--info);border-color:var(--info-border)}.badge.amber{background:var(--warning-bg);color:var(--warning);border-color:var(--warning-border)}.badge.red{background:var(--danger-bg);color:var(--danger);border-color:var(--danger-border)}.notice{border-radius:var(--radius);background:var(--danger-bg);border:1px solid var(--danger-border);color:var(--danger);align-items:flex-start;gap:10px;margin-bottom:18px;padding:12px 14px;font-size:14px;display:flex}.notice svg{flex-shrink:0;margin-top:2px}.notice.success{background:var(--success-bg);border-color:var(--success-border);color:var(--success)}.empty{text-align:center;padding:40px 24px}.empty-icon{background:var(--brand-50);width:52px;height:52px;color:var(--brand-500);border-radius:14px;place-items:center;margin:0 auto 14px;display:grid}.empty h3{color:var(--ink);font-size:16px;font-weight:650}.empty p{max-width:340px;color:var(--muted);margin:6px auto 0;font-size:14px}.loading{color:var(--muted);justify-content:center;align-items:center;gap:10px;padding:36px;font-size:14px;display:flex}.boot{background:var(--bg);min-height:100vh;color:var(--muted);place-items:center;font-size:15px;display:grid}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.page-note,.form-hint{color:var(--muted);font-size:13.5px}.page-note{margin:18px 0}.form-hint{padding:8px 0}.muted{color:var(--muted);margin-top:8px;font-size:13.5px}.filter-bar{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:10px;padding:12px 18px;display:flex}.search-field{border:1px solid var(--border-strong);min-width:220px;max-width:420px;min-height:40px;color:var(--faint);background:#ffffffd9;border-radius:10px;flex:1;align-items:center;gap:9px;padding:0 12px;transition:border-color .15s,box-shadow .15s;display:flex}.search-field:focus-within{border-color:var(--brand-500);box-shadow:var(--ring)}.search-field input{width:100%;color:var(--ink);background:0 0;border:0;outline:none;padding:9px 0;font-size:14px}.search-field input:focus-visible{outline:none}input,select,textarea{border:1px solid var(--border-strong);background:var(--surface);color:var(--ink);border-radius:9px;padding:9px 12px;font-size:14px;transition:border-color .15s,box-shadow .15s}:is(input,select,textarea)::placeholder{color:var(--faint);opacity:1}:is(input,select,textarea):focus{border-color:var(--brand-500);box-shadow:var(--ring);outline:none}:is(input,select,textarea):disabled{background:var(--surface-3);color:var(--muted)}select{padding-right:30px}.record-count{color:var(--muted);margin-left:auto;font-size:13px}.field{flex-direction:column;gap:6px;min-width:0;margin-bottom:16px;display:flex}.field>span{color:var(--text);font-size:13px;font-weight:600}.field :is(input,select,textarea){width:100%;min-height:42px}.form-grid{grid-template-columns:1fr 1fr;column-gap:16px;display:grid}.full-width{grid-column:1/-1}.form-actions{border-top:1px solid var(--border);justify-content:flex-end;gap:10px;margin-top:20px;padding-top:18px;display:flex}.balance-note{border-radius:var(--radius);background:var(--brand-50);border:1px solid var(--brand-100);color:var(--brand);justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;padding:14px 16px;font-size:14px;display:flex}.balance-note strong{color:var(--ink);font-size:22px;font-weight:700}.modal{border:1px solid var(--glass-border);width:580px;max-width:calc(100vw - 28px);max-height:90vh;-webkit-backdrop-filter:var(--glass-blur);color:var(--text);box-shadow:var(--shadow-lg);background:#ffffffeb;border-radius:20px;margin:auto;padding:26px;overflow-y:auto}.modal[open]{animation:.18s ease-out modalIn}@keyframes modalIn{0%{opacity:0;transform:translateY(8px)scale(.985)}}.modal::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#1e294638}.modal-heading{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px;display:flex}.modal-heading h2{letter-spacing:-.02em;color:var(--ink);font-size:20px;font-weight:700}.modal-heading p{color:var(--muted);margin-top:4px;font-size:14px}.pagination{border-top:1px solid var(--border);color:var(--muted);justify-content:flex-end;align-items:center;gap:6px;padding:10px 18px;font-size:13px;display:flex}.pagination>span{margin-right:auto}.pagination .icon-button{border:1px solid var(--border)}.back-link{color:var(--muted);align-items:center;gap:7px;margin-bottom:16px;font-size:13.5px;font-weight:500;display:inline-flex}.back-link:hover{color:var(--brand)}.customer-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:20px;margin:-8px 0 22px;font-size:14px;display:flex}.plan-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px;display:grid}.plan-card{background:var(--glass);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--shadow);border-radius:16px;flex-direction:column;align-items:flex-start;padding:22px;transition:box-shadow .15s,transform .15s;display:flex}.plan-card:hover{transform:translateY(-1px);box-shadow:0 8px 24px -10px #0c21232e}.plan-top{justify-content:space-between;align-items:center;width:100%;margin-bottom:18px;display:flex}.plan-icon{background:var(--brand-50);width:44px;height:44px;color:var(--brand);border-radius:12px;place-items:center;display:grid}.plan-card h2{color:var(--ink);margin-top:6px;font-size:18px;font-weight:650}.plan-price{letter-spacing:-.02em;color:var(--ink);margin-top:12px;font-size:28px;font-weight:700}.plan-price small{letter-spacing:0;color:var(--muted);font-size:13px;font-weight:500}.plan-card .plan-price{margin-bottom:18px}.plan-card .muted{margin:-10px 0 18px}.plan-card .button{width:100%;margin-top:auto}.report-filters{flex-wrap:wrap;align-items:flex-end;gap:14px;margin-bottom:22px;padding:18px 20px;display:flex}.report-filters label{color:var(--text);flex-direction:column;gap:6px;font-size:13px;font-weight:600;display:flex}.report-filters>span{color:var(--muted);margin-left:auto;padding-bottom:10px;font-size:13px}.report-summary{flex-wrap:wrap;gap:10px;margin:0 0 22px;display:flex}.report-summary>span{background:var(--glass);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);color:var(--muted);border-radius:99px;padding:8px 14px;font-size:13.5px}.report-summary strong{color:var(--ink);margin-left:6px;font-weight:650}.reports-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.report-rows{max-height:380px;padding:4px 20px 12px;overflow:auto}.report-rows>div{border-bottom:1px solid var(--border);color:var(--text);justify-content:space-between;gap:16px;padding:12px 0;font-size:14px;display:flex}.report-rows>div:last-child{border:0}.report-rows strong{color:var(--ink);font-variant-numeric:tabular-nums;font-weight:650}@media (width<=1200px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:minmax(0,1fr)}main{padding:18px 20px 24px}footer{margin-inline:20px}}@media (width<=900px){.overview-banner{flex-direction:column;align-items:flex-start}.reports-grid{grid-template-columns:1fr}.topbar-brand,.topbar-divider{display:none}}@media (width<=760px){.sidebar{width:272px;box-shadow:var(--shadow-lg);background:#ffffffeb;border-radius:0 18px 18px 0;transition:transform .22s;inset:0 auto 0 0;transform:translate(-105%)}.sidebar.open{transform:none}.sidebar-scrim{z-index:25;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1e294640;display:block;position:fixed;inset:0}.main-shell{width:100%;margin-left:0}.mobile-menu{display:inline-flex!important}.topbar{padding:0 12px 0 8px}.topbar .topbar-badge{display:none}main{padding:16px 14px 24px}.main-shell>main:has(.monthly-customer-table,.mandva-register){padding:16px 14px 24px}footer{flex-direction:column;gap:4px;margin-inline:16px}.page-heading{align-items:flex-start;margin-bottom:18px}.page-heading h1{font-size:32px}.stats-grid,.stats-grid.three{gap:12px}.stat{padding:16px}.stat strong{font-size:23px}.overview-banner{padding:22px}.overview-banner h2{font-size:22px}.banner-action{width:100%}.banner-action>svg{margin-left:auto}.filter-bar{padding:14px 16px}.search-field{flex-basis:100%;max-width:none}th{padding:10px 16px}td{padding:13px 16px}.form-grid{grid-template-columns:1fr}.modal{padding:20px}.report-filters>span{display:none}.report-filters label{flex:1;min-width:130px}}@media (width<=480px){.stats-grid,.stats-grid.three{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.scrollbar-hidden::-webkit-scrollbar{display:none}.scrollbar-hidden{-ms-overflow-style:none;scrollbar-width:none}.otp-panel{background:var(--brand-50);border:1px solid var(--brand-100);color:var(--text);border-radius:12px;margin:4px 0 16px;padding:14px 16px;font-size:13.5px}.otp-panel.warning{background:var(--warning-bg);border-color:var(--warning-border)}.otp-panel-head{color:var(--brand);align-items:center;gap:8px;margin-bottom:4px;display:flex}.otp-panel.warning .otp-panel-head{color:var(--warning)}.otp-panel dl{gap:6px;margin:12px 0 0;display:grid}.otp-panel dl>div{border-top:1px solid #2f5fe81f;justify-content:space-between;gap:16px;padding-top:6px;display:flex}.otp-panel dt{color:var(--muted)}.otp-panel dd{color:var(--ink);text-align:right;margin:0;font-weight:600}.field input[name=otp]{letter-spacing:.5em;text-align:center;font-variant-numeric:tabular-nums;font-size:22px}.recharge-detail .recharge-edit{margin-top:10px}.recharge-history{border-top:1px dashed var(--border-strong);margin-top:16px;padding-top:14px}.recharge-history h4{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin:0 0 10px;font-size:13px;font-weight:650}.recharge-history ol{border-left:2px solid var(--brand-100);gap:12px;margin:0;padding:0 0 0 14px;list-style:none;display:grid}.recharge-history ol>li{position:relative}.recharge-history ol>li:before{content:"";border:2px solid var(--brand-500);background:#fff;border-radius:50%;width:10px;height:10px;position:absolute;top:5px;left:-20px}.recharge-history ol>li:last-child:before{border-color:var(--faint)}.rh-head{flex-wrap:wrap;align-items:center;gap:8px;font-size:13.5px;display:flex}.recharge-detail .rh-head strong{color:var(--ink);margin:0;font-size:13.5px;font-weight:650}.recharge-history .badge{text-transform:none;padding:1px 8px;font-size:11.5px}.rh-head>span{color:var(--muted)}.rh-head time{color:var(--faint);white-space:nowrap;margin-left:auto;font-size:12.5px}.recharge-history ul{background:var(--surface-2);border-radius:8px;gap:4px;margin:6px 0 0;padding:8px 10px;font-size:13px;list-style:none;display:grid}.recharge-history ul span{min-width:64px;color:var(--muted);display:inline-block}.recharge-history s{color:var(--faint)}.recharge-history b{color:var(--ink);font-weight:600}.monthly-customer-table .month-note.locked:disabled{opacity:1;cursor:not-allowed}.monthly-customer-table .month-note.locked:not(.online):not(.offline){background:var(--surface-2)}.app-shell .monthly-customer-table th.col-month.is-current{color:var(--brand);box-shadow:inset 0 -2px var(--brand)}.app-shell .monthly-customer-table td.col-month.is-current{background:#2f5fe80d}.month-lock-hint{background:var(--warning-bg);border:1px solid var(--warning-border);color:var(--warning);border-radius:99px;align-items:center;padding:5px 10px;font-size:12px;font-weight:600;display:inline-flex}.drawer-month-card.locked{cursor:not-allowed}.drawer-month-card.locked:hover{box-shadow:none;border-color:var(--border);transform:none}.month-total{border:1px solid var(--border);background:var(--surface-2);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;padding:14px 16px;display:flex}.month-total>div{gap:2px;display:grid}.month-total span{color:var(--muted);font-size:12.5px;font-weight:600}.month-total strong{letter-spacing:-.02em;color:var(--ink);font-variant-numeric:tabular-nums;font-size:26px;font-weight:700}.month-total small{color:var(--muted);font-size:12.5px}.month-total b{border-radius:99px;padding:5px 11px;font-size:13px}.month-total.settled{background:var(--success-bg);border-color:var(--success-border)}.month-total.settled b{color:var(--success);background:#fff}.month-total.due{background:var(--danger-bg);border-color:var(--danger-border)}.month-total.due b{color:var(--danger);background:#fff}.month-total.advance{background:var(--info-bg);border-color:var(--info-border)}.month-total.advance b{color:var(--info);background:#fff}.month-payments{gap:8px;margin:0 0 16px;padding:0;list-style:none;display:grid}.month-payments li{border:1px solid var(--border);background:#fff;border-radius:10px;grid-template-columns:auto 1fr auto;align-items:center;gap:4px 12px;padding:10px 12px;display:grid}.mp-index{background:var(--brand-50);width:24px;height:24px;color:var(--brand);border-radius:50%;grid-row:span 2;place-items:center;font-size:12px;font-weight:700;display:grid}.mp-main{align-items:center;gap:8px;display:flex}.mp-main strong{color:var(--ink);font-variant-numeric:tabular-nums;font-size:16px}.mp-meta{color:var(--muted);flex-wrap:wrap;grid-column:2;gap:2px 12px;font-size:12.5px;display:flex}.month-payments .icon-button{grid-area:1/3/span 2}.month-add-payment{border-top:1px dashed var(--border-strong);padding-top:14px}.month-add-payment h3{color:var(--ink);margin:0 0 10px;font-size:14px;font-weight:650}.month-add-payment .preset-chips{margin:-6px 0 14px}.month-add-payment .form-actions{align-items:center}.month-admin-actions{gap:14px;margin-right:auto;display:flex}.monthly-customer-table .month-note.mixed{color:#6d28d9;background:#f5f3ff;border-color:#ddd6fe}.month-count{background:#0000000f;border-radius:99px;margin-top:2px;padding:0 5px;font-size:9.5px;font-weight:700;line-height:1.5;display:inline-block}.month-method-tag.mixed{color:#6d28d9;background:#ede9fe}.collect-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;display:grid}.collect-card{flex-direction:column;gap:10px;padding:16px 18px;display:flex;overflow:visible}.cc-head{align-items:center;gap:10px;display:flex}.cc-head>div{flex:1;min-width:0}.cc-head strong{color:var(--ink);font-size:15px;display:block}.cc-head small{color:var(--muted);font-size:12.5px;display:block}.cc-amount{letter-spacing:-.03em;color:var(--ink);font-variant-numeric:tabular-nums;font-size:30px;font-weight:600}.cc-split{color:var(--muted);flex-wrap:wrap;gap:4px 14px;font-size:13px;display:flex}.cc-split b{color:var(--ink);font-weight:600}.cc-meta{border-top:1px solid var(--border);color:var(--muted);gap:2px;padding-top:10px;font-size:12.5px;display:grid}.collect-card .button{align-self:flex-start;margin-top:4px}.modal:has(.collect-list){width:760px}.collect-filters{flex-wrap:wrap;gap:8px;margin-bottom:10px;display:flex}.collect-list{border:1px solid var(--border);border-radius:10px;max-height:46vh;overflow-y:auto}.collect-row{border-bottom:1px solid var(--border);cursor:pointer;grid-template-columns:auto 92px 1fr auto 96px;align-items:center;gap:12px;padding:9px 12px;font-size:13.5px;display:grid}.collect-row:last-child{border-bottom:0}.collect-row.on{background:#fafbff}.collect-row input{width:17px;height:17px;accent-color:var(--ink)}.cr-date{color:var(--muted);font-size:13px}.cr-who strong{color:var(--ink);font-weight:600;display:block}.cr-who small{color:var(--muted);font-size:12px;display:block}.cr-amount{text-align:right;color:var(--ink);font-variant-numeric:tabular-nums;font-weight:600}.collect-summary{grid-template-columns:1fr 1fr;align-items:end;gap:16px;margin-top:14px;display:grid}.collect-summary>div{gap:2px;display:grid}.collect-summary span{color:var(--muted);font-size:12.5px;font-weight:600}.collect-summary strong{letter-spacing:-.02em;color:var(--ink);font-size:26px;font-weight:600}.collect-summary small{color:var(--muted);font-size:12.5px}.collect-summary .field{margin:0}@media (width<=760px){.collect-row{grid-template-columns:auto 1fr auto}.collect-row .cr-date,.collect-row .mode-pill{display:none}.collect-summary{grid-template-columns:1fr}}.stat-link{text-align:left;cursor:pointer;width:100%;font:inherit;flex-direction:column;justify-content:flex-start;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex}.stat-link:hover{border-color:var(--border-strong);transform:translateY(-1px);box-shadow:0 6px 16px -10px #10182840}.cc-services{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;gap:4px;margin:0;padding:8px 10px;list-style:none;display:grid}.cc-services li{color:var(--text);grid-template-columns:auto 1fr auto auto;align-items:center;gap:8px;font-size:13px;display:grid}.cc-services li svg{color:var(--muted)}.cc-services small{border:1px solid var(--border);min-width:22px;color:var(--muted);text-align:center;background:#fff;border-radius:99px;padding:0 6px;font-size:11px}.cc-services b{text-align:right;min-width:86px;color:var(--ink);font-variant-numeric:tabular-nums;font-weight:600}.cc-actions{flex-wrap:wrap;gap:10px;margin-top:4px;display:flex}.collect-card .cc-actions .button{align-self:auto;margin-top:0}.seg{background:var(--surface-3);border:1px solid var(--border);border-radius:10px;flex-wrap:wrap;gap:2px;padding:3px;display:inline-flex}.seg button{color:var(--muted);border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:600;display:inline-flex}.seg button:hover{color:var(--ink)}.seg button.on{color:var(--ink);box-shadow:0 1px 2px #1018281a, 0 0 0 1px var(--border);background:#fff}.service-tag{border:1px solid #0000;border-radius:99px;padding:2px 9px;font-size:12px;font-weight:600;display:inline-flex}.service-tag.mandva{color:#0f8a60;background:#eefaf5;border-color:#c9eedf}.service-tag.auto{color:#4d8b16;background:#f1f9e8;border-color:#d9eec3}.service-tag.broadband{color:#d2520b;background:#fff3ec;border-color:#fbd9c4}.service-tag.other{background:var(--surface-3);color:var(--muted)}.collect-summary small+small{margin-top:2px}.employee-holdings td small{margin-top:1px;font-size:11.5px}.employee-holdings td.zero,.employee-holdings .zero{color:var(--faint)}.employee-holdings .eh-total{color:var(--ink);font-weight:700}.eh-who{align-items:center;gap:10px;display:flex}.eh-who .avatar{width:30px;height:30px;font-size:11px}.eh-who strong{color:var(--ink);display:block}.eh-actions{justify-content:flex-end;gap:8px;display:flex}.employee-holdings tfoot td{background:var(--surface-2);border-top:1px solid var(--border-strong);color:var(--ink);padding:11px 16px;font-weight:600}.employee-holdings th,.employee-holdings td{padding-inline:12px}.employee-holdings .eh-split span{color:var(--muted);white-space:nowrap;font-size:12.5px;display:block}.employee-holdings .eh-split b{color:var(--ink);font-weight:600}.employee-holdings .eh-dates small{white-space:nowrap}.employee-holdings .eh-actions .button.small{min-height:32px;padding:0 12px}.employee-holdings .eh-actions .button.icon-only{justify-content:center;width:32px;padding:0}.stats-grid.five{grid-template-columns:repeat(5,minmax(0,1fr))}@media (width<=1100px){.stats-grid.five{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}.employee-holdings td:last-child{white-space:nowrap;width:1%}.brand>svg{border-radius:9px;flex-shrink:0}.wordmark{letter-spacing:-.03em;color:var(--ink);font-size:19px;font-weight:500;line-height:1.05;display:block}.wordmark b{font-weight:700}.brand.light .wordmark{font-size:22px}.activity-filters select{min-width:220px}.activity-dates{color:var(--muted);align-items:center;gap:6px;display:inline-flex}.activity-dates input{min-height:36px}.activity-table td{vertical-align:top}.activity-table .activity-day td{background:var(--surface-2);color:var(--muted);text-transform:uppercase;letter-spacing:.06em;padding:8px 16px;font-size:12.5px;font-weight:600}.activity-time{white-space:nowrap;color:var(--muted);font-variant-numeric:tabular-nums}.activity-summary{white-space:normal;min-width:320px;color:var(--ink);line-height:1.45}.activity-kind{background:var(--surface-3);color:var(--muted);white-space:nowrap;border-radius:99px;padding:2px 9px;font-size:12px;font-weight:600;display:inline-flex}.activity-kind.recharge{color:#2f5fe8;background:#eef3ff}.activity-kind.payment{color:#0f8a60;background:#eefaf5}.activity-kind.expense{color:#d2520b;background:#fff3ec}.activity-kind.customer{color:#6d4ad8;background:#f3efff}.activity-kind.edit{color:#a15c07;background:#fff7e8}.activity-kind.collection{color:#157f4a;background:#e9f8f1}.activity-kind.approval{color:#b42318;background:#fdf1ef}.activity-kind.blocked{color:#fff;background:#b42318}.handover{box-shadow:var(--glass-shadow);background:#fff linear-gradient(135deg,#fff9ee,#fff 60%);border:1px solid #f6dca8;border-radius:14px;margin-bottom:16px;padding:16px 18px}.handover.clear{border-color:var(--success-border);background-image:linear-gradient(135deg,#f0fbf5,#fff 60%)}.handover-main{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.handover-main>div{flex:1;gap:2px;min-width:220px;display:grid}.handover-icon{background:var(--accent);color:#3b2604;border-radius:12px;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid}.handover.clear .handover-icon{background:var(--success);color:#fff}.handover-label{color:var(--accent-ink);text-transform:uppercase;letter-spacing:.06em;font-size:13px;font-weight:600}.handover.clear .handover-label{color:var(--success)}.handover-amount{letter-spacing:-.03em;color:var(--ink);font-variant-numeric:tabular-nums;font-size:32px;font-weight:700;line-height:1.1}.handover-sub{color:var(--muted);font-size:13px}.handover-split{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin-top:14px;display:grid}.handover-split>div{border:1px solid var(--border);background:#fff;border-radius:10px;grid-template-columns:auto 1fr;align-items:center;gap:2px 8px;padding:9px 12px;display:grid}.handover-split svg{color:var(--muted);grid-row:span 2}.handover-split span{color:var(--muted);font-size:12.5px}.handover-split b{color:var(--ink);font-variant-numeric:tabular-nums;font-size:16px}.handover-split small{color:var(--faint);grid-column:2;font-size:11.5px}.handover-split .zero b{color:var(--faint);font-weight:500}.handover-split .handover-online{background:var(--surface-2,#f6f8fb);border-style:dashed}.handover-split .handover-online svg{color:var(--accent,#2563eb)}.sidebar nav a .nav-badge{background:var(--accent-50);color:var(--accent-ink);font-variant-numeric:tabular-nums;border:1px solid #f6dca8;border-radius:99px;margin-left:auto;padding:1px 8px;font-size:11.5px;font-style:normal;font-weight:700}.employee-holdings.split th.eh-group{text-align:center;border-left:1px solid var(--border);border-bottom:1px solid var(--border);padding-bottom:6px}.employee-holdings.split th.eh-group svg{vertical-align:-2px;color:var(--muted)}.employee-holdings.split th.eh-sub{padding-top:6px;font-size:11.5px}.employee-holdings.split th.eh-sub:nth-child(odd),.employee-holdings.split .eh-start{border-left:1px solid var(--border)}.employee-holdings.split td.eh-cell{vertical-align:middle;white-space:nowrap}.employee-holdings.split td.eh-cell>span{font-variant-numeric:tabular-nums;display:block}.eh-act{font:inherit;cursor:pointer;background:#fff;border:1px solid;border-radius:99px;align-items:center;gap:4px;margin-top:5px;padding:3px 9px;font-size:11.5px;font-weight:600;display:inline-flex}.eh-act.online{color:#1d4ed8;background:#f3f7ff;border-color:#bfd3fb}.eh-act.online:hover{background:#e4edff}.eh-act.cash{color:#047857;background:#f0fbf6;border-color:#b7e4cf}.eh-act.cash:hover{background:#ddf5ea}.employee-holdings.split th.eh-group svg{margin-right:4px}.employee-holdings.split th.eh-group{white-space:nowrap}.employee-holdings.split th small{color:var(--faint);font-weight:500;display:block}.employee-holdings.split .button.icon-only{justify-content:center;width:34px;min-height:34px;padding:0}.employee-holdings.split td,.employee-holdings.split th{padding-left:10px;padding-right:10px}.employee-holdings.split th.eh-group svg{vertical-align:-2px;display:inline-block}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}.signin{--signin-grad:linear-gradient(150deg, #0b0d12 0%, #1c2230 55%, #2e3646 100%);--signin-accent:#1f2937;background:#fff;grid-template-columns:1fr 1fr;min-height:100dvh;display:grid}.signin-brand{text-align:center;color:#fff;background:radial-gradient(110% 70% at 10% 0%, #ffffff12, transparent 55%), var(--signin-grad);flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:48px;display:flex;position:relative;overflow:hidden}.signin-brand:after{content:"";aspect-ratio:1;pointer-events:none;background:radial-gradient(circle,#f0a83c21,#0000 65%);border-radius:50%;width:70%;position:absolute;inset:auto -20% -35% auto}.signin-brand h1{font-family:var(--font-sans,Inter, system-ui, sans-serif);letter-spacing:-.03em;color:#fff;margin-top:6px;font-size:clamp(40px,4.4vw,60px);font-weight:500;line-height:1}.signin-brand h1 b{font-weight:800}.signin-brand p{color:#ffffffd1;max-width:380px;font-size:17px;font-style:italic;line-height:1.6}.signin-side{background:#f8fafb;flex-direction:column;justify-content:center;align-items:center;padding:48px 24px;display:flex;position:relative}.signin-lang{position:absolute;top:20px;right:24px}.signin-card{background:#fff;border:1px solid #e8edf0;border-radius:16px;width:100%;max-width:420px;padding:40px 36px;box-shadow:0 10px 30px #0f172a0f}.signin-card h2{font-family:var(--font-sans,Inter, system-ui, sans-serif);letter-spacing:-.02em;color:#0f172a;font-size:30px;font-weight:750}.signin-sub{color:#64748b;margin:6px 0 24px;font-size:14.5px}.signin-card .notice{margin-bottom:18px}.signin-field{margin-bottom:18px;display:block}.signin-field>span{color:#1e293b;margin-bottom:7px;font-size:13.5px;font-weight:600;display:block}.signin-field input{width:100%;height:48px;font:inherit;color:#0f172a;background:#fff;border:1px solid #d5dde3;border-radius:10px;outline:none;padding:0 14px;font-size:15px;transition:border-color .15s,box-shadow .15s}.signin-field input::placeholder{color:#94a3b8}.signin-field input:focus{border-color:#1f2937;box-shadow:0 0 0 4px #f0a83c38}.signin-password{position:relative}.signin-password input{padding-right:48px}.signin-password button{color:#64748b;cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;width:38px;height:38px;display:grid;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.signin-password button:hover{color:#0f172a;background:#f1f5f9}.signin .signin-submit{width:100%;height:50px;min-height:50px;font:inherit;color:#fff;letter-spacing:.01em;cursor:pointer;background:linear-gradient(135deg,#0b0d12 0%,#1f2633 60%,#374151 100%);border:0;border-radius:10px;justify-content:center;align-items:center;margin-top:8px;padding:0 20px;font-size:16px;font-weight:650;transition:filter .15s,transform 50ms,box-shadow .15s;display:flex;box-shadow:0 6px 16px #0f172a38}.signin .signin-submit:before,.signin .signin-submit:after{content:none}.signin .signin-submit:hover:not(:disabled){filter:brightness(1.18);box-shadow:0 8px 20px #0f172a47}.signin .signin-submit:active:not(:disabled){transform:translateY(1px)}.signin .signin-submit:disabled{opacity:.7;cursor:progress}.signin-help{text-align:center;color:#64748b;margin-top:20px;font-size:13px;line-height:1.6}.signin-copy{color:#94a3b8;margin-top:24px;font-size:12.5px}@media (width<=860px){.signin{grid-template-rows:auto 1fr;grid-template-columns:1fr}.signin-brand{text-align:left;flex-flow:wrap;justify-content:flex-start;gap:12px;padding:22px 20px 26px}.signin-brand svg{width:40px;height:40px}.signin-brand h1{margin:0;font-size:30px}.signin-brand p{flex-basis:100%;font-size:14px}.signin-side{background:#fff;justify-content:flex-start;padding:0 16px 28px}.signin-lang{align-self:flex-end;margin:14px 0 6px;position:static}.signin-card{box-shadow:none;border:0;padding:4px 4px 0}.signin-card h2{font-size:26px}.signin-field input{font-size:16px}}.app-shell .customer-table table{font-size:14.5px}.app-shell .customer-table td small,.app-shell .customer-table .identifier{font-size:13px}.month-year{color:var(--text);align-items:center;gap:8px;font-size:13px;display:flex}.month-year input{width:90px}.app-shell .customer-table .month-column{min-width:145px;padding:12px 10px}.month-note{border:1px solid var(--border-strong);width:100%;max-width:200px;min-height:44px;color:var(--ink);text-align:left;white-space:pre-wrap;overflow-wrap:anywhere;background:#fff;border-radius:6px;padding:8px;font-size:14px}.month-note:hover{background:var(--surface-3);border-color:#71717a}.month-note:focus-visible{outline:2px solid var(--text);outline-offset:2px}.app-shell .monthly-customer-table{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent;min-height:440px;transition:opacity .15s;overflow-x:auto}.app-shell .monthly-customer-table::-webkit-scrollbar{height:6px}.app-shell .monthly-customer-table::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}.app-shell .monthly-customer-table table{border-collapse:collapse;white-space:nowrap;table-layout:auto;width:100%}.app-shell .monthly-customer-table :is(th,td){vertical-align:middle;padding:10px 6px}.app-shell .monthly-customer-table .sticky-col{z-index:2;background:#fff;position:sticky;left:0;box-shadow:2px 0 5px -2px #0000000f}.app-shell .monthly-customer-table th.sticky-col{background:var(--surface-2);z-index:3}.app-shell .monthly-customer-table .col-customer{white-space:nowrap;min-width:220px;max-width:290px;padding:12px 14px}.app-shell .monthly-customer-table .customer-name-btn:hover{text-decoration:underline;color:var(--brand)!important}.app-shell .monthly-customer-table .col-box,.app-shell .monthly-customer-table .col-plan{text-align:center;width:85px;min-width:75px}.app-shell .monthly-customer-table .col-status{text-align:center;width:75px;min-width:65px}.app-shell .monthly-customer-table .col-month{text-align:center;width:52px;min-width:48px;max-width:58px;padding:6px 2px!important}.app-shell .monthly-customer-table th.col-month{color:var(--muted);letter-spacing:.5px;text-align:center;font-size:11px;font-weight:700}.app-shell .monthly-customer-table .col-total{text-align:center;border-left:2px solid var(--border);width:95px;min-width:85px;padding:6px!important}.app-shell .monthly-customer-table th.col-total{color:#b45309;letter-spacing:.5px;border-left:2px solid var(--border);text-align:center;font-size:11px;font-weight:800}.app-shell .monthly-customer-table .col-action{text-align:center;width:36px;min-width:36px;padding:6px 4px!important}.monthly-customer-table .month-note{background:var(--surface-2);border:1px solid var(--border);width:100%;min-height:54px;color:var(--ink);cursor:pointer;border-radius:6px;outline:none;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:2px;transition:all .15s;display:flex}.monthly-customer-table .month-note:hover:not(:disabled){border-color:var(--brand-500);background:var(--brand-50);transform:translateY(-1px);box-shadow:0 2px 6px #0000000f}.monthly-customer-table .month-note.online{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.monthly-customer-table .month-note.online:hover:not(:disabled){background:#dbeafe;border-color:#93c5fd}.monthly-customer-table .month-note.offline{color:#15803d;background:#f0fdf4;border-color:#bbf7d0}.monthly-customer-table .month-note.offline:hover:not(:disabled){background:#dcfce7;border-color:#86efac}.monthly-customer-table .month-value{text-overflow:ellipsis;max-width:100%;font-size:13px;font-weight:750;line-height:1.1;overflow:hidden}.monthly-customer-table .month-method{text-transform:uppercase;letter-spacing:0;font-size:9.5px;font-weight:700;line-height:1}.total-outstanding-btn{cursor:pointer;border:1px solid;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:1px;width:100%;height:44px;font-weight:700;transition:all .15s;display:flex}.total-outstanding-btn.due{color:#dc2626;background:#fff5f5;border-color:#fecaca;box-shadow:0 1px 2px #dc262614}.total-outstanding-btn.due:hover:not(:disabled){background:#fee2e2;border-color:#fca5a5;transform:translateY(-1px)}.total-outstanding-btn.settled{color:#16a34a;background:#f0fdf4;border-color:#bbf7d0}.total-outstanding-btn.settled:hover:not(:disabled){background:#dcfce7;border-color:#86efac}.total-outstanding-btn.advance{color:#2563eb;background:#eff6ff;border-color:#bfdbfe}.total-outstanding-btn.advance:hover:not(:disabled){background:#dbeafe;border-color:#93c5fd}.total-outstanding-btn.empty{background:var(--surface-2);color:var(--faint);border-color:#e5e7eb;font-size:11px}.total-outstanding-btn.empty:hover:not(:disabled){background:var(--surface-3);border-color:var(--border-strong);color:var(--muted)}.stat-card-row{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px;display:grid}.stat-card-mini{background:var(--surface-2);border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:4px;padding:12px 14px;display:flex}.stat-card-mini .label{color:var(--muted);text-transform:uppercase;letter-spacing:.4px;font-size:11px;font-weight:700}.stat-card-mini .value{color:var(--ink);font-size:16px;font-weight:800}.calc-summary-banner{border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:18px;padding:14px 18px;display:flex}.calc-summary-banner.due{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.calc-summary-banner.settled{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0}.calc-summary-banner.advance{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe}.breakdown-table{border-collapse:collapse;border:1px solid var(--border);border-radius:8px;width:100%;margin-bottom:16px;font-size:12px;overflow:hidden}.breakdown-table th{background:var(--surface-2);color:var(--muted);border-bottom:1px solid var(--border);padding:10px 12px;font-size:11px;font-weight:700}.breakdown-table td{border-bottom:1px solid var(--surface-3);color:var(--ink);padding:9px 12px}.breakdown-table tr:last-child td{border-bottom:none}.breakdown-table .tfoot-row td{background:var(--surface-2);border-top:2px solid var(--border-strong);font-weight:800}.area-switcher-bar{background:var(--surface-2);border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex;gap:8px!important;padding:6px 12px!important}.area-segmented-pills{background:var(--surface-3);display:inline-flex;border-radius:7px!important;gap:2px!important;padding:2px!important}.area-pill-btn{color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;align-items:center;font-weight:600;transition:all .15s;display:inline-flex;border-radius:5px!important;gap:5px!important;padding:4px 11px!important;font-size:12px!important}.area-pill-btn:hover:not(.active){color:var(--ink);background:#ffffff73}.area-pill-btn.active{color:var(--ink);background:#fff;font-weight:750;box-shadow:0 1px 4px #00000014}.area-pill-btn svg{color:var(--brand)}.tab-loading-bar{background:var(--border);width:100%;height:2.5px;position:relative;overflow:hidden}.tab-loading-bar:after{content:"";background:var(--brand-500);border-radius:2px;width:35%;height:100%;animation:.85s cubic-bezier(.4,0,.2,1) infinite tab-bar-slide;position:absolute;top:0;left:0}@keyframes tab-bar-slide{0%{left:-35%}to{left:100%}}.table-wrap.is-fetching{opacity:.65;pointer-events:none;transition:opacity .15s}.year-stepper{border:1px solid var(--border-strong);background:#fff;align-items:center;display:inline-flex;border-radius:6px!important;gap:2px!important;padding:1px 3px!important}.year-arrow{color:var(--muted);cursor:pointer;background:0 0;border:none;place-items:center;transition:all .15s;display:grid;border-radius:4px!important;width:23px!important;height:23px!important}.year-label{color:var(--ink);align-items:center;gap:5px;padding:0 8px;font-size:13px;font-weight:750;display:flex}.year-current-shortcut{color:var(--brand);background:var(--brand-50);border:1px solid var(--brand-100);cursor:pointer;border-radius:5px;padding:3px 8px;font-size:11px;font-weight:600;transition:all .15s}.year-current-shortcut:hover{background:var(--brand-100)}.ledger-legend{color:var(--muted);flex-wrap:wrap;align-items:center;gap:12px;font-size:11px;font-weight:600;display:flex}.legend-item{align-items:center;gap:5px;display:flex}.legend-dot{border-radius:50%;width:8px;height:8px}.legend-dot.online{background:#3b82f6}.legend-dot.offline{background:#22c55e}.legend-dot.total{background:#f97316}.payment-modal-box{flex-direction:column;gap:13px;display:flex}.payment-method-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.method-choice-btn{border:2px solid var(--border);color:var(--text);cursor:pointer;background:#fff;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:12px;font-size:13px;font-weight:650;transition:all .15s;display:flex}.method-choice-btn:hover{border-color:var(--border-strong);background:var(--surface-2)}.method-choice-btn.active.online{color:#1d4ed8;background:#eff6ff;border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f6}.method-choice-btn.active.offline{color:#15803d;background:#f0fdf4;border-color:#22c55e;box-shadow:0 0 0 1px #22c55e}.preset-chips{flex-wrap:wrap;gap:8px;margin-top:6px;display:flex}.preset-chip{border:1px solid var(--border-strong);background:var(--surface-2);color:var(--text);cursor:pointer;border-radius:6px;padding:5px 12px;font-size:11px;font-weight:700;transition:all .15s}.preset-chip:hover{color:var(--ink);background:#eaf0eb;border-color:#b7c7bc}.main-shell>main:has(.mandva-register){max-width:none;padding-inline:18px}.mandva-register .month-year input{width:160px}.daily-register table{table-layout:fixed;white-space:normal;width:100%}.daily-register th,.daily-register td{text-align:center;border-right:1px solid var(--border);overflow-wrap:anywhere;padding:12px 1px}.daily-register th{letter-spacing:0;font-size:11px}.daily-register .recharge-identity{text-align:left;width:18%;padding:12px 8px}.recharge-identity a{font-size:14px;font-weight:600}.daily-register .recharge-identity small{color:var(--muted);font-size:11px}.daily-register .is-today{background:#eef2ff}.daily-register th.is-today{color:#3730a3;box-shadow:inset 0 3px #6366f1}.daily-entry{text-overflow:ellipsis;border-radius:4px;width:100%;min-height:34px;padding:2px 0;font-size:11px;font-weight:600;overflow:hidden}.daily-entry.online,.recharge-legend .online{color:#1e40af;background:#eff6ff}.daily-entry.offline,.recharge-legend .offline{color:#166534;background:#f0fdf4}.daily-entry.unpaid,.recharge-legend .unpaid{color:#854d0e;background:#fef9c3}.daily-entry.mixed{color:#6b21a8;background:#faf5ff}.empty-day{color:var(--faint)}.recharge-legend{color:var(--muted);flex-wrap:wrap;gap:10px;padding:10px 16px;font-size:11px;display:flex}.recharge-legend span{border-radius:4px;padding:4px 6px}.mobile-day-label{display:none}.recharge-search-results{border:1px solid var(--border);border-radius:6px;max-height:210px;overflow-y:auto}.recharge-customer-option{width:100%;color:var(--text);border-bottom:1px solid var(--border);text-align:left;background:#fff;flex-direction:column;align-items:flex-start;gap:5px;padding:12px;display:flex}.recharge-customer-option span{font-size:12px}.recharge-customer-option.selected{background:#eef2ff;box-shadow:inset 3px 0 #6366f1}.recharge-selected{margin:16px 0;font-size:13px}.recharge-detail{border-bottom:1px solid var(--border);margin-bottom:16px;padding:16px 0}.recharge-detail strong{margin-right:12px;font-size:20px}.recharge-detail p{margin-top:8px;font-size:13px}@media (width<=900px){.daily-register :is(table,tbody){display:block}.daily-register thead{display:none}.daily-register tr{border-bottom:1px solid var(--border);grid-template-columns:repeat(7,minmax(0,1fr));padding:10px;display:grid}.daily-register td{border:0;min-width:0;padding:4px;display:block}.daily-register .recharge-identity{grid-column:1/-1;width:auto}.mobile-day-label{margin-bottom:4px;font-size:11px;display:block}.empty-day{min-height:34px;display:block}.daily-entry{font-size:12px}}.lang-toggle-pill{background:var(--surface-3);border:1px solid var(--border);border-radius:20px;align-items:center;gap:4px;padding:3px 6px;transition:all .2s;display:inline-flex}.lang-toggle-pill .lang-icon{color:var(--muted);flex-shrink:0;margin-left:2px;margin-right:2px}.lang-toggle-pill .lang-divider{color:var(--border-strong);-webkit-user-select:none;user-select:none;font-size:11px;font-weight:300}.lang-toggle-pill .lang-btn{cursor:pointer;color:var(--muted);background:0 0;border:none;border-radius:14px;align-items:center;gap:4px;padding:4px 9px;font-size:11px;font-weight:600;line-height:1;transition:all .15s cubic-bezier(.4,0,.2,1);display:inline-flex}.lang-toggle-pill .lang-btn:hover{color:var(--brand);background:#0000000a}.lang-toggle-pill .lang-btn.active{background:var(--brand);color:#fff;box-shadow:0 1px 3px #17382d40}.lang-toggle-pill .lang-check{stroke-width:3px}.sidebar-lang-container{justify-content:center;margin:10px 4px 12px;display:flex}.sidebar-lang-pill{border-color:var(--border);background:#fff;justify-content:center;width:100%;box-shadow:0 1px 2px #00000008}.sidebar-lang-pill .lang-btn{flex:1;justify-content:center}.topbar .topbar-right{align-items:center;gap:16px;display:flex}.topbar .topbar-badge{color:var(--muted);align-items:center;gap:4px;font-size:11px;font-weight:600;display:inline-flex}.profile-drawer-backdrop{-webkit-backdrop-filter:blur(4px);z-index:1000;background:#0f172a73;justify-content:flex-end;animation:.22s ease-out drawerFadeIn;display:flex;position:fixed;inset:0}@keyframes drawerFadeIn{0%{opacity:0}to{opacity:1}}.profile-drawer{width:580px;max-width:95vw;height:100vh;font-family:var(--font-sans);background:#fff;flex-direction:column;animation:.26s cubic-bezier(.16,1,.3,1) drawerSlideIn;display:flex;overflow:hidden;box-shadow:-12px 0 40px -10px #0f172a38}@keyframes drawerSlideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.profile-drawer-header{border-bottom:1px solid var(--border);background:#fff;flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:16px;padding:20px 24px 18px;display:flex}.drawer-header-left{flex:1;min-width:0}.drawer-eyebrow-row{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:6px;display:flex}.drawer-sequence-badge{background:var(--brand-50);min-width:26px;height:20px;color:var(--brand);letter-spacing:.3px;border-radius:5px;justify-content:center;align-items:center;padding:0 6px;font-size:11px;font-weight:800;display:inline-flex}.drawer-area-badge{background:var(--surface-3);color:var(--text);border-radius:5px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-block}.drawer-service-badge{color:#1d4ed8;text-transform:uppercase;letter-spacing:.5px;background:#eff6ff;border-radius:5px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-block}.drawer-customer-name{color:var(--ink);letter-spacing:-.4px;word-break:break-word;margin:0;font-size:21px;font-weight:750;line-height:1.25}.drawer-header-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.drawer-status-pill{border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.drawer-status-pill.active{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.drawer-status-pill.inactive{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.drawer-status-pill .status-indicator-dot{background:currentColor;border-radius:50%;width:7px;height:7px}.drawer-close-btn{background:var(--surface-3);width:34px;height:34px;color:var(--muted);cursor:pointer;border:none;border-radius:8px;place-items:center;transition:all .15s;display:grid}.drawer-close-btn:hover{background:var(--border);color:var(--ink)}.profile-drawer-body{background:var(--surface-2);flex-direction:column;flex:1;gap:18px;padding:20px 24px 30px;display:flex;overflow-y:auto}.drawer-toast.success{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:8px;align-items:center;gap:8px;padding:10px 14px;font-size:12px;font-weight:600;display:flex}.drawer-toast button{color:#065f46;cursor:pointer;background:0 0;border:none;margin-left:auto}.drawer-stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.drawer-stat-card{border:1px solid var(--border);background:#fff;border-radius:10px;flex-direction:column;gap:4px;padding:14px 16px;display:flex;box-shadow:0 1px 3px #0f172a08}.drawer-stat-card.danger{background:#fff8f8;border-color:#fecaca}.drawer-stat-card.success{background:#f6fcf8;border-color:#bbf7d0}.drawer-stat-label{text-transform:uppercase;letter-spacing:.6px;color:var(--muted);font-size:11px;font-weight:700}.drawer-stat-value{color:var(--ink);letter-spacing:-.5px;font-size:19px;font-weight:800;line-height:1.2}.drawer-stat-value.id-value{font-family:var(--font-mono);color:var(--ink);justify-content:space-between;align-items:center;font-size:16px;display:flex}.drawer-copy-btn{background:var(--surface-3);width:24px;height:24px;color:var(--muted);cursor:pointer;border:none;border-radius:5px;place-items:center;transition:all .15s;display:grid}.drawer-copy-btn:hover{background:var(--border);color:var(--ink)}.drawer-stat-value .due-text{color:#b91c1c}.drawer-stat-value .advance-text{color:#059669}.drawer-stat-value .settled-text{color:#0284c7}.drawer-stat-value small{text-transform:uppercase;margin-left:2px;font-size:11px;font-weight:700}.drawer-stat-sub{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:11px;overflow:hidden}.drawer-contact-card{border:1px solid var(--border);background:#fff;border-radius:10px;padding:14px 16px;box-shadow:0 1px 3px #0f172a08}.contact-row{flex-direction:column;gap:12px;display:flex}.contact-item{align-items:flex-start;gap:12px;display:flex}.contact-icon{color:var(--muted);flex-shrink:0;margin-top:3px}.contact-label{text-transform:uppercase;letter-spacing:.6px;color:var(--muted);margin-bottom:2px;font-size:11px;font-weight:750;display:block}.phone-links{align-items:center;gap:10px;display:flex}.phone-link{color:var(--ink);font-size:13.5px;font-weight:700;text-decoration:none}.phone-link:hover{color:#2563eb;text-decoration:underline}.whatsapp-btn{color:#fff;background:#25d366;border-radius:6px;align-items:center;gap:5px;padding:3px 8px;font-size:11px;font-weight:700;text-decoration:none;transition:opacity .15s;display:inline-flex}.whatsapp-btn:hover{opacity:.9}.contact-value{color:var(--text);font-size:13px;font-weight:500;line-height:1.4}.drawer-actions-bar{flex-wrap:wrap;gap:8px;display:flex}.drawer-btn{cursor:pointer;border:1px solid #0000;border-radius:8px;align-items:center;gap:7px;padding:8px 14px;font-size:12.5px;font-weight:650;transition:all .15s;display:inline-flex}.drawer-btn.primary{background:var(--brand);color:#fff}.drawer-btn.primary:hover{background:var(--brand-hover)}.drawer-btn.secondary{color:var(--text);border-color:var(--border-strong);background:#fff}.drawer-btn.secondary:hover{background:var(--surface-2);border-color:var(--faint)}.drawer-btn.tertiary{background:var(--surface-3);color:var(--muted)}.drawer-btn.tertiary:hover{background:var(--border);color:var(--ink)}.drawer-tabs{border-bottom:1.5px solid var(--border);gap:4px;margin-top:4px;padding-bottom:2px;display:flex}.drawer-tab-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:6px 6px 0 0;padding:8px 14px;font-size:13px;font-weight:600;transition:all .15s;position:relative}.drawer-tab-btn:hover{color:var(--ink);background:var(--surface-2)}.drawer-tab-btn.active{color:var(--ink);font-weight:750}.drawer-tab-btn.active:after{content:"";background:var(--brand);border-radius:2px;height:2.5px;position:absolute;bottom:-3px;left:0;right:0}.drawer-tab-pane{flex-direction:column;gap:12px;display:flex}.drawer-ledger-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.pane-title{color:var(--ink);margin:0;font-size:13.5px;font-weight:750}.pane-subtitle{color:var(--muted);margin:2px 0 0;font-size:11px}.drawer-year-selector{border:1px solid var(--border-strong);background:#fff;border-radius:6px;align-items:center;gap:6px;padding:2px 4px;display:flex}.year-arrow{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:4px;place-items:center;width:22px;height:22px;display:grid}.year-arrow:hover{background:var(--surface-3);color:var(--ink)}.year-display{color:var(--ink);padding:0 4px;font-size:12px;font-weight:750}.drawer-months-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.drawer-month-card{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:8px;flex-direction:column;gap:4px;padding:8px 10px;transition:all .15s;display:flex}.drawer-month-card:hover{border-color:var(--faint);transform:translateY(-1px);box-shadow:0 2px 6px #0f172a0d}.drawer-month-card.has-data{background:#f0fdf4;border-color:#bbf7d0}.month-card-top{justify-content:space-between;align-items:center;display:flex}.month-card-name{color:var(--muted);font-size:11px;font-weight:750}.month-method-tag{text-transform:uppercase;letter-spacing:.3px;border-radius:3px;padding:1px 4px;font-size:11px;font-weight:800}.month-method-tag.online{color:#0369a1;background:#e0f2fe}.month-method-tag.offline{color:#92400e;background:#fef3c7}.month-card-value{color:var(--ink);font-size:13px;font-weight:800}.drawer-month-card.empty .month-card-value{color:var(--border-strong);font-weight:400}.drawer-table-wrap{border:1px solid var(--border);background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0f172a05}.drawer-table{border-collapse:collapse;width:100%;font-size:12px}.drawer-table th{background:var(--surface-2);text-transform:uppercase;letter-spacing:.6px;color:var(--muted);border-bottom:1px solid var(--border);padding:10px 14px;font-size:11px;font-weight:750}.drawer-table td{border-bottom:1px solid var(--surface-3);color:var(--text);padding:11px 14px}.drawer-table tr:last-child td{border-bottom:none}.drawer-table tr.reversed td{opacity:.65}.drawer-empty-table{text-align:center;color:var(--faint);border:1px dashed var(--border);background:#fff;border-radius:8px;padding:30px;font-size:12px}@media (width<=640px){.profile-drawer{width:100vw}.drawer-stats-grid{grid-template-columns:1fr}.drawer-months-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.area-pill-count{background:var(--brand-100);min-width:19px;height:16px;color:var(--brand);border-radius:10px;justify-content:center;align-items:center;margin-left:2px;padding:0 5px;font-size:11px;font-weight:800;transition:all .15s;display:inline-flex}.area-pill-btn.active .area-pill-count{background:var(--brand-500);color:#fff}.ledger-legend{flex-wrap:wrap;align-items:center;display:flex;gap:7px!important}.legend-chip{border:1px solid #0000;border-radius:6px;align-items:center;gap:5px;padding:3px 8px;font-size:11px;font-weight:650;transition:all .15s;display:inline-flex}.legend-chip:hover{transform:translateY(-1px)}.legend-chip.online{color:#1d4ed8;background:#eff6ff;border-color:#dbeafe}.legend-chip.offline{color:#15803d;background:#f0fdf4;border-color:#dcfce7}.legend-chip.total{color:#c2410c;background:#fff7ed;border-color:#ffedd5}.legend-chip .legend-dot{border-radius:50%;width:6px;height:6px}.legend-chip .legend-dot.online{background:#3b82f6}.legend-chip .legend-dot.offline{background:#22c55e}.legend-chip .legend-dot.total{background:#ea580c}.mandva-dates-ribbon{background:var(--surface-2);border-bottom:1px solid var(--border);scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent;align-items:center;gap:6px;padding:12px 18px;display:flex;overflow-x:auto}.mandva-dates-ribbon::-webkit-scrollbar{height:5px}.mandva-dates-ribbon::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}.date-ribbon-btn{border:1px solid var(--border);min-width:46px;height:52px;color:var(--text);cursor:pointer;background:#fff;border-radius:8px;outline:none;flex-direction:column;flex:0 0 46px;justify-content:center;align-items:center;gap:1px;transition:all .18s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.date-ribbon-btn:hover:not(.selected){background:var(--surface-3);border-color:var(--brand-500);transform:translateY(-2px);box-shadow:0 3px 8px #0000000d}.date-ribbon-btn.is-today:not(.selected){border-color:var(--brand-500);background:var(--brand-50);color:var(--brand);font-weight:700}.date-ribbon-btn.selected{background:var(--brand);color:#fff;border-color:var(--brand-hover);z-index:2;transform:translateY(-2px)scale(1.05);box-shadow:0 4px 14px #2d6a4f59}.date-ribbon-num{letter-spacing:-.5px;font-size:15px;font-weight:800;line-height:1.1}.date-ribbon-sub{text-transform:uppercase;letter-spacing:.4px;opacity:.8;font-size:11px;font-weight:600}.date-ribbon-badge{color:#fff;background:#10b981;border:1.5px solid #fff;border-radius:8px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:11px;font-weight:800;display:flex;position:absolute;top:-4px;right:-4px;box-shadow:0 2px 4px #10b98159}.date-today-dot{background:var(--brand-500);border-radius:50%;width:4px;height:4px;position:absolute;bottom:3px}.mandva-collection-bar{border:1px solid var(--border);background:#fff;border-radius:10px;align-items:center;display:flex;overflow:hidden;box-shadow:0 2px 8px #00000008}.mandva-collection-chip{color:var(--muted);border-right:1px solid var(--border);align-items:center;gap:7px;padding:7px 14px;font-size:11.5px;font-weight:600;display:flex}.mandva-collection-chip strong{font-size:12.5px;font-weight:750}.mandva-collection-chip.total{color:#166534;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-right:none}.mandva-collection-chip.total strong{color:#14532d;font-size:14px;font-weight:800}.mandva-empty-state{text-align:center;background:var(--surface);border:1.5px dashed var(--border-strong);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;margin:10px 0 20px;padding:44px 20px;display:flex}.mandva-empty-icon{background:var(--brand-50);width:58px;height:58px;color:var(--brand-500);border-radius:16px;place-items:center;margin-bottom:12px;display:grid;box-shadow:0 4px 14px #23645926}.mandva-empty-state h4{color:var(--ink);margin:0 0 6px;font-size:16px;font-weight:750}.mandva-empty-state p{color:var(--muted);max-width:380px;margin:0 0 16px;font-size:12px;line-height:1.5}.mandva-empty-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.status-pill{border-radius:6px;align-items:center;gap:5px;padding:4px 9px;font-size:11px;font-weight:700;display:inline-flex}.status-pill.paid{color:#15803d;background:#edf7ef;border:1px solid #bbf7d0}.status-pill.partial{color:#b45309;background:#fffbeb;border:1px solid #fde68a}.status-pill.unpaid{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.mode-pill{text-transform:capitalize;border-radius:6px;align-items:center;gap:5px;padding:4px 9px;font-size:11px;font-weight:650;display:inline-flex}.mode-pill.online{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.mode-pill.offline{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0}@property --btn-spin{syntax:"<angle>";inherits:false;initial-value:200deg}:root{--btn-body:linear-gradient(180deg, #fff 0%, #f6f7f9 55%, #eceef2 100%);--btn-body-hover:linear-gradient(180deg, #fff 0%, #f9fafb 55%, #f1f3f6 100%);--btn-ink:#1d2230;--btn-graphite:#2a2f3a;--btn-track:0 0 0 4px #ffffffbf, 0 0 0 5px #dde1e8;--btn-lift:0 8px 18px -8px #141c3061, 0 2px 4px -2px #141c302e;--btn-inner:inset 0 1px 0 #fff, inset 0 -3px 6px #141c300f}.button,.drawer-btn.primary{isolation:isolate;background:var(--btn-body);min-height:42px;color:var(--btn-ink);letter-spacing:-.005em;white-space:nowrap;box-shadow:var(--btn-track), var(--btn-lift), var(--btn-inner);border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-size:14px;font-weight:600;transition:transform .18s,box-shadow .18s,--btn-spin .6s;display:inline-flex;position:relative}.button:before,.drawer-btn.primary:before{content:"";z-index:-1;border-radius:inherit;background:conic-gradient(from var(--btn-spin), var(--btn-graphite) 0deg 40deg, #ff9b3d 52deg, #ffcf6b 58deg, var(--btn-graphite) 72deg 200deg, #5b8cff 214deg, #a86bff 224deg, #ff6bb5 232deg, var(--btn-graphite) 246deg 360deg);-webkit-mask-composite:xor;pointer-events:none;padding:1.5px;position:absolute;inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.button svg,.drawer-btn.primary svg{width:17px;height:17px;color:var(--brand)}.button:hover:not(:disabled),.drawer-btn.primary:hover:not(:disabled){--btn-spin:260deg;background:var(--btn-body-hover);box-shadow:var(--btn-track), 0 12px 24px -10px #141c306b, 0 3px 6px -3px #141c3033, var(--btn-inner);transform:translateY(-1px)}.button:active:not(:disabled),.drawer-btn.primary:active:not(:disabled){box-shadow:var(--btn-track), 0 3px 8px -4px #141c3059, inset 0 2px 5px #141c301f;transform:translateY(1px)}.button:focus-visible,.drawer-btn:focus-visible{outline:2px solid var(--brand-500);outline-offset:6px}.button:disabled{opacity:.55}.button.secondary,.drawer-btn.secondary,.drawer-btn.tertiary{box-shadow:var(--btn-track), 0 4px 10px -6px #141c3040, var(--btn-inner);color:var(--text)}.button.secondary:before,.drawer-btn.secondary:before,.drawer-btn.tertiary:before{content:"";z-index:-1;border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(#d9dde5,#c3c9d4);padding:1px;position:absolute;inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.button.secondary svg{color:var(--muted)}.button.secondary:hover:not(:disabled){box-shadow:var(--btn-track), 0 8px 16px -8px #141c304d, var(--btn-inner)}.button.small{min-height:34px;padding:0 14px;font-size:13px}.page-heading .button{min-height:44px}.drawer-btn{isolation:isolate;background:var(--btn-body);min-height:38px;color:var(--btn-ink);border:0;border-radius:999px;align-items:center;gap:7px;padding:0 16px;font-size:13px;font-weight:600;transition:transform .18s,box-shadow .18s,--btn-spin .6s;display:inline-flex;position:relative}.drawer-btn:hover:not(:disabled){background:var(--btn-body-hover);transform:translateY(-1px)}.drawer-btn.primary{min-height:38px;padding:0 16px;font-size:13px}.icon-button{background:var(--btn-body);box-shadow:0 0 0 1px #d9dde5, 0 3px 8px -5px #141c304d, var(--btn-inner);color:var(--muted);border-radius:999px}.icon-button:hover:not(:disabled){background:var(--btn-body-hover);color:var(--ink);box-shadow:0 0 0 1px #c3c9d4, 0 6px 12px -6px #141c3059, var(--btn-inner)}.icon-button.danger,.icon-button.danger:hover:not(:disabled){color:var(--danger)}.mobile-menu,.modal-heading .icon-button,.drawer-close-btn{box-shadow:none;background:0 0}.modal-heading .icon-button:hover,.drawer-close-btn:hover{background:var(--surface-3)}.drawer-close-btn{border-radius:999px}.preset-chip,.year-current-shortcut{background:var(--btn-body);color:var(--text);box-shadow:0 0 0 1px #d9dde5, 0 3px 7px -5px #141c304d, var(--btn-inner);border:0;border-radius:999px;padding:6px 13px;font-size:12px;font-weight:600;transition:transform .15s,box-shadow .15s}.preset-chip:hover,.year-current-shortcut:hover{background:var(--btn-body-hover);box-shadow:0 0 0 1px #c3c9d4, 0 6px 12px -7px #141c3059, var(--btn-inner);transform:translateY(-1px)}.method-choice-btn{background:var(--btn-body);color:var(--text);box-shadow:0 0 0 1px #d9dde5, 0 4px 10px -7px #141c304d, var(--btn-inner);border:0;border-radius:999px}.method-choice-btn:hover{background:var(--btn-body-hover);box-shadow:0 0 0 1px #c3c9d4, 0 6px 14px -8px #141c3059, var(--btn-inner)}.method-choice-btn.active.online{color:var(--info);box-shadow:0 0 0 1.5px var(--info), 0 6px 14px -8px #1c5fbf73, var(--btn-inner);background:linear-gradient(#f5f8ff,#e7eeff)}.method-choice-btn.active.offline{color:var(--success);box-shadow:0 0 0 1.5px var(--success), 0 6px 14px -8px #157f4a73, var(--btn-inner);background:linear-gradient(#f4fbf6,#e3f5e9)}.text-button{border-radius:6px}@media (prefers-reduced-motion:reduce){.button,.drawer-btn,.preset-chip,.year-current-shortcut{transition:none}}@media (width<=760px){html,body{overflow-x:hidden}.main-shell{min-width:0}.topbar .topbar-badge{display:none}.topbar .topbar-right{gap:8px}.lang-toggle-pill{flex-shrink:0}.topbar-page{max-width:42vw}.mandva-collection-bar{flex-wrap:wrap;overflow:visible}.mandva-collection-chip{flex:45%}.area-segmented-pills{scrollbar-width:none;max-width:100%;display:flex;overflow-x:auto}.area-segmented-pills>*{flex-shrink:0}.seg{scrollbar-width:none;max-width:100%;overflow-x:auto}.seg>button{flex-shrink:0}.filter-bar{flex-wrap:wrap}.filter-bar>*{max-width:100%}.handover-main{flex-wrap:wrap}.table-wrap{-webkit-overflow-scrolling:touch;max-width:100%;overflow-x:auto}.modal{width:calc(100vw - 20px);max-width:none}.collect-row{grid-template-columns:auto 1fr auto}.collect-row .cr-date,.collect-row .service-tag{display:none}.stats-grid.five{grid-template-columns:1fr 1fr;gap:10px}.stats-grid.five .stat{padding:14px}.stats-grid.five .stat strong{font-size:22px}.stats-grid.five .stat-top svg{display:none}.stats-grid.five .stat:first-child{grid-column:1/-1}}.bottom-nav{display:none}@media (width<=760px){.main-shell>main{padding-bottom:calc(84px + env(safe-area-inset-bottom))!important}.main-shell>footer{display:none}.topbar{z-index:20;position:sticky;top:0}.bottom-nav{z-index:30;padding:6px 4px calc(6px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--border);background:#fffffff5;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -6px 20px #0f172a0f}.bottom-nav a{min-height:50px;color:var(--muted);-webkit-tap-highlight-color:transparent;border-radius:12px;flex-direction:column;align-items:center;gap:3px;padding:5px 2px;font-size:11px;font-weight:600;text-decoration:none;display:flex}.bottom-nav a.active{color:var(--ink)}.bottom-nav a.active .bn-icon{background:var(--accent-50,#eef3ff);color:var(--brand,#2f5fe8)}.bottom-nav .bn-icon{border-radius:99px;place-items:center;width:46px;height:28px;transition:background .15s;display:grid;position:relative}.bottom-nav .bn-dot{background:#f59e0b;border:2px solid #fff;border-radius:50%;width:8px;height:8px;position:absolute;top:1px;right:9px}input,select,textarea{font-size:16px!important}.button,.icon-button,.seg>button,.preset-chip{min-height:40px}.page-heading{flex-wrap:wrap;gap:12px}.page-heading h1{font-size:28px!important}.page-heading>.button,.page-heading .actions .button{justify-content:center;width:100%}.form-grid{grid-template-columns:1fr!important}.form-actions{padding:12px 20px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--border);background:#fff;gap:10px;display:flex;position:sticky;bottom:-20px;margin:16px -20px -20px!important}.form-actions .button{flex:1;justify-content:center}.stats-grid{grid-template-columns:1fr 1fr!important;gap:10px!important}.stats-grid .stat{min-width:0;padding:14px!important}.stats-grid .stat strong{overflow-wrap:anywhere;font-size:21px!important}.stats-grid .stat:only-child,.stats-grid .stat:first-child:nth-last-child(odd){grid-column:1/-1}.panel-heading{flex-wrap:wrap;gap:10px}.modal{border-radius:20px 20px 0 0!important;width:100vw!important;max-width:100vw!important;max-height:92dvh!important;margin:auto 0 0!important;padding:20px!important}.modal[open]{animation:.2s ease-out sheetIn}.modal-heading h2{font-size:18px}.app-shell .table-wrap,.modal .table-wrap{background:0 0!important;border:0!important;min-height:0!important;overflow:visible!important}.app-shell .table-wrap>table,.modal .table-wrap>table,.app-shell .drawer-table{border:0;display:block;white-space:normal!important;width:100%!important;min-width:0!important;margin:0!important}:is(.app-shell,.modal) .table-wrap>table>thead,.app-shell .drawer-table>thead{display:none}:is(.app-shell,.modal) .table-wrap>table>:is(tbody,tfoot),.app-shell .drawer-table>:is(tbody,tfoot){display:block}:is(.app-shell,.modal) .table-wrap>table>:is(tbody,tfoot)>tr,.app-shell .drawer-table>:is(tbody,tfoot)>tr{border:1px solid var(--border);background:#fff;border-radius:14px;flex-direction:column;margin:10px 12px;padding:2px 14px;display:flex;box-shadow:0 1px 3px #0f172a0d}:is(.app-shell,.modal) .table-wrap>table>tfoot>tr{background:var(--surface-2,#f6f8fb);font-weight:700}:is(.app-shell,.modal) .table-wrap>table>tbody>tr:hover{transform:none}.app-shell :is(.table-wrap,.drawer-table) td,.modal .table-wrap td{overflow-wrap:anywhere;min-height:36px;font-size:14px;display:block;text-align:right!important;white-space:normal!important;border:0!important;border-bottom:1px solid var(--border-soft,#eef1f5)!important;width:auto!important;min-width:0!important;max-width:none!important;box-shadow:none!important;background:0 0!important;padding:9px 0 9px 42%!important;position:relative!important;left:auto!important}.app-shell :is(.table-wrap,.drawer-table) td:last-child,.modal .table-wrap td:last-child{border-bottom:0!important}.app-shell :is(.table-wrap,.drawer-table) td:before,.modal .table-wrap td:before{content:attr(data-label);text-align:left;width:40%;color:var(--muted);text-transform:none;letter-spacing:0;font-size:12px;font-weight:600;line-height:1.3;position:absolute;top:10px;left:0}:is(.app-shell,.modal) td:is([data-label=""],:not([data-label])):before{content:none}:is(.app-shell,.modal) :is(.table-wrap,.drawer-table) td:is([data-label=""],:not([data-label])){padding-left:0!important}:is(.app-shell,.modal) :is(.table-wrap,.drawer-table) td[data-title]{order:-1;font-size:15px;text-align:left!important;padding:12px 0 10px!important}:is(.app-shell,.modal) td[data-title]:before,:is(.app-shell,.modal) td[data-full]:before{content:none}:is(.app-shell,.modal) td[data-hash],:is(.app-shell,.modal) :is(.table-wrap,.drawer-table) td:empty{display:none!important}:is(.app-shell,.modal) :is(.table-wrap,.drawer-table) td[data-full]{text-align:center!important;border:0!important;padding:0!important}:is(.app-shell,.modal) .table-wrap tr:has(>td[data-full]){box-shadow:none;background:0 0;border:0;padding:0}.app-shell .table-wrap td small,.modal .table-wrap td small{display:block}.app-shell .table-wrap td .eh-who,.app-shell .table-wrap td .eh-actions{justify-content:flex-start}.app-shell .table-wrap td>:is(.button,.icon-button){margin-left:auto}.app-shell .monthly-customer-table>table>tbody>tr{grid-template-columns:repeat(4,minmax(0,1fr));column-gap:6px;padding-bottom:10px;display:grid!important}.app-shell .monthly-customer-table td{grid-column:1/-1}.app-shell .monthly-customer-table td.col-month{grid-column:auto;min-height:0;text-align:center!important;border:0!important;padding:20px 0 0!important}.app-shell .monthly-customer-table td.col-month:before{text-align:center;text-transform:uppercase;letter-spacing:.04em;width:auto;font-size:10.5px;top:4px;left:0;right:0}.app-shell .monthly-customer-table td.col-month.is-current:before{color:var(--brand,#2f5fe8);font-weight:800}.app-shell .monthly-customer-table .month-note{width:100%;min-height:54px}.app-shell .monthly-customer-table td.col-total{margin-top:10px;border-top:1px solid var(--border-soft,#eef1f5)!important}.app-shell .monthly-customer-table td.col-action{min-height:0;top:8px;right:0;border:0!important;padding:0!important;position:absolute!important}.app-shell .monthly-customer-table>table>tbody>tr{position:relative}.app-shell .monthly-customer-table td.col-customer>div{flex-wrap:wrap;white-space:normal!important}.app-shell .monthly-customer-table td.col-customer>span{padding-left:0!important}.app-shell .employee-holdings td.zero{display:none!important}.app-shell .employee-holdings td.eh-cell>span{margin-right:8px;display:inline!important}.app-shell .employee-holdings td.eh-cell .eh-act{margin-top:0}.filter-bar{flex-wrap:wrap;gap:8px}.filter-bar>:is(.search-field,select){flex:100%}.record-count{text-align:right;flex:100%}}@keyframes sheetIn{0%{opacity:.6;transform:translateY(24px)}to{opacity:1;transform:none}}
