@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-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-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: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;--animate-spin:spin 1s linear infinite;--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,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]){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}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.fixed{position:fixed}.static{position:static}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.isolate{isolation:isolate}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.block{display:block}.flex{display:flex}.flow-root{display:flow-root}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.animate-spin{animation:var(--animate-spin)}.flex-wrap{flex-wrap:wrap}.border{border-style:var(--tw-border-style);border-width:1px}.break-all{word-break:break-all}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.italic{font-style:italic}.underline{text-decoration-line:underline}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.drop-shadow{--tw-drop-shadow-size:drop-shadow(0 1px 2px var(--tw-drop-shadow-color,#0000001a)) drop-shadow(0 1px 1px var(--tw-drop-shadow-color,#0000000f));--tw-drop-shadow:drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.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))}}:root{--navy:#0b1224;--indigo:#4f46e5;--indigo-dark:#3730a3;--ink:#172033;--muted:#667085;--line:#e7eaf0;--canvas:#f5f7fb;--white:#fff;--shadow:0 1px 2px #1018280a, 0 10px 28px #1018280d}*{box-sizing:border-box}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}html{background:var(--canvas)}body{color:var(--ink);background:var(--canvas);font-family:var(--font-app), "Segoe UI", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;font-feature-settings:"cv02", "cv03", "cv04", "cv11";font-variant-numeric:tabular-nums;text-rendering:optimizelegibility;margin:0;font-size:16px}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh}.sidebar{z-index:40;color:#c7cddd;background:var(--navy);flex-direction:column;width:252px;padding:22px 14px 16px;display:flex;position:fixed;inset:0 auto 0 0}.brand{color:#fff;letter-spacing:-.5px;align-items:center;gap:10px;height:40px;padding:0 10px;font-size:23px;font-weight:700;display:flex}.brand strong{color:#818cf8}.brand-mark{background:linear-gradient(145deg,#818cf8,#4f46e5);border-radius:8px;width:27px;height:27px;padding:5px;box-shadow:0 5px 18px #4f46e55c}.brand-mark:before,.brand-mark:after,.brand-mark span{content:"";background:#fff;border-radius:9px;height:3px;margin-bottom:3px;display:block}.brand-mark:before{width:55%}.brand-mark span{width:80%}.brand-mark:after{width:100%}.mobile-close{color:#fff;background:0 0;border:0;margin-left:auto;display:none}.company-switcher{background:#151e31;border:1px solid #2a3347;border-radius:12px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin:24px 4px 17px;padding:10px;display:grid}.company-logo{color:#e0e7ff;background:#29335b;border-radius:9px;place-items:center;width:34px;height:34px;font-size:13px;font-weight:800;display:grid}.company-switcher strong,.company-switcher small{display:block}.company-switcher strong{color:#fff;font-size:14px}.company-switcher small{color:#8690a5;margin-top:2px;font-size:12px}.sidebar-nav{flex-direction:column;gap:3px;padding:2px 0 12px;display:flex;overflow-y:auto}.sidebar-nav a{color:#98a2b6;border-radius:9px;grid-template-columns:22px 1fr auto;align-items:center;gap:10px;min-height:42px;padding:0 12px;font-size:14.5px;font-weight:600;transition:all .18s;display:grid}.sidebar-nav a:hover{color:#fff;background:#151e31}.sidebar-nav a.active{color:#fff;background:linear-gradient(90deg,#4f46e5,#4338ca);box-shadow:0 8px 20px #4338ca38}.sidebar-nav small{text-align:center;color:#8d97ad;background:#202a3f;border-radius:8px;min-width:24px;padding:2px 6px;font-size:11px}.sidebar-nav a.active small{color:#e0e7ff;background:#ffffff21}.sidebar-status{background:#111a2d;border:1px solid #283147;border-radius:11px;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;margin-top:auto;padding:11px;display:grid}.status-pulse{background:#34d399;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #34d3991f}.sidebar-status strong,.sidebar-status small{display:block}.sidebar-status strong{color:#d9dfeb;font-size:12px}.sidebar-status small{color:#687389;margin-top:2px;font-size:11px}.sidebar-status a{color:#818cf8;font-size:11px;font-weight:700}.user-card{grid-template-columns:auto 1fr auto;align-items:center;gap:9px;margin-top:10px;padding:10px;display:grid}.avatar{color:#1f2a44;background:#e0e7ff;border-radius:50%;place-items:center;width:34px;height:34px;font-size:13px;font-weight:800;display:grid}.user-card strong,.user-card small{display:block}.user-card strong{color:#eef2ff;font-size:13px}.user-card small{color:#717d94;margin-top:2px;font-size:11px}.content-shell{min-height:100vh;margin-left:252px}.topbar-actions{margin-left:auto}.topbar-title{gap:1px;min-width:0;display:grid;position:relative}.topbar-title span{color:#98a2b3;letter-spacing:1.1px;text-transform:uppercase;font-size:8px;font-weight:850}.topbar-title h1{color:#253047;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:15px;line-height:1.25;overflow:hidden}.topbar-title:before{content:"";background:linear-gradient(#6366f1,#4338ca);border-radius:3px;width:3px;height:28px;margin-left:-12px;position:absolute}.page-heading-compact{margin:0;display:block}.page-heading-compact.has-actions{min-height:39px;margin-bottom:12px}.page-heading-compact .page-heading-actions{justify-content:flex-end}.topbar{z-index:20;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffeb;justify-content:space-between;align-items:center;height:68px;padding:0 34px;display:flex;position:sticky;top:0}.menu-button{color:var(--ink);background:0 0;border:0;display:none}.search-box{color:#98a2b3;align-items:center;gap:10px;width:min(420px,45vw);display:flex}.search-box input{width:100%;color:var(--ink);background:0 0;border:0;outline:0;font-size:14px}.search-box kbd{color:#98a2b3;background:#f8fafc;border:1px solid #d9dde6;border-radius:5px;padding:3px 7px;font-size:11px}.topbar-actions{align-items:center;gap:11px;display:flex}.icon-button{border:1px solid var(--line);color:#4b5565;background:#fff;border-radius:9px;place-items:center;width:36px;height:36px;display:grid;position:relative}.notification-dot{background:#f43f5e;border:1px solid #fff;border-radius:50%;width:6px;height:6px;position:absolute;top:7px;right:7px}.portal-link{color:#4338ca;background:#eef2ff;border-radius:9px;padding:9px 13px;font-size:13px;font-weight:700}.main-content{max-width:1500px;margin:0 auto;padding:30px 34px 48px}.eyebrow{color:#667085;letter-spacing:1.2px;text-transform:uppercase;margin:0 0 5px;font-size:11px;font-weight:800}.page-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:25px;display:flex}.page-heading h1{color:#111827;letter-spacing:-.8px;margin:0;font-size:29px}.page-heading>div>p:last-child{color:var(--muted);margin:7px 0 0;font-size:13px}.page-heading-actions{align-items:center;gap:8px;display:flex}.page-heading-actions .filter-button{height:39px;padding:0 14px}.primary-button{color:#fff;background:linear-gradient(135deg,#5b52e8,#4338ca);border:0;border-radius:9px;align-items:center;gap:7px;height:39px;padding:0 16px;font-size:13px;font-weight:700;display:flex;box-shadow:0 7px 18px #4338ca38}.primary-button span{font-size:19px;font-weight:400}.metrics-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:14px;display:grid}.metric-card{min-width:0;box-shadow:var(--shadow);background:#fff;border:1px solid #eceef3;border-radius:13px;align-items:flex-start;gap:13px;padding:18px;display:flex}.metric-icon{border-radius:10px;flex:0 0 38px;place-items:center;height:38px;display:grid}.metric-icon.indigo{color:#4f46e5;background:#eef2ff}.metric-icon.emerald{color:#059669;background:#ecfdf5}.metric-icon.amber{color:#d97706;background:#fffbeb}.metric-icon.rose{color:#e11d48;background:#fff1f2}.metric-copy{min-width:0}.metric-copy span,.metric-copy small{color:#7c8495;font-size:12px;display:block}.metric-copy strong{color:#172033;letter-spacing:-.6px;margin:5px 0 4px;font-size:22px;display:block}.metric-copy small{color:#667085;font-size:11px}.dashboard-grid{grid-template-columns:minmax(0,1.55fr) minmax(300px,.85fr);gap:14px;margin-bottom:14px;display:grid}.dashboard-grid.lower{grid-template-columns:1fr 1fr}.panel{min-width:0;box-shadow:var(--shadow);background:#fff;border:1px solid #eceef3;border-radius:13px;padding:20px}.panel-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.panel-header h2{color:#202838;margin:0;font-size:15px}.panel-header a{color:#4f46e5;font-size:11px;font-weight:800}.ghost-button{border:1px solid var(--line);color:#667085;background:#fff;border-radius:7px;padding:6px 9px;font-size:11px}.chart-summary{align-items:center;gap:9px;margin-top:18px;display:flex}.chart-summary>strong{letter-spacing:-.6px;font-size:23px}.badge{border-radius:99px;align-items:center;width:max-content;padding:3px 7px;font-size:10px;font-weight:800;display:inline-flex}.badge.success{color:#047857;background:#ecfdf5}.badge.danger{color:#be123c;background:#fff1f2}.badge.warning{color:#b45309;background:#fffbeb}.badge.info{color:#4338ca;background:#eef2ff}.badge.neutral{color:#667085;background:#f2f4f7}.bar-chart{align-items:end;gap:14px;height:135px;margin-top:10px;padding:0 4px;display:flex}.bar-column{flex-direction:column;flex:1;justify-content:end;align-items:center;gap:7px;height:100%;display:flex}.bar{background:linear-gradient(#818cf8,#4f46e5);border-radius:6px 6px 2px 2px;width:min(70%,32px);min-height:8px;box-shadow:0 5px 12px #4f46e529}.bar-column span{color:#98a2b3;font-size:10px}.attention-list{margin-top:11px}.attention-item{border-top:1px solid #f0f1f4;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;padding:11px 2px;display:grid}.attention-item:first-child{border-top:0}.attention-icon{border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.attention-icon.amber{color:#d97706;background:#fffbeb}.attention-icon.rose{color:#e11d48;background:#fff1f2}.attention-icon.sky{color:#0284c7;background:#f0f9ff}.attention-item strong,.attention-item small{display:block}.attention-item strong{color:#344054;font-size:12px}.attention-item small{color:#98a2b3;margin-top:3px;font-size:10px}.attention-item>svg{color:#a8b0bf}.branch-row{border-top:1px solid #f0f1f4;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:12px 0;display:grid}.branch-list{margin-top:10px}.branch-avatar{color:#fff;border-radius:9px;place-items:center;width:34px;height:34px;font-size:11px;font-weight:800;display:grid}.branch-detail>div{justify-content:space-between;align-items:center;margin-bottom:7px;display:flex}.branch-detail strong{font-size:11px}.branch-detail span,.branch-value span{color:#98a2b3;font-size:10px}.progress{background:#eef0f4;border-radius:5px;height:4px;overflow:hidden}.progress span{border-radius:inherit;height:100%;display:block}.branch-value{text-align:right}.branch-value strong,.branch-value span{display:block}.branch-value strong{font-size:11px}.branch-value span{margin-top:4px}.invoice-list{margin-top:10px}.invoice-row{border-top:1px solid #f0f1f4;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:11px 0;display:grid}.invoice-icon{color:#4f46e5;background:#eef2ff;border-radius:9px;place-items:center;width:33px;height:33px;display:grid}.invoice-main strong,.invoice-main small,.invoice-amount strong{display:block}.invoice-main strong,.invoice-amount strong{font-size:11px}.invoice-main small{color:#98a2b3;margin-top:3px;font-size:9.5px}.invoice-amount{text-align:right}.invoice-amount .badge{margin:4px 0 0 auto}.table-panel{padding:0;overflow:hidden}.table-toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:15px 18px;display:flex}.filter-row{gap:8px;display:flex}.filter-button{border:1px solid var(--line);color:#667085;background:#fff;border-radius:8px;padding:7px 10px;font-size:11px}.filter-button.active{color:#4338ca;background:#eef2ff;border-color:#c7d2fe}.data-table{border-collapse:collapse;width:100%}.data-table th{text-align:left;color:#98a2b3;letter-spacing:.5px;text-transform:uppercase;background:#fafbfc;padding:10px 16px;font-size:10px}.data-table td{color:#475467;border-top:1px solid #f0f1f4;padding:13px 16px;font-size:11px}.table-person{align-items:center;gap:9px;display:flex}.table-person span:first-child{color:#4338ca;background:#eef2ff;border-radius:9px;place-items:center;width:30px;height:30px;font-size:10px;font-weight:800;display:grid}.table-person strong,.table-person small{display:block}.table-person strong{color:#344054;font-size:11px}.table-person small{color:#98a2b3;margin-top:2px;font-size:10px}.table-actions{color:#667085;background:0 0;border:0;font-size:20px}.mobile-cards{display:none}.data-table th{font-size:12px}.data-table td{font-size:13px}.data-table td small,.data-table .table-person span:first-child{font-size:12px}.data-table .table-person strong{font-size:13px}.data-table .table-person small,.data-table .badge{font-size:12px}.data-table .filter-button{font-size:13px}.data-table .table-actions{font-size:22px}.login-page{background:#fff;grid-template-columns:1.05fr .95fr;min-height:100vh;display:grid}.login-aside{color:#fff;background:radial-gradient(circle at 15% 15%,#303b73 0,#0000 35%),linear-gradient(145deg,#111a31,#080d1c);flex-direction:column;justify-content:space-between;padding:48px;display:flex;position:relative;overflow:hidden}.login-aside:after{content:"";border:70px solid #6366f11f;border-radius:50%;width:420px;height:420px;position:absolute;bottom:-110px;right:-120px}.login-brand{z-index:1;align-items:center;gap:10px;font-size:23px;font-weight:700;display:flex;position:relative}.login-brand strong{color:#818cf8}.login-message{z-index:1;max-width:530px;position:relative}.login-message .pill{color:#c7d2fe;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:99px;padding:6px 10px;font-size:11px;font-weight:700;display:inline-flex}.login-message h1{letter-spacing:-1.8px;margin:20px 0 14px;font-size:44px;line-height:1.13}.login-message p{color:#a7b0c4;max-width:460px;font-size:14px;line-height:1.75}.login-stats{gap:36px;margin-top:32px;display:flex}.login-stats strong,.login-stats span{display:block}.login-stats strong{font-size:22px}.login-stats span{color:#818ba1;margin-top:5px;font-size:11px}.login-foot{z-index:1;color:#667085;font-size:11px;position:relative}.login-main{place-items:center;padding:36px;display:grid}.login-card{width:min(390px,100%)}.login-card h2{letter-spacing:-.7px;margin:0;font-size:27px}.login-card>p{color:#667085;margin:9px 0 28px;font-size:13px}.login-card>.login-type-label{color:#4f46e5;letter-spacing:.12em;margin:0 0 10px;font-size:11px;font-weight:800}.login-switch{color:#667085;text-align:center;margin-top:18px;font-size:12px}.login-switch a{color:#4f46e5;font-weight:800}.form-field{margin-top:17px}.form-field label{color:#344054;margin-bottom:7px;font-size:12px;font-weight:700;display:block}.form-field input{border:1px solid #dfe3ea;border-radius:9px;outline:0;width:100%;height:42px;padding:0 13px;font-size:13px}.form-field input:focus{border-color:#818cf8;box-shadow:0 0 0 3px #eef2ff}.password-row{justify-content:space-between;display:flex}.password-row span{color:#667085;font-size:11px;font-weight:700}.login-submit{color:#fff;background:#4f46e5;border:0;border-radius:9px;width:100%;height:42px;margin-top:22px;font-size:13px;font-weight:800;box-shadow:0 8px 18px #4f46e538}.demo-note{color:#667085;background:#f8fafc;border-radius:9px;margin-top:15px;padding:11px;font-size:11px;line-height:1.6}.demo-note strong{color:#475467}.portal-page{background:#f5f7fb;min-height:100vh;margin:0;padding:0 0 78px;display:flow-root}.portal-top{color:#fff;background:linear-gradient(145deg,#101a37,#293a78);min-height:140px;margin:0;padding:24px 20px 48px;display:flow-root}.portal-top-inner{max-width:860px;margin:auto}.portal-brand-row{justify-content:space-between;align-items:center;display:flex}.portal-brand-row .login-brand{font-size:20px}.portal-avatar{background:#ffffff1a;border:1px solid #ffffff2e;border-radius:50%;place-items:center;width:34px;height:34px;font-size:12px;font-weight:800;display:grid}.portal-greeting{margin-top:16px}.portal-greeting p{color:#a5b4d7;margin:0;font-size:12px}.portal-greeting h1{color:#a5b4d7;margin:0;font-size:14px;font-weight:500}.portal-content{max-width:860px;margin:-32px auto 0;padding:0 20px}.bill-card{background:#fff;border-radius:15px;grid-template-columns:1fr auto;gap:18px;padding:21px;display:grid;box-shadow:0 12px 34px #1018281f}.bill-card p{color:#667085;margin:0;font-size:11px}.bill-card h2{margin:7px 0 5px;font-size:26px}.bill-card small{color:#98a2b3;font-size:10px}.bill-card .primary-button{align-self:center}.portal-grid{grid-template-columns:1.1fr .9fr;gap:14px;margin-top:14px;display:grid}.portal-card{box-shadow:var(--shadow);background:#fff;border:1px solid #eceef3;border-radius:13px;padding:18px}.portal-card h3{margin:0 0 15px;font-size:14px}.connection-status{background:#ecfdf5;border-radius:11px;align-items:center;gap:11px;padding:13px;display:flex}.connection-status svg{color:#059669}.connection-status strong,.connection-status span{display:block}.connection-status strong{font-size:12px}.connection-status span{color:#667085;margin-top:3px;font-size:10px}.package-line{border-bottom:1px solid #f0f1f4;justify-content:space-between;padding:12px 0;font-size:11px;display:flex}.package-line span{color:#667085}.portal-nav{z-index:30;border-top:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;justify-content:space-around;padding:8px 8px 10px;display:none;position:fixed;inset:auto 0 0}.portal-nav a{color:#98a2b3;flex-direction:column;align-items:center;gap:3px;font-size:10px;display:flex}.portal-nav a.active{color:#4f46e5}@media (max-width:1050px){.metrics-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.dashboard-grid.lower{grid-template-columns:1fr}.sidebar{transition:all .2s;transform:translate(-100%)}.sidebar.open{transform:translate(0);box-shadow:20px 0 50px #080d1c38}.mobile-close,.menu-button{display:block}.sidebar-overlay{z-index:35;background:#080d1c73;border:0;position:fixed;inset:0}.content-shell{margin-left:0}.topbar{padding:0 22px}.menu-button{margin-right:12px}.search-box{margin-right:auto}.main-content{padding:26px 22px 42px}}@media (max-width:700px){body{font-size:15px}.topbar{height:60px;padding:0 16px}.search-box{width:auto}.search-box input,.search-box kbd,.portal-link{display:none}.main-content{padding:21px 15px 34px}.page-heading{align-items:flex-start}.page-heading h1{font-size:24px}.page-heading>div>p:last-child{max-width:260px;line-height:1.5}.primary-button{padding:0 12px}.metrics-grid{grid-template-columns:1fr 1fr;gap:9px}.metric-card{padding:14px;display:block}.metric-icon{width:34px;height:34px;margin-bottom:12px}.metric-copy strong{font-size:18px}.dashboard-grid{gap:10px}.panel{padding:16px}.bar-chart{gap:7px;height:120px}.dashboard-grid.lower{display:block}.dashboard-grid.lower .panel+.panel{margin-top:10px}.branch-row{grid-template-columns:auto 1fr}.branch-value{display:none}.table-panel{box-shadow:none;background:0 0;border:0}.data-table{display:none}.mobile-cards{gap:9px;display:grid}.mobile-data-card{box-shadow:var(--shadow);background:#fff;border:1px solid #eceef3;border-radius:12px;padding:14px}.mobile-data-card-head{justify-content:space-between;align-items:center;display:flex}.mobile-data-card .table-person{margin-bottom:12px}.mobile-data-grid{border-top:1px solid #f0f1f4;grid-template-columns:1fr 1fr;gap:10px;padding-top:11px;display:grid}.mobile-data-grid span,.mobile-data-grid strong{display:block}.mobile-data-grid span{color:#98a2b3;font-size:10px}.mobile-data-grid strong{margin-top:3px;font-size:11px}.login-page{grid-template-columns:1fr}.login-aside{min-height:220px;padding:28px}.login-message{margin-top:35px}.login-message h1{font-size:30px}.login-message p,.login-stats,.login-foot{display:none}.login-main{padding:32px 22px}.portal-top{min-height:130px;padding:16px 16px 42px}.portal-content{margin-top:-28px}.bill-card{grid-template-columns:1fr}.bill-card .primary-button{justify-content:center;width:100%}.portal-grid{grid-template-columns:1fr}.portal-nav{display:flex}}.filter-button{align-items:center;gap:5px;display:inline-flex}.form-error{color:#be123c;background:#fff1f2;border-radius:8px;margin:12px 0 0;padding:9px 11px;font-size:11px}.login-submit:disabled{opacity:.65;cursor:wait}.receipt-highlight{grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding-bottom:15px;display:grid}.receipt-highlight strong,.receipt-highlight small{display:block}.receipt-highlight strong{font-size:15px}.receipt-highlight small{color:#98a2b3;margin-top:4px;font-size:10px}.portal-action{color:#4f46e5;border-top:1px solid #f0f1f4;justify-content:space-between;padding-top:13px;font-size:11px;font-weight:800;display:flex}.summary-strip{box-shadow:none;background:0 0;border:none;border-radius:13px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin-bottom:14px;display:grid;overflow:hidden}.summary-strip>div{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:14px 16px;box-shadow:0 2px 10px #0f172a08}.summary-strip span,.summary-strip strong{display:block}.summary-strip span{color:#64748b;font-size:10.5px;font-weight:600}.summary-strip strong{color:#0f172a;margin-top:4px;font-size:18px;font-weight:800}.mobile-fab{display:none}.module-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.module-card{box-shadow:var(--shadow);background:#fff;border:1px solid #eceef3;border-radius:13px;padding:19px}.module-card-icon{color:#4f46e5;background:#eef2ff;border-radius:10px;place-items:center;width:38px;height:38px;margin-bottom:18px;display:grid}.module-card h3{margin:0;font-size:14px}.module-card p{color:#667085;min-height:34px;margin:7px 0 18px;font-size:11px;line-height:1.7}.module-card-footer{border-top:1px solid #f0f1f4;justify-content:space-between;align-items:center;padding-top:12px;display:flex}.module-card-footer strong{font-size:15px}.module-card-footer span{color:#4f46e5;font-size:11px;font-weight:800}@media (max-width:700px){.summary-strip{grid-template-columns:repeat(2,1fr)}.summary-strip>div{padding:12px}.module-grid{grid-template-columns:1fr}.table-toolbar{align-items:flex-start;overflow:auto}.filter-row{flex-shrink:0}.mobile-fab{z-index:20;color:#fff;background:#4f46e5;border:0;border-radius:50%;place-items:center;width:48px;height:48px;display:grid;position:fixed;bottom:20px;right:18px;box-shadow:0 8px 22px #4f46e559}}.payment-result{background:#f5f7fb;place-items:center;min-height:100vh;padding:20px;display:grid}.payment-result>div{text-align:center;max-width:430px;box-shadow:var(--shadow);background:#fff;border:1px solid #e7eaf0;border-radius:18px;padding:32px}.payment-result>div>span{color:#059669;background:#ecfdf5;border-radius:50%;place-items:center;width:58px;height:58px;margin:0 auto 18px;display:grid}.payment-result h1{margin:7px 0 10px;font-size:27px}.payment-result p{color:#667085;font-size:12px;line-height:1.7}.payment-result .primary-button{width:max-content;margin:22px auto 0}.module-card-footer strong,.module-card-footer span{align-items:center;gap:5px;display:flex}.module-card>.badge{margin-top:12px}.empty-state{text-align:center;color:#98a2b3;place-items:center;min-height:260px;padding:42px;display:grid}.empty-state h2{color:#344054;margin:14px 0 6px;font-size:17px}.empty-state p{max-width:430px;margin:0;font-size:12px;line-height:1.7}.branch-card-actions{align-items:flex-start;gap:8px;margin-top:14px;display:flex}.branch-card-actions>.filter-button,.danger-button{border-radius:8px;place-items:center;min-width:70px;height:34px;padding:0 12px;font-size:11px;font-weight:800;display:grid}.danger-button{color:#be123c;background:#fff1f2;border:1px solid #fecdd3}.branch-delete-form{gap:5px;display:grid}.branch-delete-form small{color:#be123c;max-width:210px;font-size:10px;line-height:1.4}.branch-delete-form .success-text{color:#047857}.table-action{place-items:center;height:30px;display:inline-grid}.customer-row-actions,.customer-mobile-actions{gap:7px;display:flex}.edit-action{color:#4338ca;background:#eef2ff;border-color:#c7d2fe}.customer-mobile-actions{margin-top:14px}.customer-mobile-actions>*{flex:1;place-items:center;display:grid}.customer-detail-summary{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px;display:grid}.customer-detail-summary article{border:1px solid var(--line);min-height:92px;box-shadow:var(--shadow);background:#fff;border-radius:12px;align-content:center;padding:16px;display:grid}.customer-detail-summary span,.customer-detail-summary small{color:#64748b;font-size:11px;font-weight:600}.customer-detail-summary strong{color:#0f172a;margin:7px 0 3px;font-size:17px;font-weight:800}.customer-detail-summary .badge{justify-self:start;margin-top:10px}.customer-detail{max-width:960px}.customer-detail-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding-bottom:16px;display:flex}.customer-detail-head>div{gap:4px;display:grid}.customer-detail-head h2{color:#0f172a;margin:0;font-size:18px}.customer-detail-head span{color:#64748b;font-size:12px}.clickable-row{transition:background-color .15s}.clickable-card{transition:transform .15s,box-shadow .15s}.customer-detail dl{grid-template-columns:repeat(2,1fr);gap:14px;margin:20px 0 26px;display:grid}.customer-detail dl div{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:14px 16px;box-shadow:0 2px 6px #0f172a05}.customer-detail dt{color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:700}.customer-detail dd{color:#0f172a;overflow-wrap:anywhere;word-break:break-word;margin:6px 0 0;font-size:14px;font-weight:800;line-height:1.5}.customer-accounts{border-top:1px solid #e2e8f0;margin-top:28px;padding-top:22px}.customer-accounts h3{color:#0f172a;align-items:center;gap:8px;margin:0 0 16px;font-size:15px;font-weight:800;display:flex}.network-accounts-grid{gap:14px;display:grid}.network-account-card{background:#fff;border:1px solid #cbd5e1;border-radius:14px;transition:all .15s;overflow:hidden;box-shadow:0 4px 14px #0f172a0a}.network-account-card:hover{border-color:#94a3b8;box-shadow:0 6px 20px #0f172a12}.network-account-header{background:linear-gradient(#f8fafc,#f1f5f9);border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;display:flex}.network-account-title{align-items:center;gap:12px;min-width:0;display:flex}.network-account-icon{color:#4f46e5;background:#eef2ff;border-radius:12px;flex:0 0 40px;place-items:center;width:40px;height:40px;font-size:18px;display:grid;box-shadow:0 2px 6px #4f46e526}.network-account-username{color:#0f172a;overflow-wrap:anywhere;word-break:break-word;font-size:15px;font-weight:800}.network-account-type{color:#3730a3;letter-spacing:.5px;background:#e0e7ff;border-radius:6px;margin-left:8px;padding:2px 8px;font-family:monospace;font-size:10.5px;font-weight:800;display:inline-block}.network-account-body{background:#fff;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;padding:16px 18px;display:grid}.account-detail-item{background:#f8fafc;border:1px solid #f1f5f9;border-radius:10px;flex-direction:column;gap:4px;padding:10px 14px;display:flex}.account-detail-item label{color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-size:10.5px;font-weight:700}.account-detail-item span{color:#0f172a;overflow-wrap:anywhere;word-break:break-word;font-size:13.5px;font-weight:800}.network-account-footer{background:#fafafa;border-top:1px solid #f1f5f9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 18px;display:flex}.customer-danger-zone{background:#fffafb;border:1px solid #fecdd3;border-radius:10px;justify-content:space-between;align-items:center;gap:20px;margin-top:28px;padding:16px;display:flex}.customer-danger-zone strong{font-size:13px}.customer-danger-zone p{color:#667085;margin:5px 0 0;font-size:11px}.customer-delete{justify-items:end;gap:6px;display:grid}.customer-delete .form-error{text-align:right;max-width:380px;margin:0}.success-text{color:#047857;font-size:11px}@media (max-width:900px){.customer-detail-summary{grid-template-columns:repeat(2,1fr)}}@media (max-width:700px){.customer-detail-summary{grid-template-columns:1fr 1fr}.customer-detail-head,.customer-danger-zone{flex-direction:column;align-items:stretch}.customer-detail dl{grid-template-columns:1fr}.customer-detail dl .wide{grid-column:auto}.customer-delete{justify-items:stretch}}.master-form{max-width:880px}.form-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.form-grid label{color:#344054;gap:7px;font-size:12px;font-weight:700;display:grid}.form-grid input,.form-grid select,.form-grid textarea{color:#344054;background:#fff;border:1px solid #dfe3ea;border-radius:9px;outline:0;width:100%;padding:11px 12px;font-size:13px}.form-grid input,.form-grid select{height:42px}.form-grid textarea{resize:vertical}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:#818cf8;box-shadow:0 0 0 3px #eef2ff}.form-grid .full-width{grid-column:1/-1}.form-grid .checkbox-field{grid-column:1/-1;align-items:center;gap:9px;display:flex}.checkbox-field input{width:16px;height:16px}.form-actions{border-top:1px solid var(--line);justify-content:flex-end;gap:10px;margin-top:24px;padding-top:18px;display:flex}.form-actions .filter-button{place-items:center;min-width:80px;display:grid}.form-actions .primary-button:disabled{opacity:.65;cursor:wait}@media (max-width:700px){.form-grid{grid-template-columns:1fr}.form-grid .full-width,.form-grid .checkbox-field{grid-column:auto}.master-form{padding:16px}.form-actions{background:#fff;margin:20px -16px -16px;padding:13px 16px;position:sticky;bottom:0}.form-actions>*{flex:1;justify-content:center}}.form-grid label>small{color:#98a2b3;font-size:10px;font-weight:500;line-height:1.5}.router-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.router-card-head{grid-template-columns:auto 1fr auto;align-items:center;gap:12px;display:grid}.router-card-head .module-card-icon,.router-card-head h2,.router-card-head p{margin:0}.router-card-head h2{font-size:15px}.router-card-head p{color:#98a2b3;margin-top:4px;font-size:11px}.router-card dl{grid-template-columns:1fr 1fr;gap:12px;margin:18px 0;display:grid}.router-card dl div{min-width:0}.router-card dt{color:#98a2b3;font-size:10px}.router-card dd{color:#344054;text-overflow:ellipsis;white-space:nowrap;margin:4px 0 0;font-size:11px;font-weight:700;overflow:hidden}.profile-grid{background:#f8fafc;border-radius:9px;grid-template-columns:1fr 1fr;gap:8px;padding:11px;display:grid}.profile-grid span,.profile-grid strong{display:block}.profile-grid span{color:#98a2b3;font-size:10px}.profile-grid strong{color:#475467;text-overflow:ellipsis;margin-top:4px;overflow:hidden}.router-test{align-items:center;gap:10px;margin-top:15px;display:flex}.router-test small{font-size:10px}.test-success{color:#047857}.test-error{color:#be123c}.router-test button:disabled{opacity:.65}.table-sort-link{color:inherit;align-items:center;gap:5px;text-decoration:none;display:inline-flex}.table-sort-link span{color:#4f46e5;font-size:1.1em}.table-sort-link:hover{color:#4f46e5}.provision-detect{justify-content:end}.provision-services{border:1px solid var(--line);border-radius:10px;flex-wrap:wrap;gap:14px;padding:14px;display:flex}.provision-services legend{padding:0 6px;font-weight:700}.provision-services label{flex-direction:row;align-items:center;gap:7px;display:flex}.provision-services input{width:auto}.provision-script{border:1px solid #dbe3f0;border-radius:12px;margin-top:18px;overflow:hidden}.provision-script>div{background:#f8fafc;justify-content:space-between;padding:12px 14px;display:flex}.provision-script small{color:#667085}.provision-script pre{color:#d1fae5;background:#111827;max-height:560px;margin:0;padding:16px;font-size:12px;line-height:1.6;overflow:auto}.provisioning-master-section{margin-top:16px}.master-data-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.master-mini-table{min-width:0}.master-mini-table h3{margin:0 0 9px}.table-scroll{overflow:auto}@media (max-width:800px){.master-data-columns{grid-template-columns:1fr}.provision-script>div{flex-direction:column;align-items:flex-start;gap:4px}}@media (max-width:700px){.router-grid,.router-card dl,.profile-grid{grid-template-columns:1fr}.router-test{flex-direction:column;align-items:flex-start}.router-test button{justify-content:center;width:100%}}.connection-result{border-radius:9px;margin:16px 0 0;padding:11px 13px;font-size:11px;font-weight:700}.connection-result.success{color:#047857;background:#ecfdf5}.connection-result.danger{color:#be123c;background:#fff1f2}.router-form-actions .test-button{color:#4338ca;background:#eef2ff;border-color:#c7d2fe}.router-form-actions button:disabled{opacity:.55;cursor:not-allowed}.save-hint{text-align:right;color:#98a2b3;margin:8px 0 0;font-size:10px}.logout-button{color:#be123c;background:#fff1f2;border:1px solid #fecdd3;border-radius:9px;justify-content:center;align-items:center;gap:7px;min-height:38px;padding:0 13px;font-size:12px;font-weight:700;display:inline-flex}.logout-button.compact{color:#98a2b3;background:#151e31;border-color:#2a3347;width:32px;min-height:32px;padding:0}.logout-button:disabled{opacity:.55;cursor:wait}.user-card>a{min-width:0}.user-card>a strong,.user-card>a small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.portal-account-actions{align-items:center;gap:8px;display:flex}.portal-account-actions .logout-button.compact{color:#fff;background:#ffffff14;border-color:#ffffff26}.account-logout{text-align:right;max-width:880px;margin-top:14px}.customer-account-page{background:#f5f7fb;min-height:100vh;padding:32px 20px}.customer-account-wrap{max-width:880px;margin:auto}.connection-status.offline{color:#be123c;background:#fff1f2}.connection-status.offline svg{color:#e11d48}.portal-empty-copy{color:#98a2b3;margin:0;font-size:11px}.router-card-actions{border-top:1px solid #f0f1f4;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:10px;margin-top:15px;padding-top:14px;display:flex}.router-card-actions .router-test{margin:0}.sync-link{color:#4338ca;background:#eef2ff;border-color:#c7d2fe}.ppp-sync-settings .panel-header>div>p{color:#667085;margin:5px 0 0;font-size:11px}.ppp-sync-settings .panel-header>.filter-button{color:#4338ca;background:#eef2ff;border-color:#c7d2fe}.ppp-defaults{grid-template-columns:1fr 1fr;margin-top:18px}.ppp-sync-note{color:#475467;background:#f8fafc;border-radius:9px;align-items:flex-start;gap:9px;margin-top:14px;padding:11px;font-size:11px;line-height:1.6;display:flex}.ppp-sync-note svg{color:#4f46e5;flex:none}.ppp-summary{margin-top:14px}.ppp-secret-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px;display:grid}.ppp-secret-card{transition:border-color .15s,box-shadow .15s}.ppp-secret-card.selected{box-shadow:0 0 0 2px #eef2ff,var(--shadow);border-color:#c7d2fe}.ppp-secret-head{grid-template-columns:auto 1fr auto;align-items:center;gap:10px;display:grid}.ppp-secret-head h3,.ppp-secret-head p{margin:0}.ppp-secret-head h3{font-size:14px}.ppp-secret-head p{color:#98a2b3;margin-top:4px;font-size:10px}.ppp-secret-head .ppp-plan-match{color:#047857}.ppp-secret-head .ppp-plan-missing{color:#be123c;font-weight:700}.ppp-check{width:18px;height:18px;display:block;position:relative}.ppp-check input{opacity:0;position:absolute}.ppp-check span{background:#fff;border:1px solid #cbd2df;border-radius:5px;width:18px;height:18px;display:block}.ppp-check input:disabled+span{cursor:not-allowed;background:#f2f4f7}.ppp-check input:checked+span{background:#4f46e5;border-color:#4f46e5}.ppp-check input:checked+span:after{content:"✓";color:#fff;place-items:center;font-size:13px;display:grid}.ppp-row-fields{gap:12px;margin-top:16px}.ppp-row-fields input:disabled{color:#98a2b3;background:#f8fafc}.ppp-sync-actions{z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff0;border:1px solid #e7eaf0;border-radius:12px;margin-top:18px;padding:12px;position:sticky;bottom:14px;box-shadow:0 10px 30px #1018281f}.ppp-sync-actions .primary-button:disabled{opacity:.5;cursor:not-allowed}@media (max-width:900px){.ppp-secret-list{grid-template-columns:1fr}}@media (max-width:700px){.router-card-actions{flex-direction:column;align-items:stretch}.router-card-actions .router-test{width:100%}.router-card-actions .router-test button,.router-card-actions .sync-link{justify-content:center;width:100%}.ppp-sync-settings .panel-header{flex-direction:column;align-items:flex-start}.ppp-sync-settings .panel-header>.filter-button{justify-content:center;width:100%}.ppp-defaults{grid-template-columns:1fr}.ppp-sync-actions{bottom:8px}.ppp-sync-actions>*{flex:1;justify-content:center}}.import-layout{grid-template-columns:minmax(0,1fr) minmax(360px,.8fr);align-items:start;gap:14px;display:grid}.import-panel{max-width:none}.import-panel-title{align-items:center;gap:12px;display:flex}.import-panel-title>span{color:#4f46e5;background:#eef2ff;border-radius:11px;place-items:center;width:40px;height:40px;display:grid}.import-panel-title h2,.import-panel-title p{margin:0}.import-panel-title h2{font-size:15px}.import-panel-title p{color:#667085;margin-top:4px;font-size:11px}.drop-zone{color:#667085;cursor:pointer;background:#fafbfc;border:1.5px dashed #cbd2df;border-radius:12px;place-items:center;width:100%;min-height:172px;margin-top:18px;padding:22px;display:grid}.drop-zone:hover,.drop-zone.selected{color:#4338ca;background:#f5f3ff;border-color:#818cf8}.drop-zone strong,.drop-zone small{display:block}.drop-zone strong{margin-top:12px;font-size:13px}.drop-zone small{color:#98a2b3;margin-top:5px;font-size:10px}.visually-hidden{clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden;position:absolute!important}.template-download{color:#4338ca;background:#f8faff;border:1px solid #e0e7ff;border-radius:10px;align-items:center;gap:10px;margin-top:12px;padding:12px;display:flex}.template-download span,.template-download strong,.template-download small{display:block}.template-download strong{font-size:11px}.template-download small{color:#667085;margin-top:3px;font-size:10px}.connection-result{align-items:center;gap:7px;display:flex}.connection-result span strong{margin-right:3px}.import-actions .test-button{color:#4338ca;background:#eef2ff;border-color:#c7d2fe}.import-actions button:disabled{opacity:.5;cursor:not-allowed}.import-results{max-height:520px;overflow:auto}.import-errors{margin-top:12px}.import-errors>div{border-top:1px solid #f0f1f4;grid-template-columns:72px 1fr;gap:9px;padding:9px 0;font-size:11px;display:grid}.import-errors strong{color:#be123c}.import-errors span{color:#667085}.import-preview{padding:0}.import-preview .panel-header{padding:16px 18px}.preview-scroll{overflow:auto}.preview-note{color:#667085;margin:0;padding:12px 18px;font-size:10px}.import-reference{margin-top:14px}.reference-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px;display:grid}.reference-grid>div{background:#f8fafc;border-radius:9px;padding:12px}.reference-grid span,.reference-grid strong{display:block}.reference-grid span{color:#98a2b3;font-size:10px}.reference-grid strong{color:#344054;margin-top:5px;font-size:11px;line-height:1.5}.import-reference>p{color:#667085;margin:14px 0 0;font-size:11px;line-height:1.7}@media (max-width:900px){.import-layout{grid-template-columns:1fr}}@media (max-width:700px){.page-heading{flex-direction:column}.page-heading-actions{width:100%}.page-heading-actions>*{flex:1;justify-content:center}.import-actions{position:static}.reference-grid{grid-template-columns:1fr}.drop-zone{min-height:145px}}.monitor-heading{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.monitor-refresh{justify-items:end;gap:6px;display:grid}.monitor-refresh .primary-button{white-space:nowrap;align-items:center;gap:7px;display:flex}.monitor-refresh small{color:#667085;font-size:11px}.monitor-table .badge{white-space:nowrap}.monitor-sub{color:#667085;text-overflow:ellipsis;white-space:nowrap;max-width:260px;margin-top:6px;display:block;overflow:hidden}@media (max-width:700px){.monitor-heading{display:block}.monitor-refresh{justify-items:stretch;margin:-10px 0 20px}.monitor-table{min-width:900px}}.optical-cell{white-space:nowrap;justify-items:start;gap:6px;display:grid}.optical-cell>strong{font-variant-numeric:tabular-nums}.network-combined{grid-template-columns:minmax(210px,1fr) minmax(210px,1fr);gap:18px;display:grid}.network-combined>div{min-width:0}.network-kind{color:#98a2b3;letter-spacing:.4px;text-transform:uppercase;margin-bottom:7px;font-size:10px;font-weight:800;display:block}.network-combined .monitor-sub{max-width:300px}@media (max-width:1100px){.network-combined{grid-template-columns:1fr;gap:13px}.network-combined>div+div{border-top:1px solid var(--line);padding-top:12px}}.status-uptime{color:#475467;margin-top:8px;font-weight:700;line-height:1.4;display:block}.monitoring-detail-panel{max-width:none}.monitor-optical-value{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.monitor-optical-value .badge{font-size:10px}.olt-card-tools{gap:7px;margin-top:12px;display:grid}.olt-card-tools .olt-sync{grid-template-columns:max-content 1fr;align-items:center;gap:8px;display:grid}.olt-card-tools small{color:#667085;font-size:10px}.settings-grid{grid-template-columns:1fr 1fr;align-items:start;gap:16px;display:grid}.settings-section{max-width:none}.settings-section-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;padding-bottom:15px;display:flex}.settings-section-head h2{margin:0;font-size:16px}.settings-section-head p{color:#667085;margin:5px 0 0;font-size:11px}.settings-section-head form{justify-items:end;gap:5px;display:grid}.settings-success{color:#047857;margin:12px 0 0;font-size:11px;font-weight:700}.settings-section label small{color:#667085;margin-top:5px;display:block}@media (max-width:1000px){.settings-grid{grid-template-columns:1fr}}@media (max-width:600px){.settings-section-head{flex-direction:column;align-items:stretch}.settings-section-head form{justify-items:stretch}}.branch-fee-settings{grid-column:1/-1}.branch-fee-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.branch-fee-grid>label{border:1px solid var(--line);border-radius:10px;justify-content:space-between;align-items:center;gap:14px;padding:12px;display:flex}.branch-fee-grid>label>span:first-child{gap:2px;display:grid}.branch-fee-grid small{margin:0!important}.currency-input{border:1px solid var(--line);background:#fff;border-radius:8px;align-items:center;width:150px;display:flex;overflow:hidden}.currency-input i{color:#667085;padding:0 8px;font-style:normal}.currency-input input{border:0;border-left:1px solid var(--line);text-align:right;width:100%;min-width:0;height:38px;padding:0 8px}@media (max-width:1100px){.branch-fee-grid{grid-template-columns:1fr 1fr}}@media (max-width:650px){.branch-fee-grid{grid-template-columns:1fr}.branch-fee-grid>label{flex-direction:column;align-items:stretch}.currency-input{width:100%}}.traffic-panel{max-width:none;margin-top:14px}.traffic-metrics{grid-template-columns:repeat(3,1fr);gap:12px;margin:16px 0;display:grid}.traffic-metrics article{border:1px solid var(--line);background:#f8fafc;border-radius:10px;gap:5px;padding:14px;display:grid}.traffic-metrics span,.traffic-metrics small{color:#667085;font-size:11px}.traffic-metrics strong{font-size:18px}.traffic-metrics .download,.traffic-legend .download{color:#4f46e5}.traffic-metrics .upload,.traffic-legend .upload{color:#059669}.traffic-chart-wrap{border:1px solid var(--line);background:linear-gradient(#fff,#f8fafc);border-radius:10px;overflow:hidden}.traffic-chart{width:100%;min-width:600px;height:260px;display:block}.traffic-chart line{stroke:#d0d5dd;stroke-width:1px}.traffic-chart polyline{fill:none;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.traffic-download{stroke:#4f46e5}.traffic-upload{stroke:#10b981}.traffic-legend{border-top:1px solid var(--line);align-items:center;gap:18px;padding:10px 16px;font-size:11px;font-weight:800;display:flex}.traffic-legend span:before{content:"";background:currentColor;border-radius:50%;width:9px;height:9px;margin-right:6px;display:inline-block}.traffic-legend small{color:#667085;margin-left:auto;font-weight:600}.traffic-empty{color:#667085;text-align:center;border:1px dashed #cbd5e1;border-radius:10px;padding:28px;font-size:12px}@media (max-width:700px){.traffic-metrics{grid-template-columns:1fr}.traffic-chart-wrap{overflow-x:auto}}.customer-network{max-width:1200px;margin-bottom:14px}.network-mix-grid{grid-template-columns:1fr 1fr;gap:14px;margin-top:16px;display:grid}.network-source{border:1px solid var(--line);background:#f8fafc;border-radius:11px;min-width:0;padding:14px}.network-source h3{color:#475467;margin:0 0 11px;font-size:13px}.network-source article{background:#fff;border-radius:9px;padding:14px;box-shadow:0 1px 2px #1018280a}.network-source article+article{margin-top:10px}.network-source-title{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;padding-bottom:11px;font-size:13px;display:flex}.network-source dl{grid-template-columns:1fr 1fr;gap:10px;margin:12px 0 0;display:grid}.network-source dl div{min-width:0}.network-source dt{color:#98a2b3;font-size:10px}.network-source dd{color:#344054;overflow-wrap:anywhere;margin:4px 0 0;font-size:12px;font-weight:650}.network-source .optical-power{color:#4338ca;font-size:16px}.empty-network{color:#667085;margin:0;font-size:12px}@media (max-width:800px){.network-mix-grid{grid-template-columns:1fr}.network-source dl{grid-template-columns:1fr 1fr}}@media (max-width:440px){.network-source dl{grid-template-columns:1fr}}.monitor-refresh.auto{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;min-width:260px;padding:12px 14px}.monitor-refresh.auto>span{color:#047857;align-items:center;gap:7px;font-size:12px;font-weight:800;display:flex}.monitor-refresh.auto>span svg{animation:1.8s ease-in-out infinite monitor-pulse}@keyframes monitor-pulse{50%{opacity:.35}}.pagination{border-top:1px solid var(--line);color:#667085;justify-content:space-between;align-items:center;gap:16px;padding:16px;font-size:11px;display:flex}.pagination nav{gap:5px;display:flex}.pagination a{border:1px solid var(--line);color:#475467;background:#fff;border-radius:7px;place-items:center;min-width:30px;height:30px;padding:0 9px;font-weight:700;display:grid}.pagination a.active{color:#fff;background:#4f46e5;border-color:#4f46e5}.pagination a.disabled{pointer-events:none;opacity:.45}@media (max-width:700px){.pagination{flex-direction:column;align-items:stretch}.pagination nav{overflow-x:auto}.pagination nav a{white-space:nowrap}}.olt-sync{gap:6px;margin-top:12px;display:grid}.olt-sync button{justify-self:start}.olt-sync small{color:#667085;font-size:10px;line-height:1.4}.monitor-filters{grid-template-columns:minmax(240px,2fr) repeat(5,minmax(130px,1fr)) auto;align-items:end;gap:10px;margin-bottom:14px;padding:14px;display:grid}.monitor-filter-title{display:none}.monitor-filters select,.monitor-filters input{border:1px solid var(--line);color:#344054;background:#fff;border-radius:8px;width:100%;height:38px;font-size:11px}.monitor-filters select{padding:0 9px}.monitor-search{position:relative}.monitor-search svg{color:#98a2b3;position:absolute;top:12px;left:11px}.monitor-search input{padding:0 10px 0 34px}.monitor-filter-actions{gap:6px;display:flex}.monitor-filter-actions button{white-space:nowrap;justify-content:center;align-items:center;gap:5px;height:38px;display:flex}@media (max-width:1200px){.monitor-filters{grid-template-columns:repeat(3,1fr)}.monitor-search{grid-column:span 2}}@media (max-width:700px){.monitor-filters{grid-template-columns:1fr 1fr;padding:12px}.monitor-filter-title{grid-column:1/-1;align-items:center;gap:7px;display:flex}.monitor-search,.monitor-filter-actions{grid-column:1/-1}.monitor-filter-actions>*{flex:1}}.customer-filters{grid-template-columns:minmax(240px,2fr) repeat(5,minmax(130px,1fr)) auto}@media (max-width:1200px){.customer-filters{grid-template-columns:repeat(3,1fr)}}@media (max-width:700px){.customer-filters{grid-template-columns:1fr 1fr}}.invoice-filters{grid-template-columns:minmax(240px,2fr) repeat(4,minmax(130px,1fr)) auto}@media (max-width:1050px){.invoice-filters{grid-template-columns:repeat(3,1fr)}}@media (max-width:700px){.invoice-filters{grid-template-columns:1fr 1fr}}.invoice-filter-actions{align-items:flex-start}.invoice-generate{justify-items:end;gap:5px;display:grid}.invoice-generate .primary-button{white-space:nowrap;justify-content:center;align-items:center;gap:6px;height:38px;padding:0 12px;display:flex}.invoice-generate small{color:#667085;text-align:right;max-width:320px;line-height:1.4}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:700px){.invoice-filter-actions{grid-template-columns:1fr auto;display:grid}.invoice-generate{justify-items:stretch}.invoice-generate small{text-align:left;grid-column:1/-1}}.bulk-invoice-actions{border-bottom:1px solid var(--line);background:#fff;grid-template-columns:1fr auto;align-items:center;gap:6px 18px;padding:13px 16px;display:grid}.bulk-invoice-actions>div:first-child{gap:3px;display:grid}.bulk-invoice-actions small,.bulk-invoice-actions p{color:#667085}.bulk-invoice-actions>div:nth-child(2){gap:7px;display:flex}.bulk-invoice-actions p{grid-column:1/-1;margin:2px 0 0}.danger-button{color:#be123c;background:#fff1f2;border:1px solid #fecdd3;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-height:38px;padding:0 12px;font-weight:800;display:flex}.danger-button:disabled{opacity:.55;cursor:wait}.select-column{width:42px!important;padding-right:0!important}.select-column input,.mobile-invoice-select input{accent-color:#4f46e5;width:17px;height:17px}.mobile-invoice-select{color:#667085;align-items:center;gap:7px;margin-bottom:10px;font-size:11px;display:flex}@media (max-width:700px){.bulk-invoice-actions{border:1px solid #eceef3;border-radius:12px;grid-template-columns:1fr;margin-bottom:9px;padding:12px}.bulk-invoice-actions>div:nth-child(2){grid-template-columns:1fr 1fr;display:grid}.invoice-mobile-card .mobile-data-card-head{border-top:1px solid #f0f1f4;padding-top:10px}}.invoice-detail-heading{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.invoice-print-actions{align-items:flex-start;gap:8px;display:flex}.invoice-print-actions>.primary-button,.rawbt-button{white-space:nowrap;justify-content:center;align-items:center;gap:7px;min-height:40px;display:flex}.rawbt-print{grid-template-columns:auto auto;gap:5px;display:grid}.rawbt-print select{border:1px solid var(--line);color:#475467;background:#fff;border-radius:9px;height:40px;padding:0 8px}.rawbt-button{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:9px;padding:0 12px;font-weight:800}.rawbt-print small{color:#667085;text-align:right;grid-column:1/-1;max-width:320px}.invoice-sheet{color:#344054;max-width:980px;margin:0 auto;padding:34px}.invoice-sheet-head{border-bottom:2px solid #e9ecf2;justify-content:space-between;align-items:flex-start;gap:24px;padding-bottom:26px;display:flex}.invoice-brand{color:#312e81;font-size:22px;font-weight:900;display:block}.invoice-sheet-head p{color:#667085;white-space:pre-line;max-width:440px;margin:7px 0}.invoice-sheet-head>div:last-child{text-align:right;justify-items:end;gap:7px;display:grid}.invoice-sheet-head>div:last-child>span:first-child{color:#98a2b3;letter-spacing:1.6px;font-size:11px;font-weight:800}.invoice-sheet-head>div:last-child>strong{font-size:17px}.invoice-parties{grid-template-columns:1.35fr 1fr;gap:40px;padding:26px 0;display:grid}.invoice-parties>div>span,.invoice-parties dt{color:#98a2b3;margin-bottom:7px;font-size:11px;display:block}.invoice-parties p{color:#667085;margin:4px 0}.invoice-parties dl{gap:9px;margin:0;display:grid}.invoice-parties dl>div{border-bottom:1px solid #f0f1f4;justify-content:space-between;gap:20px;display:flex}.invoice-parties dt,.invoice-parties dd{margin:0 0 8px}.invoice-parties dd{text-align:right;font-weight:700}.invoice-proration{background:#eef2ff;border:1px solid #c7d2fe;border-radius:10px;padding:14px 16px}.invoice-proration p{color:#475467;margin:6px 0}.invoice-proration code{color:#4338ca;font-weight:800}.invoice-lines{margin-top:24px;overflow-x:auto}.invoice-lines table{border-collapse:collapse;width:100%}.invoice-lines th,.invoice-lines td{text-align:left;border-bottom:1px solid #eceef3;padding:12px}.invoice-lines th{color:#98a2b3;text-transform:uppercase;background:#fafbfc;font-size:11px}.invoice-lines th:not(:first-child),.invoice-lines td:not(:first-child){text-align:right}.invoice-lines td small{color:#98a2b3;margin-top:3px;display:block}.invoice-calculation{width:min(420px,100%);margin:22px 0 22px auto}.invoice-calculation>div{justify-content:space-between;gap:20px;padding:7px 0;display:flex}.invoice-calculation span{color:#667085}.invoice-calculation .invoice-total{border-top:1px solid #d9dde6;margin-top:5px;padding-top:12px}.invoice-calculation .invoice-total strong{font-size:17px}.invoice-calculation .invoice-outstanding{color:#312e81;background:#eef2ff;border-radius:9px;margin-top:5px;padding:12px}.invoice-calculation .invoice-outstanding span{color:#4338ca;font-weight:800}.invoice-calculation .invoice-outstanding strong{font-size:18px}.invoice-payments{border-top:1px solid #e9ecf2;margin-top:24px;padding-top:20px}.invoice-payments h2{font-size:16px}.invoice-payments>div{border-bottom:1px solid #f0f1f4;justify-content:space-between;gap:20px;padding:11px 0;display:flex}.invoice-payments>div>span{gap:4px;display:grid}.invoice-payments>div>span:last-child{justify-items:end}.invoice-payments small{color:#667085}.invoice-sheet-foot{color:#667085;border-top:1px solid #e9ecf2;justify-content:space-between;align-items:center;gap:20px;margin-top:28px;padding-top:18px;display:flex}.invoice-sheet-foot p{margin:0}@media (max-width:700px){.invoice-detail-heading{display:block}.invoice-print-actions{grid-template-columns:1fr;margin:-10px 0 20px;display:grid}.invoice-print-actions>.primary-button{width:100%}.rawbt-print{grid-template-columns:90px 1fr}.rawbt-print small{text-align:left}.invoice-sheet{padding:18px}.invoice-sheet-head,.invoice-parties{grid-template-columns:1fr;display:grid}.invoice-sheet-head>div:last-child{text-align:left;justify-items:start}.invoice-parties{gap:22px}.invoice-lines table{min-width:620px}.invoice-payments>div,.invoice-sheet-foot{flex-direction:column;align-items:flex-start}.invoice-payments>div>span:last-child{justify-items:start}}@media print{@page{size:A4;margin:12mm}.sidebar,.topbar,.sidebar-overlay,.print-hide{display:none!important}.content-shell{margin:0!important}.main-content{padding:0!important}.invoice-sheet{max-width:none;box-shadow:none;border:0;margin:0;padding:0}.invoice-sheet-head,.invoice-parties,.invoice-calculation,.invoice-payments,.invoice-sheet-foot{break-inside:avoid}.invoice-lines{overflow:visible}.invoice-lines table{min-width:0}.invoice-sheet-foot{display:block}body{background:#fff}.app-shell{display:block}}.customer-workflow{gap:4px;display:grid}.customer-workflow>div{flex-wrap:wrap;gap:4px;display:flex}.customer-workflow small{color:#667085;display:block}.customer-workflow-panel{grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:14px;display:grid}.customer-workflow-panel>div{align-content:start;gap:7px;display:grid}.customer-workflow-panel span{color:#98a2b3;font-size:11px}.customer-workflow-panel strong{color:#344054}.customer-workflow-panel small{color:#667085;line-height:1.5}@media (max-width:700px){.customer-workflow-panel{grid-template-columns:1fr;gap:14px}}.provisioning-master-dynamic{margin-top:18px}.provisioning-master-toolbar{grid-template-columns:minmax(240px,360px) 1fr;align-items:end;gap:24px;display:grid}.provisioning-master-toolbar>label{flex-direction:column;gap:7px;font-weight:700;display:flex}.provisioning-template-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.provisioning-template-summary>div,.provisioning-setting-grid>div{border:1px solid var(--line);background:#f8fafc;border-radius:10px;flex-direction:column;gap:5px;padding:12px;display:flex}.provisioning-template-summary span,.provisioning-setting-grid span{color:var(--muted);font-size:14px}.provisioning-master-tabs{gap:8px;margin:22px 0 16px;padding-bottom:4px;display:flex;overflow-x:auto}.provisioning-master-tabs button{white-space:nowrap;border:1px solid var(--line);color:var(--muted);cursor:pointer;background:#fff;border-radius:999px;padding:9px 14px;font-weight:700}.provisioning-master-tabs button.active{color:#3730a3;background:#eef2ff;border-color:#4338ca}.provisioning-master-content{min-height:180px}.provisioning-setting-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.provisioning-master-empty{margin-top:18px}@media (max-width:800px){.provisioning-master-toolbar{grid-template-columns:1fr}.provisioning-template-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.provisioning-setting-grid{grid-template-columns:1fr}.provisioning-master-dynamic{padding:14px}.provisioning-master-tabs{margin-inline:-14px;padding-inline:14px}.provisioning-master-content .data-table{min-width:680px}}.payment-cashier{margin:18px 0}.payment-cashier-layout{grid-template-columns:minmax(300px,.9fr) minmax(420px,1.1fr);gap:20px;display:grid}.payment-invoice-picker>label{flex-direction:column;gap:7px;font-weight:700;display:flex}.payment-invoice-results{gap:7px;max-height:430px;margin-top:10px;display:grid;overflow:auto}.payment-invoice-results button{border:1px solid var(--line);text-align:left;cursor:pointer;background:#fff;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:12px;display:flex}.payment-invoice-results button span{gap:3px;min-width:0;display:grid}.payment-invoice-results button small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.payment-invoice-results button.active{background:#eef2ff;border-color:#4f46e5;box-shadow:0 0 0 2px #c7d2fe}.payment-entry-form{border:1px solid var(--line);background:#f8fafc;border-radius:12px;padding:18px}.payment-selected-invoice{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px;display:grid}.payment-selected-invoice>span{gap:3px;display:grid}.payment-selected-invoice small{color:var(--muted)}.payment-history{margin-top:18px}.summary-strip small{color:var(--muted);margin-top:3px;display:block}@media (max-width:850px){.payment-cashier-layout{grid-template-columns:1fr}.payment-invoice-results{max-height:320px}.payment-entry-form{padding:14px}.payment-selected-invoice{grid-template-columns:1fr 1fr}.payment-history .data-table{min-width:920px}}.payment-search-heading{align-items:center;gap:11px;margin-bottom:12px;display:flex}.payment-search-heading>span:last-child{gap:2px;display:grid}.payment-search-heading small{color:var(--muted);font-weight:500}.payment-search-icon{color:#fff;background:linear-gradient(135deg,#3730a3,#6366f1);border-radius:12px;place-items:center;width:42px;height:42px;display:grid;box-shadow:0 7px 16px #4f46e538}.payment-search-icon svg{width:21px}.payment-search-box{background:#fff;border:2px solid #c7d2fe;border-radius:13px;align-items:center;gap:10px;padding:0 13px;transition:all .2s;display:flex;box-shadow:0 5px 18px #4f46e514}.payment-search-box:focus-within{border-color:#4f46e5;box-shadow:0 0 0 4px #6366f124,0 8px 22px #4f46e51f}.payment-search-box>svg{color:#4f46e5;flex:none;width:21px}.payment-search-box input{background:0 0;outline:0;width:100%;height:52px;padding:0;font-size:16px;box-shadow:none!important;border:0!important}.payment-search-box button{color:#667085;cursor:pointer;background:#f2f4f7;border:0;border-radius:50%;flex:none;place-items:center;width:30px;height:30px;padding:0;display:grid}.payment-search-box button svg{width:17px}.payment-search-meta{color:#475467;justify-content:space-between;gap:10px;margin:8px 2px 0;display:flex}.payment-search-meta small{color:var(--muted)}@media (max-width:500px){.payment-search-heading small{font-size:12px}.payment-search-meta{flex-direction:column;align-items:flex-start;gap:2px}.payment-search-box input{font-size:15px}}.payment-success-backdrop{z-index:1000;overscroll-behavior:contain;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a9e;place-items:center;padding:18px;display:grid;position:fixed;inset:0;overflow-y:auto}.payment-success-modal{overscroll-behavior:contain;text-align:center;scrollbar-gutter:stable;background:#fff;border-radius:20px;width:min(460px,100%);max-height:calc(100dvh - 36px);padding:28px;position:relative;overflow-y:auto;box-shadow:0 24px 70px #0f172a59}.payment-modal-close{z-index:2;float:right;color:#64748b;cursor:pointer;background:#f1f5f9;border:0;border-radius:50%;place-items:center;width:34px;height:34px;margin:-14px -14px 0 0;display:grid;position:sticky;top:0;box-shadow:0 2px 8px #0f172a14}.payment-modal-close svg{width:18px}.payment-success-mark{color:#fff;background:#10b981;border-radius:50%;place-items:center;width:64px;height:64px;margin:0 auto 14px;font-size:32px;font-weight:900;display:grid;box-shadow:0 8px 24px #10b98147}.payment-success-modal h2{margin:0}.payment-success-modal>p{color:var(--muted);margin:8px auto 18px}.payment-receipt-summary{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px;display:grid}.payment-receipt-summary span{background:#f8fafc;border-radius:10px;gap:4px;padding:12px;display:grid}.payment-receipt-summary small{color:var(--muted)}.payment-success-actions{gap:9px;display:grid}.payment-success-actions button,.payment-success-actions a{justify-content:center;width:100%;min-height:44px}.whatsapp-button{color:#fff;cursor:pointer;background:#16a34a;border:0;border-radius:9px;align-items:center;gap:8px;font-weight:800;display:flex}.whatsapp-button:disabled{opacity:.45;cursor:not-allowed}.whatsapp-button svg,.payment-success-actions .rawbt-button svg{width:18px}@media (max-width:500px){.payment-success-backdrop{place-items:start center;padding:10px}.payment-success-modal{max-height:calc(100dvh - 20px);padding:24px 18px}.payment-receipt-summary{grid-template-columns:1fr}}.access-tabs{gap:7px;margin:16px 0;display:flex}.access-tabs a{border:1px solid var(--line);color:var(--muted);background:#fff;border-radius:10px;align-items:center;gap:7px;padding:10px 14px;font-weight:750;display:flex}.access-tabs a.active{color:#3730a3;background:#eef2ff;border-color:#c7d2fe}.access-search{gap:8px;margin-bottom:12px;padding:12px;display:flex}.access-search input{border:1px solid var(--line);border-radius:9px;flex:1;min-width:0;height:40px;padding:0 12px}.access-editor{margin-bottom:12px}.access-editor>summary,.access-user-card>summary,.access-role-card>summary{cursor:pointer;list-style:none}.access-editor>summary::-webkit-details-marker{display:none}.access-user-card>summary::-webkit-details-marker{display:none}.access-role-card>summary::-webkit-details-marker{display:none}.access-editor>summary{color:#3730a3;align-items:center;gap:8px;font-weight:800;display:flex}.access-form{border-top:1px solid var(--line);gap:16px;margin-top:18px;padding-top:18px;display:grid}.access-scope-fieldset{border:1px solid var(--line);border-radius:11px;min-width:0;margin:0;padding:14px}.access-scope-fieldset>legend,.permission-matrix legend{color:#344054;padding:0 7px;font-weight:800}.access-scope-mode{flex-wrap:wrap;gap:12px;display:flex}.access-scope-mode label,.access-branch-choice,.access-area-options label,.permission-matrix label{align-items:flex-start;gap:7px;display:flex}.access-scope-mode input,.access-branch-tree input,.permission-matrix input{accent-color:#4f46e5;width:17px;height:17px}.access-branch-tree{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:13px;display:grid}.access-branch-tree article{border:1px solid var(--line);background:#f8fafc;border-radius:9px;padding:11px}.access-area-options{gap:8px;margin:10px 0 0 24px;display:grid}.access-area-options>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.access-area-options label{color:#667085}.access-scope-summary{color:var(--muted);margin:10px 0 0}.access-user-list,.access-role-list{gap:10px;display:grid}.access-user-card>summary{grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:11px;display:grid}.access-user-card>summary>span:nth-child(2),.access-role-card>summary>span:first-child{gap:3px;display:grid}.access-user-card summary small,.access-role-card summary small{color:var(--muted)}.access-role-label{color:#475467;font-weight:750}.access-user-meta{grid-template-columns:1fr 1fr;gap:9px;margin-top:15px;display:grid}.access-user-meta>span{color:var(--muted);background:#f8fafc;border-radius:9px;gap:4px;padding:11px;display:grid}.access-user-meta strong{color:#344054}.access-sensitive-actions{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:7px;margin-top:15px;padding-top:14px;display:flex}.access-sensitive-actions form{margin:0}.staff-password-reset{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.staff-password-reset input{border:1px solid var(--line);border-radius:8px;min-width:260px;height:38px;padding:0 10px}.staff-password-reset small{color:var(--muted);flex-basis:100%}.access-role-card>summary{justify-content:space-between;align-items:center;gap:12px;display:flex}.permission-matrix{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.permission-matrix fieldset{border:1px solid var(--line);border-radius:10px;align-content:start;gap:9px;margin:0;padding:13px;display:grid}.permission-matrix label span{gap:2px;display:grid}.permission-matrix label small{color:var(--muted)}@media (max-width:760px){.access-branch-tree,.permission-matrix,.access-area-options>div{grid-template-columns:1fr}.access-user-card>summary{grid-template-columns:auto minmax(0,1fr) auto}.access-role-label{grid-column:2/-1}.access-user-meta{grid-template-columns:1fr}.staff-password-reset{flex-direction:column;align-items:stretch}.staff-password-reset input{width:100%;min-width:0}}.report-tabs{scrollbar-width:thin;gap:.5rem;padding:.25rem 0 1rem;display:flex;overflow-x:auto}.report-tabs a{white-space:nowrap;color:var(--muted);border:1px solid var(--line);background:#fff;border-radius:999px;padding:.75rem 1rem;font-weight:750}.report-tabs a.active{color:#fff;background:#312e81;border-color:#312e81}.report-filter-panel{margin-bottom:1rem;padding:1.15rem}.report-filter-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:.85rem;display:grid}.report-filter-grid label{color:#34405a;gap:.35rem;font-weight:750;display:grid}.report-filter-grid input,.report-filter-grid select{border:1px solid var(--line);width:100%;min-height:44px;color:var(--ink);text-transform:none;background:#fff;border-radius:12px;padding:.65rem .75rem}.report-filter-actions{border-top:1px solid var(--line);justify-content:flex-end;align-items:center;gap:.75rem;margin-top:1rem;padding-top:1rem;display:flex}.report-filter-actions a,.report-filter-actions button{align-items:center;gap:.45rem;display:inline-flex}.report-export-note{color:var(--muted);font-size:.9rem}.report-metrics{margin-top:1rem}.report-summary-strip,.aging-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin:1rem 0;display:grid}.report-summary-strip>div,.aging-grid article{border:1px solid var(--line);background:#fff;border-radius:16px;gap:.3rem;padding:1rem 1.1rem;display:grid}.report-summary-strip span,.aging-grid span,.aging-grid small{color:var(--muted)}.report-summary-strip strong,.aging-grid strong{font-size:1.2rem}.aging-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.report-table-panel{margin-top:1rem}.report-table{min-width:980px}.report-table td span{gap:.15rem;display:grid}.report-table td small{color:var(--muted);font-size:.82em}.report-footnote{color:var(--muted);text-align:center;justify-content:center;align-items:center;gap:.6rem;padding:1.5rem;display:flex}.print-only{display:none}@media (max-width:900px){.report-filter-grid,.aging-grid,.report-summary-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.report-filter-grid{grid-template-columns:1fr}.report-filter-actions{flex-direction:column;align-items:stretch}.report-filter-actions a,.report-filter-actions button{justify-content:center;width:100%}.report-tabs{margin-inline:-.25rem}.report-summary-strip,.aging-grid{grid-template-columns:1fr 1fr}.report-table{min-width:860px}}@media print{@page{size:A4 landscape;margin:10mm}.print-only{display:block}.report-print-title{margin-bottom:12px}.report-print-title h1{font-size:20pt}.report-print-title p{color:#64748b}.report-metrics{grid-template-columns:repeat(4,1fr)!important}.report-table-panel{box-shadow:none;border:0;padding:0}.report-table{width:100%;min-width:0;font-size:8.5pt}.report-table th,.report-table td{padding:5px 6px}.report-footnote{font-size:8pt}}.report-hero{color:#fff;background:radial-gradient(circle at 88% 5%,#818cf880,#0000 28%),linear-gradient(130deg,#111936 0%,#28377c 62%,#4338ca 100%);border:1px solid #a5b4fc59;border-radius:20px;grid-template-columns:minmax(0,1.15fr) minmax(420px,.85fr);align-items:center;gap:24px;margin-bottom:16px;padding:25px 27px;display:grid;position:relative;overflow:hidden;box-shadow:0 18px 46px #1e296333}.report-hero:after{content:"";border:45px solid #ffffff0d;border-radius:50%;width:260px;height:260px;position:absolute;bottom:-110px;right:-80px}.report-hero-copy{z-index:1;align-items:center;gap:16px;display:flex;position:relative}.report-hero-icon{background:#ffffff1c;border:1px solid #ffffff29;border-radius:16px;flex:0 0 54px;place-items:center;height:54px;display:grid;box-shadow:inset 0 1px #ffffff2e}.report-hero-copy p{color:#c7d2fe;letter-spacing:1.5px;text-transform:uppercase;margin:0 0 4px;font-size:11px;font-weight:850}.report-hero-copy h1{letter-spacing:-.8px;margin:0;font-size:30px}.report-hero-copy div>span{color:#dbe4ff;margin-top:7px;line-height:1.55;display:block}.report-hero-meta{z-index:1;grid-template-columns:1.25fr 1fr 1fr;gap:8px;display:grid;position:relative}.report-hero-meta>span{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff14;border:1px solid #ffffff21;border-radius:12px;grid-template-columns:auto 1fr;align-items:center;gap:1px 8px;padding:11px;display:grid}.report-hero-meta svg{color:#c7d2fe;grid-row:1/3}.report-hero-meta small{color:#b9c5e9;font-size:10px}.report-hero-meta strong{white-space:nowrap;font-size:11px}.report-tabs.panel{z-index:15;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffe6;border-radius:14px;gap:4px;margin-bottom:14px;padding:7px;position:sticky;top:70px;box-shadow:0 8px 25px #0f172a12}.report-tabs a{background:0 0;border-color:#0000;justify-content:center;align-items:center;min-height:39px;padding:.55rem .85rem;font-size:12px;transition:all .18s;display:flex}.report-tabs a:hover{color:#3730a3;background:#f5f3ff}.report-tabs a.active{background:linear-gradient(135deg,#4338ca,#6366f1);box-shadow:0 6px 15px #4338ca3d}.report-filter-panel{border-radius:16px;box-shadow:0 9px 28px #0f172a0e}.report-filter-head{border-bottom:1px solid #edf0f5;align-items:center;gap:11px;margin:-2px 0 15px;padding-bottom:13px;display:flex}.report-filter-icon{color:#4f46e5;background:#eef2ff;border-radius:11px;place-items:center;width:40px;height:40px;display:grid}.report-filter-head>div{gap:2px;display:grid}.report-filter-head strong{color:#1e293b}.report-filter-head small{color:#7c8495}.report-date-chip{color:#4338ca;background:#f5f3ff;border-radius:9px;align-items:center;gap:6px;margin-left:auto;padding:7px 10px;font-size:11px;font-weight:800;display:flex}.report-filter-grid label{letter-spacing:.1px;font-size:11px}.report-filter-grid input,.report-filter-grid select{background:#fafbfc;border-color:#e2e6ed;border-radius:10px;font-size:12px;transition:all .18s}.report-filter-grid input:focus,.report-filter-grid select:focus{background:#fff;border-color:#818cf8;outline:0;box-shadow:0 0 0 3px #6366f11f}.report-filter-actions{margin-top:14px;padding-top:14px}.report-metrics{gap:12px}.report-metrics .metric-card{border-radius:16px;padding:19px;transition:transform .18s,box-shadow .18s;position:relative;overflow:hidden;box-shadow:0 9px 28px #0f172a0e}.report-metrics .metric-card:hover{transform:translateY(-2px);box-shadow:0 14px 34px #0f172a17}.report-metrics .metric-card:after{content:"";background:var(--report-glow,#eef2ff);border-radius:50%;width:90px;height:90px;position:absolute;bottom:-34px;right:-28px}.report-metrics .metric-card:first-child{--report-glow:#eef2ff;border-top:3px solid #6366f1}.report-metrics .metric-card:nth-child(2){--report-glow:#ecfdf5;border-top:3px solid #10b981}.report-metrics .metric-card:nth-child(3){--report-glow:#fffbeb;border-top:3px solid #f59e0b}.report-metrics .metric-card:nth-child(4){--report-glow:#f0f9ff;border-top:3px solid #0ea5e9}.report-metrics .metric-copy,.report-metrics .metric-icon{z-index:1;position:relative}.report-metrics .metric-copy strong{font-size:21px}.report-summary-strip>div,.aging-grid article{background:linear-gradient(145deg,#fff,#f8fafc);border:0;position:relative;overflow:hidden;box-shadow:0 7px 22px #0f172a0e}.report-summary-strip>div:before,.aging-grid article:before{content:"";background:#818cf8;width:4px;position:absolute;inset:0 auto 0 0}.aging-grid article:first-child:before{background:#38bdf8}.aging-grid article:nth-child(2):before{background:#facc15}.aging-grid article:nth-child(3):before{background:#fb923c}.aging-grid article:nth-child(4):before{background:#f43f5e}.aging-grid article:nth-child(5):before{background:#be123c}.report-table-panel{border-radius:17px;padding:0;overflow:hidden;box-shadow:0 10px 32px #0f172a0f}.report-table-panel>.panel-header{background:linear-gradient(#fff,#fbfcfe);border-bottom:1px solid #edf0f5;padding:18px 20px}.report-table-panel>.panel-header>span{color:#4338ca;background:#eef2ff;border-radius:8px;padding:6px 10px;font-size:11px;font-weight:800}.report-table{border-collapse:separate;border-spacing:0;width:100%}.report-table thead th{color:#64748b;letter-spacing:.55px;text-align:left;text-transform:uppercase;background:#f8fafc;padding:11px 13px;font-size:10px;font-weight:850;position:sticky;top:0}.report-table tbody td{color:#475569;border-bottom:1px solid #f0f2f6;padding:13px}.report-table tbody tr{transition:background .14s}.report-table tbody tr:hover{background:#fafaff}.report-table tbody tr:last-child td{border-bottom:0}.report-code{color:#334155;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:4px 7px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.report-status{white-space:nowrap;border-radius:999px;align-items:center;width:max-content;padding:4px 8px;font-size:10px;font-weight:850;display:inline-flex!important}.report-status.success{color:#047857;background:#ecfdf5}.report-status.danger{color:#be123c;background:#fff1f2}.report-status.warning{color:#b45309;background:#fffbeb}.report-status.info{color:#4338ca;background:#eef2ff}.report-table-panel .pagination{background:#fbfcfe;border-top:1px solid #edf0f5;margin:0;padding:14px 18px}.report-footnote{margin-top:6px;font-size:11px}.report-footnote svg{color:#818cf8}@media (max-width:1100px){.report-hero{grid-template-columns:1fr}.report-hero-meta{max-width:680px}.report-tabs.panel{top:62px}.report-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:700px){.report-hero{border-radius:17px;padding:20px}.report-hero-copy{align-items:flex-start}.report-hero-copy h1{font-size:25px}.report-hero-copy div>span{font-size:12px}.report-hero-meta{grid-template-columns:1fr 1fr}.report-hero-meta>span:first-child{grid-column:1/-1}.report-tabs.panel{margin-inline:-2px;top:58px}.report-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.report-filter-head{align-items:flex-start}.report-date-chip{display:none}.report-metrics .metric-card,.report-table-panel>.panel-header{padding:15px}}@media (max-width:500px){.report-hero-icon{flex-basis:46px;width:46px;height:46px}.report-hero-meta{grid-template-columns:1fr}.report-hero-meta>span:first-child{grid-column:auto}.report-filter-grid{grid-template-columns:1fr}.report-summary-strip,.aging-grid{gap:8px}.report-summary-strip>div,.aging-grid article{padding:13px}.report-summary-strip strong,.aging-grid strong{font-size:15px}}.report-search-field{grid-column:span 2}.ledger-panel{padding:0;overflow:hidden}.overdue-ledger{display:grid}.ledger-customer{border-bottom:1px solid #edf0f5}.ledger-customer:last-child{border-bottom:0}.ledger-customer>summary{cursor:pointer;grid-template-columns:auto minmax(180px,1.3fr) minmax(170px,1fr) minmax(130px,.7fr) minmax(145px,.8fr) auto;align-items:center;gap:14px;padding:16px 20px;list-style:none;transition:background .15s;display:grid}.ledger-customer>summary::-webkit-details-marker{display:none}.ledger-customer>summary:hover,.ledger-customer[open]>summary{background:#fafaff}.ledger-avatar{color:#4338ca;background:linear-gradient(145deg,#eef2ff,#e0e7ff);border-radius:12px;place-items:center;width:42px;height:42px;font-weight:900;display:grid}.ledger-customer summary>span:not(.ledger-avatar){gap:3px;min-width:0;display:grid}.ledger-customer summary small,.ledger-customer summary em{color:#8a93a5;font-size:10px;font-style:normal}.ledger-customer summary strong{color:#334155;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ledger-person>strong{font-size:13px!important}.ledger-months{background:#fffbeb;border-radius:999px;width:max-content;padding:4px 8px;font-size:11px;color:#b45309!important}.ledger-total{text-align:right;justify-items:end}.ledger-total strong{font-size:15px;color:#be123c!important}.ledger-chevron{color:#94a3b8;transition:transform .2s}.ledger-customer[open] .ledger-chevron{transform:rotate(180deg)}.ledger-expanded{background:#fafbff;padding:0 20px 17px 76px}.ledger-invoices{background:#fff;border:1px solid #e5e9f2;border-radius:11px;overflow:hidden}.ledger-invoices article{border-bottom:1px solid #edf0f5;grid-template-columns:.65fr 1.35fr .9fr 1fr .8fr;align-items:center;gap:12px;padding:11px 13px;display:grid}.ledger-invoices article:last-child{border-bottom:0}.ledger-invoices span{gap:3px;display:grid}.ledger-invoices small{color:#94a3b8;text-transform:uppercase;font-size:9px}.ledger-invoices strong,.ledger-invoices a{font-size:11px}.ledger-invoices a{color:#4338ca;font-weight:800}.ledger-invoices em{color:#94a3b8;font-size:10px;font-style:normal}.ledger-actions{justify-content:flex-end;gap:8px;margin-top:12px;display:flex}.ledger-actions button,.ledger-actions a{min-height:39px}.ledger-empty{text-align:center;justify-items:center;padding:48px 20px;display:grid}.ledger-empty svg{color:#818cf8;width:42px;height:42px}.ledger-empty h3{margin:12px 0 5px}.ledger-empty p{max-width:460px;color:var(--muted);margin:0}.ledger-payment-modal{text-align:left}.ledger-payment-modal>h2,.ledger-payment-modal>p{text-align:center}.ledger-modal-icon{color:#fff;background:linear-gradient(135deg,#4338ca,#6366f1);border-radius:16px;place-items:center;width:58px;height:58px;margin:0 auto 13px;display:grid}.ledger-fifo-note{color:#475569;background:#f8fafc;border-radius:8px;margin:13px 0;padding:10px;display:block}.ledger-submit{justify-content:center;width:100%}.ledger-allocation-result{border:1px solid var(--line);border-radius:10px;max-height:240px;margin:16px 0;display:grid;overflow:auto}.ledger-allocation-result>div{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.ledger-allocation-result>div:last-child{border:0}.ledger-allocation-result span{text-align:left;display:grid}.ledger-allocation-result small{color:var(--muted)}.ledger-result-modal .payment-success-actions{grid-template-columns:repeat(3,1fr)}.ledger-result-modal .payment-success-actions button{min-width:0}.ledger-result-modal .filter-button{align-items:center;gap:6px;display:flex}.ledger-result-modal .filter-button svg{width:17px}.batch-receipt-print{max-width:520px}@media (max-width:1000px){.ledger-customer>summary{grid-template-columns:auto 1fr 1fr auto}.ledger-customer>summary>span:nth-child(4),.ledger-customer>summary>span:nth-child(5){grid-column:2/3}.ledger-total{text-align:left;grid-row:2;justify-items:start;grid-column:3/4!important}.ledger-expanded{padding-left:20px}}@media (max-width:700px){.report-search-field{grid-column:span 2}.ledger-customer>summary{grid-template-columns:auto 1fr auto;gap:10px;padding:14px}.ledger-customer>summary>span:nth-child(3){grid-column:2/-1}.ledger-customer>summary>span:nth-child(4){grid-column:2}.ledger-total{grid-row:auto;grid-column:2!important}.ledger-chevron{grid-area:1/3}.ledger-expanded{padding:0 14px 14px}.ledger-invoices article{grid-template-columns:1fr 1fr}.ledger-invoices article>span:nth-child(2){grid-column:span 2}.ledger-actions{grid-template-columns:1fr;display:grid}.ledger-actions>*{justify-content:center;width:100%}.ledger-result-modal .payment-success-actions{grid-template-columns:1fr}}@media (max-width:500px){.report-search-field{grid-column:span 1}.ledger-customer>summary{grid-template-columns:auto 1fr auto}.ledger-invoices article{grid-template-columns:1fr 1fr}.ledger-payment-modal .form-grid{grid-template-columns:1fr}}@media print{.payment-success-backdrop:has(.batch-receipt-print){background:#fff;padding:0;display:block;position:static}.batch-receipt-print{max-width:none;box-shadow:none}.ledger-customer>summary{grid-template-columns:1fr 1fr 1fr 1fr;padding:8px}.ledger-avatar,.ledger-chevron{display:none}.ledger-expanded{padding:0 8px 8px;display:block}.ledger-invoices article{padding:6px}.ledger-panel>.panel-header{padding:10px}}.ledger-panel>.panel-header{background:radial-gradient(circle at 94% 0,#818cf829,#0000 32%),linear-gradient(#fff,#fafaff);padding:21px 22px;position:relative;overflow:hidden}.ledger-panel>.panel-header:before{content:"";background:linear-gradient(#6366f1,#a78bfa);width:4px;position:absolute;inset:0 auto 0 0}.ledger-panel>.panel-header h2{font-size:17px}.ledger-column-head{color:#94a3b8;letter-spacing:.8px;text-transform:uppercase;background:#f8fafc;border-bottom:1px solid #e8ebf2;grid-template-columns:minmax(230px,1.3fr) minmax(180px,1fr) minmax(145px,.7fr) minmax(150px,.8fr);gap:14px;padding:10px 58px 10px 76px;font-size:9px;font-weight:850;display:grid}.ledger-column-head span:last-child{text-align:right}.ledger-customer{background:#fff;transition:box-shadow .18s}.ledger-customer[open]{z-index:2;background:#fff;border:1px solid #dfe3f4;border-radius:14px;margin:7px 8px;position:relative;box-shadow:0 10px 30px #1e296317}.ledger-customer[open]+.ledger-customer{border-top:1px solid #edf0f5}.ledger-customer[open]>summary{background:linear-gradient(100deg,#fafaff,#f5f3ff);border-radius:14px 14px 0 0}.ledger-avatar{position:relative;box-shadow:inset 0 0 0 1px #6366f114,0 5px 12px #4f46e51a}.ledger-avatar:after{content:"";background:#10b981;border:2px solid #fff;border-radius:50%;width:10px;height:10px;position:absolute;bottom:-2px;right:-2px}.ledger-name-line{align-items:center;gap:7px;display:flex!important}.ledger-name-line>strong{font-size:13px}.ledger-person>small{align-items:center;gap:5px;display:flex}.ledger-person>small svg{color:#818cf8}.ledger-person>small i{color:#cbd5e1;font-style:normal}.ledger-service{border-radius:999px;width:max-content;padding:3px 6px;font-style:normal;font-weight:850;font-size:8px!important;display:inline-flex!important}.ledger-service.active{color:#047857;background:#ecfdf5}.ledger-service.isolated{color:#b45309;background:#fffbeb}.ledger-service.suspended,.ledger-service.terminated{color:#be123c;background:#fff1f2}.ledger-location>small,.ledger-duration>small{align-items:center;gap:4px;display:flex}.ledger-location>small svg,.ledger-duration>small svg{color:#818cf8}.ledger-location>em{align-items:center;gap:4px;display:flex!important}.ledger-location>em svg{color:#6366f1}.ledger-duration>span{align-items:center;gap:5px;display:flex!important}.ledger-risk{border-radius:999px;width:max-content;padding:4px 7px;font-style:normal;font-weight:850;font-size:8px!important;display:inline-flex!important}.ledger-risk.\31 _7{color:#0369a1;background:#f0f9ff}.ledger-risk.\38 _30{color:#b45309;background:#fffbeb}.ledger-risk.\33 1_60{color:#c2410c;background:#fff7ed}.ledger-risk.over_60{color:#be123c;background:#fff1f2}.ledger-total strong{letter-spacing:-.35px}.ledger-periods{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:10px;display:flex}.ledger-periods>span{color:#64748b;margin-right:3px;font-size:10px;font-weight:800}.ledger-periods>strong{color:#4338ca;background:#fff;border:1px solid #dfe3f4;border-radius:6px;padding:4px 7px;font-size:9px}.ledger-invoices{box-shadow:0 4px 14px #0f172a09}.ledger-invoices article:nth-child(2n){background:#fcfcfe}.ledger-invoices article:hover{background:#f8f7ff}.ledger-actions{padding-top:2px}.ledger-actions .whatsapp-button{padding:0 13px;box-shadow:0 5px 12px #16a34a29}.ledger-actions .primary-button{height:39px}.ledger-payment-modal{border:1px solid #c7d2fe99;padding:30px;box-shadow:0 28px 80px #0f172a61}.ledger-payment-modal .form-grid{background:#f8fafc;border:1px solid #e8ebf2;border-radius:12px;margin-top:18px;padding:15px}.ledger-result-modal{border-top:4px solid #10b981}.ledger-allocation-result>div:nth-child(2n){background:#f8fafc}@media (max-width:1000px){.ledger-column-head{display:none}.ledger-customer[open]{margin:7px}.ledger-name-line{flex-wrap:wrap}.ledger-location{grid-row:1;grid-column:3/4!important}.ledger-duration{grid-row:2;grid-column:2!important}.ledger-total{grid-column:3!important}}@media (max-width:700px){.ledger-panel{box-shadow:none;background:0 0;border:0}.ledger-panel>.panel-header{border:1px solid #e7eaf0;border-radius:14px;margin-bottom:8px}.ledger-customer{border-radius:14px;box-shadow:0 6px 18px #0f172a0d;border:1px solid #e7eaf0!important;margin-bottom:8px!important}.ledger-customer>summary,.ledger-customer[open]>summary{border-radius:14px}.ledger-customer[open]>summary{border-radius:14px 14px 0 0}.ledger-location{grid-row:auto;grid-column:2/-1!important}.ledger-duration{grid-row:auto;grid-column:2!important}.ledger-total{grid-column:2!important}.ledger-expanded{border-radius:0 0 14px 14px}.ledger-periods{padding-top:4px}}@media (max-width:500px){.ledger-customer>summary{padding:13px 12px}.ledger-avatar{width:38px;height:38px}.ledger-name-line>strong{max-width:190px}.ledger-duration>span{flex-wrap:wrap}.ledger-total strong{font-size:17px}.ledger-invoices{border-radius:9px}.ledger-invoices article{padding:10px}.ledger-payment-modal{padding:26px 16px}}.payment-tabs{background:#fff;border:1px solid #e5e7ef;border-radius:13px;gap:5px;width:max-content;margin-bottom:14px;padding:5px;display:flex;box-shadow:0 7px 22px #0f172a0d}.payment-tabs a{color:#64748b;text-align:center;border-radius:9px;min-width:105px;padding:9px 15px;font-size:12px;font-weight:800}.payment-tabs a.active{color:#fff;background:linear-gradient(135deg,#4f46e5,#6366f1);box-shadow:0 6px 15px #4f46e538}.payment-crud{padding:0;overflow:hidden}.payment-crud-head{background:linear-gradient(#fff,#fafaff);border-bottom:1px solid #edf0f5;justify-content:space-between;align-items:center;gap:14px;padding:19px 21px;display:flex}.payment-crud-head>div{align-items:center;gap:12px;display:flex}.payment-crud-head h2{margin:1px 0 3px}.payment-crud-head small{color:#8a93a5}.payment-crud-icon{color:#4f46e5;background:#eef2ff;border-radius:12px;place-items:center;width:43px;height:43px;display:grid}.payment-crud-filters{border-bottom:1px solid #edf0f5;grid-template-columns:minmax(260px,2fr) repeat(7,minmax(120px,1fr));gap:8px;padding:13px 16px;display:grid}.payment-crud-filters label{position:relative}.payment-crud-filters label svg{color:#94a3b8;width:16px;position:absolute;top:10px;left:11px}.payment-crud-filters input,.payment-crud-filters select{color:#475569;background:#fff;border:1px solid #dfe3ea;border-radius:9px;width:100%;height:38px;padding:0 10px;font-size:11px}.payment-crud-filters label input{padding-left:34px}.payment-crud-table{min-width:1050px}.payment-correction-modal{text-align:left;max-width:660px}.payment-correction-modal>h2,.payment-correction-modal>p{text-align:center}.payment-detail-mark{color:#fff;background:#6366f1;border-radius:15px;place-items:center;width:54px;height:54px;margin:0 auto 12px;display:grid}.payment-detail-mark.cancelled{background:#64748b}.payment-gateway-note,.payment-cancelled-note,.payment-reversal-warning{border-radius:9px;margin:13px 0;padding:11px 12px;font-size:11px;line-height:1.5}.payment-gateway-note{color:#1d4ed8;background:#eff6ff}.payment-cancelled-note,.payment-reversal-warning{color:#be123c;background:#fff1f2}.payment-correction-actions,.payment-correction-submit{border-top:1px solid #edf0f5;justify-content:flex-end;gap:8px;margin-top:13px;padding-top:13px;display:flex}.payment-correction-actions button{align-items:center;gap:6px;display:flex}.payment-correction-actions svg{width:16px}.danger-button{color:#fff;background:#dc2626;border:0;border-radius:9px;justify-content:center;align-items:center;gap:6px;min-height:38px;padding:0 14px;font-size:11px;font-weight:800;display:inline-flex}.danger-button:disabled{opacity:.55}.payment-correction-form{margin-top:15px}.payment-correction-form>label{color:#344054;gap:6px;margin-top:12px;font-size:11px;font-weight:800;display:grid}.payment-correction-form textarea{resize:vertical;border:1px solid #dfe3ea;border-radius:9px;padding:10px}.payment-correction-history{background:#fafbfc;border:1px solid #e7eaf0;border-radius:10px;gap:7px;margin-top:14px;padding:12px;display:grid}.payment-correction-history>strong{font-size:11px}.payment-correction-history article{border-top:1px solid #e8ebf0;grid-template-columns:1fr auto;gap:3px 10px;padding-top:7px;display:grid}.payment-correction-history article span{font-size:10px;font-weight:800}.payment-correction-history article small{color:#94a3b8;font-size:9px}.payment-correction-history article p{color:#64748b;text-align:left;grid-column:1/-1;margin:0;font-size:10px}@media (max-width:1100px){.payment-crud-filters{grid-template-columns:repeat(4,minmax(0,1fr))}.payment-crud-filters label{grid-column:span 2}}@media (max-width:700px){.payment-tabs{grid-template-columns:repeat(3,1fr);width:100%;display:grid}.payment-tabs a{min-width:0}.payment-crud-head{align-items:flex-start}.payment-crud-filters{grid-template-columns:1fr 1fr}.payment-crud-filters label{grid-column:1/-1}.payment-correction-modal{padding:25px 16px}.payment-correction-actions,.payment-correction-submit{grid-template-columns:1fr;display:grid}.payment-correction-actions button,.payment-correction-submit button{width:100%}}.clickable-row{cursor:pointer;transition:background-color .15s}.clickable-row:hover{background-color:#f8fafc!important}.clickable-card{cursor:pointer;transition:transform .15s,box-shadow .15s}.clickable-card:hover{transform:translateY(-1px);box-shadow:0 4px 14px #0f172a14!important}.payment-reversal-hero{background:linear-gradient(135deg,#fff7f7,#fff1f2);border:1px solid #fecaca;border-radius:13px;align-items:flex-start;gap:12px;margin-top:16px;padding:14px;display:flex}.payment-reversal-hero>span{color:#fff;background:linear-gradient(135deg,#ef4444,#be123c);border-radius:11px;flex:0 0 40px;place-items:center;height:40px;display:grid;box-shadow:0 6px 15px #be123c33}.payment-reversal-hero svg{width:20px}.payment-reversal-hero strong{color:#9f1239;font-size:12px}.payment-reversal-hero p{color:#881337;text-align:left;margin:4px 0 0;font-size:10px;line-height:1.55}.payment-reversal-summary{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:11px;display:grid}.payment-reversal-summary article{background:#fafbfc;border:1px solid #e8ebf2;border-radius:11px;align-items:center;gap:9px;min-width:0;padding:11px;display:flex}.payment-reversal-summary article>svg,.payment-reversal-count{color:#6366f1;flex:0 0 27px}.payment-reversal-summary article>svg{width:19px}.payment-reversal-count{background:#eef2ff;border-radius:8px;place-items:center;height:27px;font-size:11px;font-weight:900;display:grid}.payment-reversal-summary span{min-width:0;display:grid}.payment-reversal-summary small{color:#8a93a5;text-transform:uppercase;font-size:8px}.payment-reversal-summary strong{color:#344054;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.payment-correction-form>label>small{color:#98a2b3;margin-left:auto;font-size:9px;font-weight:500}.payment-confirmation-field{background:#fff8f8;border:1px dashed #fda4af;border-radius:11px;padding:12px}.payment-confirmation-field input{letter-spacing:1.5px;text-align:center;font-weight:900;background:#fff!important;border-color:#fda4af!important}.payment-correction-submit .danger-button:not(:disabled){box-shadow:0 8px 20px #dc262638}.payment-correction-submit .danger-button:disabled{cursor:not-allowed;box-shadow:none}@media (max-width:600px){.payment-reversal-summary{grid-template-columns:1fr}.payment-reversal-summary article{padding:10px}.payment-reversal-hero{padding:12px}}.provisioning-template-actions,.provisioning-section-toolbar{justify-content:flex-end;gap:8px;display:flex}.provisioning-template-actions{background:#fafbfc;border-top:1px solid #edf0f5;border-bottom:1px solid #edf0f5;padding:13px 17px}.provisioning-template-actions button,.provisioning-add-button{align-items:center;gap:6px;display:inline-flex}.provisioning-template-actions svg,.provisioning-add-button svg{width:15px}.provisioning-section-toolbar{margin-bottom:12px}.provisioning-lock-note{color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:10px;align-items:center;gap:8px;margin:12px 17px;padding:10px 12px;font-size:11px;display:flex}.provisioning-lock-note svg{width:16px}.provisioning-row-actions{gap:5px;display:flex}.provisioning-row-actions button{color:#6366f1;cursor:pointer;background:#fff;border:1px solid #e1e5ec;border-radius:8px;place-items:center;width:31px;height:31px;display:grid}.provisioning-row-actions button:last-child{color:#dc2626}.provisioning-row-actions button:disabled{color:#b8bfca;cursor:not-allowed;background:#f7f8fa}.provisioning-row-actions svg{width:14px}.provisioning-master-editor{text-align:left;width:min(720px,100%)}.provisioning-master-editor>h2,.provisioning-master-editor>p{text-align:center}.provisioning-master-editor .form-grid{background:#fafbfc;border:1px solid #e7eaf0;border-radius:13px;margin-top:16px;padding:16px}.provisioning-master-editor textarea{border:1px solid #dfe3ea;border-radius:9px;width:100%;padding:10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.provisioning-check{background:#fff;border:1px solid #dfe3ea;border-radius:9px;align-items:center;gap:9px;min-height:42px;margin-top:20px;padding:9px 11px;display:flex!important}.provisioning-check input{width:17px!important;height:17px!important}.provisioning-check span{font-weight:700}.provisioning-master-editor .form-actions{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff5;border-top:1px solid #e7eaf0;border-radius:0 0 20px 20px;margin:17px -28px -28px;padding:14px 28px;position:sticky;bottom:-28px}@media (max-width:700px){.provisioning-template-actions{grid-template-columns:1fr 1fr;display:grid}.provisioning-template-actions .danger-button{grid-column:1/-1}.provisioning-template-actions button,.provisioning-add-button{justify-content:center;width:100%}.provisioning-master-editor .form-grid{grid-template-columns:1fr;padding:12px}.provisioning-master-editor .form-actions{margin:15px -18px -24px;padding:12px 18px;bottom:-24px}.provisioning-section-toolbar{display:grid}}.provisioning-control-grid{gap:14px;margin-bottom:18px}.provisioning-control-grid .master-form{background:radial-gradient(circle at 100% 0,#818cf821,#0000 34%),linear-gradient(145deg,#fff,#fafbff);border:1px solid #e5e9f2;border-radius:17px;padding:21px;position:relative;overflow:hidden;box-shadow:0 9px 30px #0f172a0e}.provisioning-control-grid .master-form:before{content:"";background:linear-gradient(#6366f1,#a78bfa);width:4px;position:absolute;inset:0 auto 0 0}.provisioning-control-icon{float:right;border-radius:13px;place-items:center;width:44px;height:44px;display:grid}.provisioning-control-icon svg{width:20px}.provisioning-control-icon.indigo{color:#4338ca;background:#eef2ff}.provisioning-control-icon.violet{color:#7e22ce;background:#faf5ff}.provisioning-control-grid h2{margin:2px 0 5px;font-size:17px}.provisioning-control-copy{color:#7c8597;max-width:520px;margin:0 0 16px;font-size:11px;line-height:1.55}.provisioning-control-grid .form-actions{margin-top:auto;padding-top:15px}.provisioning-master-dynamic{border:1px solid #e3e7f0;border-radius:19px;padding:0;overflow:hidden;box-shadow:0 14px 40px #0f172a12}.provisioning-master-hero{color:#fff;background:radial-gradient(circle at 85% 0,#a78bfa80,#0000 30%),linear-gradient(125deg,#111936,#293879 62%,#4f46e5);grid-template-columns:1fr auto;align-items:center;gap:20px;padding:24px 25px;display:grid;position:relative;overflow:hidden}.provisioning-master-hero:after{content:"";border:35px solid #ffffff0e;border-radius:50%;width:210px;height:210px;position:absolute;bottom:-90px;right:-45px}.provisioning-master-hero-copy,.provisioning-master-hero-stats{z-index:1;position:relative}.provisioning-master-hero-copy{align-items:center;gap:14px;display:flex}.provisioning-master-hero-copy>span{background:#ffffff1c;border:1px solid #ffffff2e;border-radius:15px;flex:0 0 50px;place-items:center;height:50px;display:grid;box-shadow:inset 0 1px #ffffff29}.provisioning-master-hero-copy>span svg{width:24px}.provisioning-master-hero-copy p{color:#c7d2fe;letter-spacing:1.3px;text-transform:uppercase;margin:0 0 3px;font-size:9px;font-weight:850}.provisioning-master-hero-copy h2{letter-spacing:-.5px;margin:0;font-size:23px}.provisioning-master-hero-copy small{color:#cbd5f2;margin-top:5px;font-size:10px;display:block}.provisioning-master-hero-stats{grid-template-columns:repeat(3,minmax(95px,1fr));gap:7px;display:grid}.provisioning-master-hero-stats article{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff17;border:1px solid #ffffff24;border-radius:11px;align-items:center;gap:8px;padding:10px;display:flex}.provisioning-master-hero-stats article>svg{color:#c7d2fe;width:17px}.provisioning-master-hero-stats article>span{display:grid}.provisioning-master-hero-stats small{color:#b9c5e9;font-size:8px}.provisioning-master-hero-stats strong{font-size:12px}.provisioning-master-toolbar{background:#fff;border-bottom:1px solid #edf0f5;align-items:center;margin:0;padding:18px 20px}.provisioning-master-toolbar select{background:#fafbfc;border-color:#dfe3ec;border-radius:10px;height:42px}.provisioning-template-summary>div{background:linear-gradient(145deg,#f8fafc,#f4f5fa);border:0;border-radius:11px;justify-content:center;min-height:62px;padding:10px 12px}.provisioning-template-summary span{text-transform:uppercase;font-size:9px}.provisioning-template-summary strong{color:#334155;font-size:12px}.provisioning-template-actions{padding:11px 20px}.provisioning-master-tabs{background:#f8fafc;border-bottom:1px solid #e8ebf2;gap:4px;margin:0;padding:10px 16px}.provisioning-master-tabs button{background:0 0;border-color:#0000;border-radius:9px;min-height:38px;padding:7px 13px;font-size:11px;transition:all .16s}.provisioning-master-tabs button:hover{color:#4338ca;background:#eef2ff}.provisioning-master-tabs button.active{color:#fff;background:linear-gradient(135deg,#4338ca,#6366f1);border-color:#0000;box-shadow:0 6px 14px #4338ca38}.provisioning-master-content{background:#fff;min-height:220px;padding:18px 20px}.provisioning-master-content .table-scroll{border:1px solid #e7eaf0;border-radius:12px;overflow:hidden}.provisioning-master-content .data-table th{background:#f8fafc}.provisioning-master-content .data-table tbody tr{transition:background .15s}.provisioning-master-content .data-table tbody tr:hover{background:#fafaff}.provisioning-master-content .data-table td:first-child{color:#334155;font-weight:800}.provisioning-setting-grid>div{background:linear-gradient(145deg,#f8fafc,#f5f3ff);border:0;border-radius:12px;padding:15px;position:relative;overflow:hidden}.provisioning-setting-grid>div:before{content:"";background:#818cf8;width:3px;position:absolute;inset:0 auto 0 0}.provisioning-setting-grid span{text-transform:uppercase;font-size:9px}.provisioning-setting-grid strong{color:#334155;font-size:12px}.provisioning-master-dynamic>.ppp-sync-note{background:#fafbfc;border-top:1px solid #edf0f5;border-radius:0;margin:0;padding:11px 20px}.provisioning-master-empty{text-align:center;justify-items:center;gap:8px;padding:45px;display:grid}.provisioning-master-empty:before{content:"";background:linear-gradient(135deg,#e0e7ff,#f5f3ff);border-radius:17px;width:58px;height:58px}@media (max-width:1000px){.provisioning-master-hero{grid-template-columns:1fr}.provisioning-master-hero-stats{max-width:480px}.provisioning-master-toolbar{grid-template-columns:1fr}.provisioning-template-summary{grid-template-columns:repeat(4,1fr)}}@media (max-width:700px){.provisioning-control-grid{grid-template-columns:1fr}.provisioning-master-hero{padding:20px 16px}.provisioning-master-hero-copy{align-items:flex-start}.provisioning-master-hero-copy h2{font-size:19px}.provisioning-master-hero-stats{grid-template-columns:repeat(3,1fr)}.provisioning-master-hero-stats article{text-align:center;justify-items:center;display:grid}.provisioning-master-toolbar{padding:15px}.provisioning-template-summary{grid-template-columns:1fr 1fr}.provisioning-template-actions{padding:10px 15px}.provisioning-master-tabs{padding-inline:12px}.provisioning-master-content{padding:14px}.provisioning-master-content .table-scroll{overflow-x:auto}.provisioning-master-dynamic>.ppp-sync-note{padding:11px 14px}}@media (max-width:440px){.provisioning-master-hero-stats{gap:5px}.provisioning-master-hero-stats article{padding:8px 4px}.provisioning-master-hero-copy small{max-width:250px}.provisioning-control-grid .master-form{padding:18px 16px}}.sidebar-nav a{will-change:transform,background-color;position:relative}.sidebar-nav a.pending{background:linear-gradient(90deg,#4338ca,#6366f1);overflow:hidden;box-shadow:0 9px 24px #4338ca47}.sidebar-nav a.pending:after{content:"";background:linear-gradient(90deg,#0000,#ffffff21,#0000);animation:1s ease-in-out infinite sidebar-native-shimmer;position:absolute;inset:0;transform:translate(-110%)}.sidebar-link-spinner{z-index:1;animation:.7s linear infinite native-spin;width:16px!important;height:16px!important}.native-route-progress{z-index:120;pointer-events:none;background:#6366f11f;height:3px;position:fixed;top:0;left:252px;right:0;overflow:hidden}.native-route-progress span{background:linear-gradient(90deg,#818cf8,#4f46e5,#a78bfa);border-radius:999px;width:42%;height:100%;animation:1.05s cubic-bezier(.4,0,.2,1) infinite native-route-slide;display:block;box-shadow:0 0 10px #6366f199}.native-page-loading{gap:18px;animation:.18s ease-out native-content-in;display:grid}.native-loading-heading{align-items:center;gap:13px;display:flex}.native-loading-heading>span{background:#e9ecf3;border-radius:13px;width:46px;height:46px}.native-loading-heading>div{gap:8px;width:min(420px,68%);display:grid}.native-loading-heading i,.native-loading-panel i,.native-loading-panel span,.native-loading-metrics span{background:#e9ecf3;display:block;overflow:hidden}.native-loading-heading i:first-child{border-radius:6px;width:45%;height:12px}.native-loading-heading i:last-child{border-radius:7px;width:100%;height:20px}.native-loading-metrics{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.native-loading-metrics span{border-radius:15px;height:105px}.native-loading-panel{background:#fff;border:1px solid #e7eaf0;border-radius:17px;gap:12px;padding:20px;display:grid}.native-loading-panel i{border-radius:7px;width:30%;height:18px}.native-loading-panel span{border-radius:9px;height:42px}.native-loading-heading span,.native-loading-heading i,.native-loading-metrics span,.native-loading-panel i,.native-loading-panel span{position:relative}.native-loading-heading span:after,.native-loading-heading i:after,.native-loading-metrics span:after,.native-loading-panel i:after,.native-loading-panel span:after{content:"";background:linear-gradient(90deg,#0000,#fffc,#0000);animation:1.25s ease-in-out infinite native-skeleton;position:absolute;inset:0;transform:translate(-100%)}@keyframes native-spin{to{transform:rotate(360deg)}}@keyframes sidebar-native-shimmer{to{transform:translate(110%)}}@keyframes native-route-slide{0%{transform:translate(-110%)}to{transform:translate(340%)}}@keyframes native-skeleton{to{transform:translate(100%)}}@keyframes native-content-in{0%{opacity:.35;transform:translateY(3px)}to{opacity:1;transform:none}}@media (max-width:1050px){.native-route-progress{left:0}.native-loading-metrics{grid-template-columns:1fr 1fr}}@media (max-width:560px){.native-page-loading{gap:12px}.native-loading-metrics{gap:8px}.native-loading-metrics span{height:86px}.native-loading-panel{padding:14px}.native-loading-panel span{height:50px}.topbar-title span{display:none}.topbar-title h1{max-width:170px;font-size:14px}.topbar-title:before{display:none}}@media (prefers-reduced-motion:reduce){.sidebar-nav a,.native-page-loading{transition:none;animation:none}.sidebar-nav a.pending:after,.sidebar-link-spinner,.native-route-progress span,.native-loading-heading span:after,.native-loading-heading i:after,.native-loading-metrics span:after,.native-loading-panel i:after,.native-loading-panel span:after{animation-duration:2.5s}}.sidebar-nav a:active{transform:none}.sidebar-nav a.pending{background:linear-gradient(90deg,#4f46e5,#4338ca);box-shadow:0 6px 16px #4338ca33}.sidebar-nav a.pending:after{display:none}.sidebar-link-spinner{opacity:.82;animation:.85s linear infinite native-spin}.native-route-progress{background:0 0;height:2px}.native-route-progress span{width:0;animation:8s cubic-bezier(.1,.7,.1,1) forwards native-route-load}.content-shell:has(.native-route-progress) .main-content{opacity:.985;transition:opacity .12s}@keyframes native-route-load{0%{width:0}12%{width:28%}45%{width:62%}to{width:82%}}@media (prefers-reduced-motion:reduce){.native-route-progress span{width:70%;animation:none}.sidebar-link-spinner{animation-duration:1.5s}}.cashier-summary-strip{margin-bottom:14px}.cashier-workspace{background:#f6f7fb;border:1px solid #e1e6ef;border-radius:19px;overflow:hidden;box-shadow:0 14px 38px #0f172a13}.cashier-hero{color:#fff;background:radial-gradient(circle at 90% 0,#818cf873,#0000 30%),linear-gradient(125deg,#111936,#263572 62%,#4338ca);grid-template-columns:1fr auto;align-items:center;gap:20px;padding:21px 23px;display:grid}.cashier-hero>div{align-items:center;gap:13px;display:flex}.cashier-hero-icon{background:#ffffff1c;border:1px solid #ffffff2b;border-radius:14px;place-items:center;width:49px;height:49px;display:grid}.cashier-hero-icon svg{width:23px}.cashier-hero p{color:#c7d2fe;letter-spacing:1.25px;text-transform:uppercase;margin:0 0 3px;font-size:9px;font-weight:850}.cashier-hero h2{margin:0;font-size:21px}.cashier-hero small{color:#cbd5e1;margin-top:5px;display:block}.cashier-hero ol{align-items:center;gap:5px;margin:0;padding:0;list-style:none;display:flex}.cashier-hero li{color:#aeb9d8;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:10px;align-items:center;gap:7px;min-width:98px;padding:8px;display:flex}.cashier-hero li i{background:#ffffff1a;border-radius:8px;place-items:center;width:25px;height:25px;font-size:10px;font-style:normal;font-weight:900;display:grid}.cashier-hero li i svg{width:14px}.cashier-hero li span{font-size:9px;font-weight:850;display:grid}.cashier-hero li small{color:#9eabc9;margin:0;font-size:8px;font-weight:500}.cashier-hero li.active,.cashier-hero li.done{color:#fff;background:#ffffff21;border-color:#c7d2fe59}.cashier-hero li.active i{color:#4338ca;background:#fff}.cashier-hero li.done i{color:#fff;background:#10b981}.cashier-layout{grid-template-columns:minmax(330px,.88fr) minmax(460px,1.12fr);gap:14px;padding:14px;display:grid}.cashier-search-card,.cashier-payment-card{background:#fff;border:1px solid #e3e7ef;border-radius:15px;box-shadow:0 6px 20px #0f172a0b}.cashier-search-card{padding:17px}.cashier-payment-card{align-self:start;min-height:560px;padding:18px;position:sticky;top:78px}.cashier-card-heading{align-items:center;gap:10px;margin-bottom:15px;display:flex}.cashier-card-heading>span{color:#4f46e5;background:#eef2ff;border-radius:11px;flex:0 0 39px;place-items:center;height:39px;display:grid}.cashier-card-heading>div{gap:1px;display:grid}.cashier-card-heading p{color:#6366f1;letter-spacing:1px;text-transform:uppercase;margin:0;font-size:8px;font-weight:850}.cashier-card-heading h3{color:#253047;margin:0;font-size:15px}.cashier-card-heading small{color:#8992a4;font-size:9px}.cashier-card-heading>button{color:#4f46e5;background:#fff;border:1px solid #dfe3eb;border-radius:8px;margin-left:auto;padding:6px 9px;font-size:9px;font-weight:800}.cashier-invoice-list{gap:7px;max-height:475px;margin-top:12px;padding-right:3px;display:grid;overflow-y:auto}.cashier-invoice-list>button{text-align:left;cursor:pointer;background:#fff;border:1px solid #e7eaf0;border-radius:11px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;padding:11px;transition:all .15s;display:grid;position:relative}.cashier-invoice-list>button:hover{background:#fafaff;border-color:#c7d2fe;transform:translateY(-1px)}.cashier-invoice-list>button.active{background:linear-gradient(100deg,#f5f3ff,#eef2ff);border-color:#818cf8;box-shadow:0 0 0 2px #6366f11a}.cashier-customer-avatar{color:#4338ca;background:#eef2ff;border-radius:11px;place-items:center;width:38px;height:38px;font-size:10px;font-weight:900;display:grid}.cashier-invoice-main,.cashier-invoice-amount{gap:2px;min-width:0;display:grid}.cashier-invoice-main strong{color:#344054;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.cashier-invoice-main small,.cashier-invoice-amount small,.cashier-invoice-amount em{color:#8c96a8;font-size:8.5px}.cashier-invoice-main em{color:#6366f1;align-items:center;gap:4px;font-size:8.5px;font-style:normal;display:flex}.cashier-invoice-main em svg{width:11px}.cashier-invoice-amount{text-align:right}.cashier-invoice-amount strong{color:#1e293b;font-size:11px}.cashier-invoice-amount em{font-style:normal}.cashier-selected-check{color:#fff;background:#10b981;border:2px solid #fff;border-radius:50%;place-items:center;width:18px;height:18px;display:grid;position:absolute;top:-5px;right:-4px}.cashier-selected-check svg{width:10px}.cashier-empty,.cashier-payment-placeholder{color:#8a93a5;text-align:center;justify-items:center;padding:38px 15px;display:grid}.cashier-empty svg,.cashier-payment-placeholder svg{color:#a5b4fc;width:35px;height:35px}.cashier-empty strong,.cashier-payment-placeholder h3{color:#475569;margin:10px 0 3px}.cashier-empty small,.cashier-payment-placeholder p{margin:0}.cashier-selected-customer{background:linear-gradient(120deg,#fafbff,#f5f3ff);border:1px solid #dfe4ee;border-radius:12px;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;padding:14px;display:grid}.cashier-selected-customer>span{color:#fff;background:linear-gradient(135deg,#4338ca,#6366f1);border-radius:12px;place-items:center;width:42px;height:42px;font-size:11px;font-weight:900;display:grid}.cashier-selected-customer>div{gap:2px;display:grid}.cashier-selected-customer>div:last-child{text-align:right}.cashier-selected-customer small{color:#8a93a5;text-transform:uppercase;font-size:8px}.cashier-selected-customer strong{color:#293449;font-size:12px}.cashier-selected-customer p{color:#7c8598;margin:0;font-size:9px}.cashier-amount-block{background:#fafbfc;border:1px solid #e5e8ef;border-radius:13px;margin-top:13px;padding:14px}.cashier-amount-block>label{color:#344054;gap:7px;font-size:10px;font-weight:800;display:grid}.cashier-amount-block>label>div{background:#fff;border:2px solid #c7d2fe;border-radius:11px;align-items:center;height:53px;display:flex;overflow:hidden}.cashier-amount-block>label span{color:#6366f1;padding-left:14px;font-size:13px}.cashier-amount-block input{width:100%;height:100%;font-weight:850;box-shadow:none!important;background:0 0!important;border:0!important;font-size:21px!important}.cashier-amount-shortcuts{gap:6px;margin-top:8px;display:flex}.cashier-amount-shortcuts button{color:#4f46e5;background:#fff;border:1px solid #dfe3eb;border-radius:8px;padding:6px 9px;font-size:9px;font-weight:800}.cashier-balance-preview{grid-template-columns:1fr 1fr;gap:8px;margin-top:10px;display:grid}.cashier-balance-preview span{background:#fff;border-radius:9px;gap:2px;padding:9px;display:grid}.cashier-balance-preview small{color:#929bac;font-size:8px}.cashier-balance-preview strong{color:#344054;font-size:11px}.cashier-method-grid{margin-top:13px;padding:0}.cashier-method-grid label>small{color:#98a2b3;margin-left:auto;font-size:8px;font-weight:500}.cashier-security-note{color:#047857;background:#ecfdf5;border-radius:9px;align-items:center;gap:9px;margin-top:13px;padding:10px;display:flex}.cashier-security-note svg{width:17px}.cashier-security-note span{display:grid}.cashier-security-note strong{font-size:9px}.cashier-security-note small{color:#438572;font-size:8px}.cashier-submit-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4338ca,#5b4fe5);border:0;border-radius:11px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:48px;margin-top:12px;font-size:11px;font-weight:850;display:flex;box-shadow:0 9px 22px #4338ca3b}.cashier-submit-button svg{width:18px}.cashier-submit-button:disabled{opacity:.5;box-shadow:none;cursor:not-allowed}.cashier-success-modal{border-top:4px solid #10b981}.cashier-success-modal>.eyebrow{margin-bottom:4px}@media (max-width:1050px){.cashier-hero{grid-template-columns:1fr}.cashier-hero ol{max-width:420px}.cashier-layout{grid-template-columns:1fr}.cashier-payment-card{min-height:0;position:static}.cashier-invoice-list{max-height:360px}}@media (max-width:600px){.cashier-summary-strip{grid-template-columns:1fr 1fr}.cashier-workspace{border-radius:16px;margin-inline:-8px}.cashier-hero{padding:18px 14px}.cashier-hero h2{font-size:18px}.cashier-hero ol{grid-template-columns:repeat(3,1fr);width:100%;display:grid}.cashier-hero li{text-align:center;justify-items:center;min-width:0;display:grid}.cashier-hero li span{display:none}.cashier-layout{padding:8px}.cashier-search-card,.cashier-payment-card{border-radius:13px;padding:14px}.cashier-invoice-list>button{grid-template-columns:auto 1fr}.cashier-invoice-amount{text-align:left;grid-column:2}.cashier-selected-customer{grid-template-columns:auto 1fr}.cashier-selected-customer>div:last-child{text-align:left;grid-column:2}.cashier-balance-preview,.cashier-method-grid{grid-template-columns:1fr}.cashier-method-grid .full-width{grid-column:auto}}.cashier-workspace{background:#f8f9fc;margin-top:2px}.cashier-layout{gap:10px;padding:10px}.cashier-search-card,.cashier-payment-card{padding:14px}.cashier-payment-card{min-height:445px}.cashier-card-heading{margin-bottom:11px}.cashier-card-heading>span{border-radius:9px;flex-basis:34px;height:34px}.cashier-card-heading>span svg{width:16px}.cashier-card-heading>em{color:#6366f1;background:#eef2ff;border-radius:8px;margin-left:auto;padding:5px 8px;font-size:8px;font-style:normal;font-weight:850}.cashier-card-heading h3{font-size:13px}.cashier-card-heading small{font-size:8.5px}.cashier-search-card .payment-search-box input{height:44px;font-size:13px}.cashier-search-card .payment-search-box{box-shadow:none;border-width:1px;border-radius:10px}.cashier-search-card .payment-search-meta{margin-top:6px;font-size:9px}.cashier-invoice-list{gap:5px;max-height:390px;margin-top:8px}.cashier-invoice-list>button{border-radius:9px;padding:8px 9px}.cashier-customer-avatar{border-radius:9px;width:33px;height:33px}.cashier-invoice-main strong,.cashier-invoice-amount strong{font-size:10px}.cashier-invoice-main small,.cashier-invoice-main em,.cashier-invoice-amount em{font-size:8px}.cashier-selected-customer{padding:10px}.cashier-selected-customer>span{border-radius:10px;width:36px;height:36px}.cashier-selected-customer strong{font-size:10.5px}.cashier-selected-customer p{font-size:8.5px}.cashier-amount-block{margin-top:9px;padding:10px}.cashier-amount-block>label>div{height:46px}.cashier-amount-block input{font-size:18px!important}.cashier-amount-shortcuts{margin-top:6px}.cashier-balance-preview{justify-content:space-between;gap:6px;margin-top:7px;display:flex}.cashier-balance-preview span{flex:1;padding:7px}.cashier-method-grid{gap:8px;margin-top:9px}.cashier-method-grid input,.cashier-method-grid select{height:39px}.cashier-submit-button{min-height:44px;margin-top:9px}.cashier-payment-placeholder{padding:75px 15px}@media (max-width:600px){.cashier-payment-card{min-height:0}.cashier-invoice-list{max-height:300px}.cashier-balance-preview{grid-template-columns:1fr 1fr;display:grid}.cashier-payment-placeholder{padding:35px 15px}}:root{--app-topbar-height:64px;--app-content-x:24px;--app-content-top:18px;--app-content-bottom:36px;--app-content-gap:14px}.topbar{height:var(--app-topbar-height);padding-inline:var(--app-content-x)}.main-content{gap:var(--app-content-gap);width:100%;max-width:1500px;padding:var(--app-content-top) var(--app-content-x) var(--app-content-bottom);flex-direction:column;display:flex}.main-content>*{flex:none;width:100%;margin-block:0}.main-content>.page-heading-compact.has-actions{min-height:39px;margin-bottom:0}.main-content>.payment-tabs,.main-content>.report-tabs{width:max-content;max-width:100%;margin-bottom:0}.main-content>.metrics-grid,.main-content>.dashboard-grid,.main-content>.summary-strip,.main-content>.cashier-summary-strip,.main-content>.report-summary-strip,.main-content>.aging-grid,.main-content>.report-table-panel{margin-block:0}.topbar-title:before{margin-left:-10px}@media (max-width:1050px){:root{--app-content-x:18px;--app-content-top:16px;--app-content-bottom:30px;--app-content-gap:12px}.topbar{padding-inline:var(--app-content-x)}.menu-button{margin-right:10px}}@media (max-width:700px){:root{--app-topbar-height:58px;--app-content-x:12px;--app-content-top:12px;--app-content-bottom:24px;--app-content-gap:10px}.topbar{height:var(--app-topbar-height);padding-inline:var(--app-content-x)}.main-content{padding:var(--app-content-top) var(--app-content-x) var(--app-content-bottom)}.main-content>.page-heading-compact.has-actions{min-height:36px}}@media print{.main-content{max-width:none!important;padding:0!important;display:block!important}}.simple-cashier{width:min(860px,100%);margin:0 auto}.cashier-steps{grid-template-columns:repeat(4,1fr);margin:0;padding:0;list-style:none;display:grid}.cashier-steps li{color:#98a2b3;justify-content:center;align-items:center;gap:7px;padding:11px;font-size:10px;display:flex;position:relative}.cashier-steps li:not(:last-child):after{content:"";background:#dfe3eb;width:24%;height:1px;position:absolute;top:50%;right:-12%}.cashier-steps li>span{background:#fff;border:1px solid #dfe3eb;border-radius:50%;place-items:center;width:24px;height:24px;font-size:9px;font-weight:850;display:grid}.cashier-steps li>span svg{width:12px}.cashier-steps li.active{color:#4338ca}.cashier-steps li.active>span{color:#fff;background:#4f46e5;border-color:#4f46e5}.cashier-steps li.done{color:#059669}.cashier-steps li.done>span{color:#fff;background:#10b981;border-color:#10b981}.cashier-stage{background:#fff;border:1px solid #e4e7ec;border-radius:16px;padding:22px;box-shadow:0 10px 30px #0f172a0e}.cashier-stage-title{align-items:center;gap:12px;margin-bottom:18px;display:flex}.cashier-stage-title>span{color:#4f46e5;background:#eef2ff;border-radius:11px;flex:0 0 40px;place-items:center;height:40px;display:grid}.cashier-stage-title>span svg{width:20px}.cashier-stage-title>div{min-width:0}.cashier-stage-title h2,.cashier-stage-title p{margin:0}.cashier-stage-title h2{font-size:15px}.cashier-stage-title p{color:#8490a3;margin-top:3px;font-size:10px}.cashier-stage-title>small{color:#6366f1;background:#eef2ff;border-radius:8px;margin-left:auto;padding:5px 8px;font-size:9px;font-weight:800}.cashier-stage-title>button{align-items:center;gap:4px;margin-left:auto;display:flex}.cashier-stage-title>button svg{width:14px}.cashier-search-stage{min-height:230px}.cashier-autocomplete{position:relative}.cashier-search-stage .payment-search-box{border-color:#c7d2fe;box-shadow:0 0 0 3px #f1f3ff}.cashier-search-dropdown{z-index:5;background:#fff;border:1px solid #dfe3eb;border-radius:12px;max-height:310px;position:absolute;top:calc(100% + 7px);left:0;right:0;overflow-y:auto;box-shadow:0 16px 38px #0f172a24}.cashier-search-dropdown>button{text-align:left;cursor:pointer;background:#fff;border:0;border-bottom:1px solid #edf0f4;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;width:100%;padding:10px 12px;display:grid}.cashier-search-dropdown>button:hover,.cashier-search-dropdown>button:focus{background:#f7f7ff;outline:0}.cashier-search-dropdown>button>span{gap:2px;min-width:0;display:grid}.cashier-search-dropdown>button>span:last-child{text-align:right}.cashier-search-dropdown strong,.cashier-search-dropdown small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cashier-search-dropdown strong{color:#344054;font-size:10px}.cashier-search-dropdown small{color:#8d96a7;font-size:8.5px}.cashier-search-state{color:#8a93a5;text-align:center;padding:20px;font-size:10px}.cashier-customer-identity{color:#fff;background:linear-gradient(125deg,#17213f,#343e7c);border-radius:12px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:14px;display:grid}.cashier-customer-identity>span{background:#ffffff21;border-radius:12px;place-items:center;width:42px;height:42px;font-size:11px;font-weight:900;display:grid}.cashier-customer-identity h3,.cashier-customer-identity p{margin:0}.cashier-customer-identity h3{font-size:13px}.cashier-customer-identity p{color:#b8c1d8;margin-top:3px;font-size:9px}.cashier-customer-identity>div:last-child{text-align:right}.cashier-customer-identity small,.cashier-customer-identity strong{display:block}.cashier-customer-identity small{color:#aeb8d1;font-size:8px}.cashier-customer-identity strong{margin-top:3px;font-size:12px}.cashier-verify-grid{grid-template-columns:1fr 1fr;gap:8px;margin-top:10px;display:grid}.cashier-verify-grid article{background:#fafbfc;border:1px solid #e7eaf0;border-radius:10px;align-items:flex-start;gap:8px;padding:10px;display:flex}.cashier-verify-grid article.wide{grid-column:1/-1}.cashier-verify-grid svg{color:#6366f1;flex:0 0 15px;width:15px}.cashier-verify-grid span,.cashier-verify-grid small,.cashier-verify-grid strong{display:block}.cashier-verify-grid small{color:#929aac;font-size:8px}.cashier-verify-grid strong{color:#344054;margin-top:3px;font-size:9.5px}.cashier-invoice-verification{background:#e4e7ec;border:1px solid #e4e7ec;border-radius:11px;grid-template-columns:1.5fr repeat(3,1fr);gap:1px;margin-top:10px;display:grid;overflow:hidden}.cashier-invoice-verification>div{background:#fff;align-content:center;padding:11px;display:grid}.cashier-invoice-verification small,.cashier-invoice-verification strong,.cashier-invoice-verification span{display:block}.cashier-invoice-verification small{color:#98a2b3;font-size:8px}.cashier-invoice-verification strong{margin-top:3px;font-size:10px}.cashier-invoice-verification span{color:#8791a3;margin-top:3px;font-size:8px}.cashier-invoice-verification .outstanding strong{color:#e11d48;font-size:12px}.cashier-confirm-button{color:#fff;background:linear-gradient(135deg,#4f46e5,#4338ca);border:0;border-radius:10px;justify-content:center;align-items:center;gap:7px;width:100%;min-height:44px;margin-top:13px;font-size:11px;font-weight:850;display:flex}.cashier-confirm-button svg{width:17px}.cashier-deposit-box{background:#f5f3ff;border:1px solid #c7d2fe;border-radius:11px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:11px;display:grid}.cashier-deposit-box>svg{color:#4f46e5;width:22px}.cashier-deposit-box div{gap:2px;display:grid}.cashier-deposit-box strong{font-size:10px}.cashier-deposit-box small{color:#7b8496;font-size:8.5px}.cashier-deposit-box button{color:#fff;background:#4f46e5;border:0;border-radius:8px;padding:7px 9px;font-size:9px;font-weight:800}.cashier-payment-fields{grid-template-columns:1fr 1fr;gap:10px;margin-top:12px;display:grid}.cashier-payment-fields>label{color:#344054;gap:6px;font-size:9.5px;font-weight:800;display:grid}.cashier-payment-fields input,.cashier-payment-fields select{background:#fff;border:1px solid #dfe3eb;border-radius:9px;width:100%;height:42px;padding:0 11px}.cashier-money-input{background:#fff;border:1px solid #c7d2fe;border-radius:10px;align-items:center;height:48px;display:flex;overflow:hidden}.cashier-money-input span{color:#6366f1;padding-left:12px;font-weight:850}.cashier-money-input input{border:0;height:100%;font-size:16px;font-weight:850}.cashier-transaction-preview{background:#e5e7eb;border:1px solid #e5e7eb;border-radius:10px;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:12px;display:grid;overflow:hidden}.cashier-transaction-preview span{background:#fafbfc;gap:3px;padding:10px;display:grid}.cashier-transaction-preview small{color:#929bac;font-size:8px}.cashier-transaction-preview strong{color:#344054;font-size:9.5px}.cashier-success-allocations{gap:5px;max-height:130px;margin:10px 0;display:grid;overflow-y:auto}.cashier-success-allocations span{background:#f8fafc;border-radius:8px;justify-content:space-between;align-items:center;padding:7px 9px;display:flex}.cashier-success-allocations small{color:#64748b}.cashier-success-allocations strong{font-size:10px}@media (max-width:600px){.cashier-steps li{gap:4px;padding:8px 2px}.cashier-steps li strong{font-size:8px}.cashier-steps li:not(:last-child):after{display:none}.cashier-stage{padding:14px}.cashier-stage-title{align-items:flex-start;margin-bottom:13px}.cashier-stage-title>small{display:none}.cashier-stage-title>button{white-space:nowrap}.cashier-search-dropdown>button{grid-template-columns:auto 1fr}.cashier-search-dropdown>button>span:last-child{text-align:left;grid-column:2}.cashier-customer-identity{grid-template-columns:auto 1fr}.cashier-customer-identity>div:last-child{text-align:left;grid-column:2}.cashier-verify-grid,.cashier-payment-fields{grid-template-columns:1fr}.cashier-invoice-verification{grid-template-columns:1fr 1fr}.cashier-invoice-verification>div:first-child{grid-column:1/-1}.cashier-transaction-preview{grid-template-columns:1fr 1fr}.cashier-deposit-box{grid-template-columns:auto 1fr}.cashier-deposit-box button{grid-column:1/-1}}.report-summary-strip.deposit-summary{grid-template-columns:repeat(5,minmax(0,1fr))}@media (max-width:900px){.report-summary-strip.deposit-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}.cashier-overdue-badge{color:#be123c;background:#fff1f2;border-radius:999px;width:max-content;margin-top:6px;padding:4px 7px;font-size:8px;font-style:normal;font-weight:850;display:inline-flex}.reward-admin-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.reward-list{gap:8px;margin-top:12px;display:grid}.reward-list article{border:1px solid var(--line);border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:11px;display:flex}.reward-list article div{gap:3px;display:grid}.reward-list small{color:var(--muted)}.reward-list form{gap:6px;display:flex}.reward-list button,.portal-reward-grid button{color:#fff;background:#4f46e5;border:0;border-radius:8px;padding:7px 10px;font-size:10px;font-weight:800}.portal-rewards{margin-top:14px}.reward-wallet{color:#fff;background:linear-gradient(135deg,#312e81,#6366f1);border-radius:12px;justify-content:space-between;align-items:end;padding:14px;display:flex}.reward-wallet strong{font-size:22px}.portal-reward-grid{grid-template-columns:repeat(3,1fr);gap:9px;margin-top:12px;display:grid}.portal-reward-grid article{border:1px solid var(--line);border-radius:11px;gap:6px;padding:12px;display:grid}.portal-reward-grid small{color:var(--muted)}.portal-reward-grid span{font-weight:850}.portal-reward-grid button:disabled{opacity:.45}.reward-history{gap:5px;margin-top:12px;display:grid}.reward-history span{background:#f8fafc;border-radius:8px;justify-content:space-between;padding:8px;display:flex}@media (max-width:700px){.reward-admin-grid,.portal-reward-grid{grid-template-columns:1fr}.reward-list article{flex-direction:column;align-items:flex-start}}.reward-admin-page{gap:14px;display:grid}.reward-overview{color:#fff;background:radial-gradient(circle at 85% 0,#a78bfa61,#0000 34%),linear-gradient(125deg,#111936,#312e81 68%,#4f46e5);border-radius:17px;justify-content:space-between;align-items:center;gap:20px;padding:22px 24px;display:flex;box-shadow:0 15px 34px #312e812e}.reward-overview-copy>span{color:#c7d2fe;letter-spacing:1px;text-transform:uppercase;align-items:center;gap:6px;font-size:9px;font-weight:850;display:flex}.reward-overview-copy>span svg{width:14px}.reward-overview h2{margin:7px 0 4px;font-size:21px}.reward-overview p{color:#cbd5e1;margin:0;font-size:10px}.reward-program-state{background:#ffffff14;border:1px solid #ffffff21;border-radius:11px;align-items:center;gap:9px;min-width:135px;padding:10px 12px;display:flex}.reward-program-state i{background:#94a3b8;border-radius:50%;width:9px;height:9px}.reward-program-state.active i{background:#34d399;box-shadow:0 0 0 5px #34d39924}.reward-program-state span,.reward-program-state small,.reward-program-state strong{display:block}.reward-program-state small{color:#aeb9d0;font-size:8px}.reward-program-state strong{margin-top:2px;font-size:10px}.reward-metrics{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.reward-metrics article{box-shadow:var(--shadow);background:#fff;border:1px solid #e8ebf1;border-radius:13px;align-items:center;gap:11px;padding:14px;display:flex}.reward-metrics article>span{border-radius:11px;place-items:center;width:38px;height:38px;display:grid}.reward-metrics article>span svg{width:18px}.reward-metrics .indigo{color:#4f46e5;background:#eef2ff}.reward-metrics .amber{color:#d97706;background:#fffbeb}.reward-metrics .emerald{color:#059669;background:#ecfdf5}.reward-metrics .rose{color:#e11d48;background:#fff1f2}.reward-metrics small,.reward-metrics strong{display:block}.reward-metrics small{color:#8b94a5;font-size:8.5px}.reward-metrics strong{margin-top:3px;font-size:17px}.reward-config-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.reward-form header,.reward-section-head,.reward-section-head>div{align-items:center;gap:10px;display:flex}.reward-form header{margin-bottom:16px}.reward-form header>span,.reward-section-head>div>span{color:#4f46e5;background:#eef2ff;border-radius:10px;place-items:center;width:38px;height:38px;display:grid}.reward-form header svg,.reward-section-head svg{width:18px}.reward-form h2,.reward-form p,.reward-section-head h2,.reward-section-head p{margin:0}.reward-form h2,.reward-section-head h2{font-size:14px}.reward-form p,.reward-section-head p{color:#8a93a5;margin-top:3px;font-size:9px}.reward-form-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.reward-form-grid label{color:#344054;gap:5px;font-size:9.5px;font-weight:800;display:grid}.reward-form-grid .full{grid-column:1/-1}.reward-form-grid input,.reward-form-grid select,.reward-form-grid textarea{background:#fff;border:1px solid #dfe3eb;border-radius:9px;width:100%;padding:9px 10px;font-size:10px}.reward-form-grid small{color:#929bac;font-size:8px;font-weight:500}.reward-switch{background:#f8fafc;border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:13px;padding:10px 11px;display:flex!important}.reward-switch span,.reward-switch strong,.reward-switch small{display:block}.reward-switch small{margin-top:2px}.reward-switch input{width:18px!important;height:18px!important}.reward-form>.primary-button{margin-top:14px}.reward-section-head{justify-content:space-between;margin-bottom:14px}.reward-section-head>strong{color:#6366f1;background:#eef2ff;border-radius:8px;padding:5px 8px;font-size:9px}.reward-catalog-list{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.reward-catalog-list article{border:1px solid #e7eaf0;border-radius:11px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:12px;display:grid}.reward-type-icon{color:#4f46e5;background:#eef2ff;border-radius:11px;place-items:center;width:38px;height:38px;display:grid}.reward-type-icon.voucher{color:#d97706;background:#fffbeb}.reward-type-icon.bill_discount{color:#059669;background:#ecfdf5}.reward-type-icon svg{width:18px}.reward-catalog-list article>div{gap:2px;min-width:0;display:grid}.reward-catalog-list article>div strong{font-size:10px}.reward-catalog-list article>div small{color:#8b94a5;text-overflow:ellipsis;white-space:nowrap;font-size:8.5px;overflow:hidden}.reward-catalog-list em{color:#6366f1;font-size:8px;font-style:normal}.reward-catalog-list aside{text-align:right}.reward-catalog-list aside strong,.reward-catalog-list aside small{display:block}.reward-catalog-list aside strong{font-size:14px}.reward-catalog-list aside small{color:#98a2b3;font-size:8px}.reward-catalog-list aside i{color:#64748b;background:#f1f5f9;border-radius:99px;margin-top:5px;padding:3px 6px;font-size:7px;font-style:normal;font-weight:800;display:inline-block}.reward-catalog-list aside i.active{color:#047857;background:#ecfdf5}.reward-list article{grid-template-columns:auto minmax(160px,1fr) auto auto;align-items:center;display:grid}.reward-request-avatar{color:#4338ca;background:#eef2ff;border-radius:10px;place-items:center;width:36px;height:36px;font-size:9px;font-weight:900;display:grid}.reward-list article>div em{color:#6366f1;font-size:8px;font-style:normal}.reward-status{color:#64748b;background:#f1f5f9;border-radius:99px;padding:4px 7px;font-size:8px;font-weight:850}.reward-status.pending{color:#b45309;background:#fffbeb}.reward-status.approved{color:#4338ca;background:#eef2ff}.reward-status.fulfilled{color:#047857;background:#ecfdf5}.reward-list button.reject{color:#be123c;background:#fff1f2}.reward-list form.fulfill{grid-template-columns:1fr auto;display:grid}.reward-list form input{border:1px solid #dfe3eb;border-radius:8px;min-width:150px;padding:7px 8px;font-size:9px}.reward-empty{color:#94a3b8;text-align:center;grid-column:1/-1;justify-items:center;gap:5px;padding:28px;display:grid}.reward-empty svg{width:27px}.reward-empty strong{color:#64748b;font-size:11px}.reward-empty small{font-size:9px}@media (max-width:900px){.reward-metrics{grid-template-columns:1fr 1fr}.reward-config-grid,.reward-catalog-list{grid-template-columns:1fr}}@media (max-width:600px){.reward-overview{flex-direction:column;align-items:flex-start;padding:18px}.reward-program-state{width:100%}.reward-metrics{grid-template-columns:1fr 1fr;gap:7px}.reward-metrics article{padding:10px}.reward-metrics article>span{width:32px;height:32px}.reward-metrics strong{font-size:14px}.reward-form{padding:15px}.reward-form-grid{grid-template-columns:1fr}.reward-form-grid .full{grid-column:auto}.reward-list article{grid-template-columns:auto 1fr}.reward-status{grid-column:2;width:max-content}.reward-list form{grid-column:1/-1;width:100%}.reward-list form.fulfill{grid-template-columns:1fr}.reward-list form input{width:100%;min-width:0}}.monitor-mobile-detail{white-space:nowrap;flex:none;display:inline-flex}.monitor-mobile-detail svg{flex:0 0 13px}.monitor-mobile-list{display:none}.monitor-mobile-card{box-shadow:var(--shadow);background:#fff;border:1px solid #e5e8ef;border-radius:13px;padding:13px}.monitor-mobile-card header,.monitor-mobile-card footer{justify-content:space-between;align-items:center;gap:10px;display:flex}.monitor-mobile-card header>div{gap:2px;min-width:0;display:grid}.monitor-mobile-card header strong{color:#253047;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.monitor-mobile-card header small{color:#8a93a5;font-size:9px}.monitor-mobile-connections{grid-template-columns:1fr 1fr;gap:7px;margin-top:10px;display:grid}.monitor-mobile-connections section{background:#f8fafc;border-radius:10px;align-content:start;gap:5px;min-width:0;padding:10px;display:grid}.monitor-mobile-connections section>span{color:#7c8495;letter-spacing:.7px;text-transform:uppercase;font-size:8px;font-weight:850}.monitor-mobile-connections section>.badge{font-size:9px}.monitor-mobile-connections small{color:#64748b;text-overflow:ellipsis;white-space:nowrap;font-size:8.5px;overflow:hidden}.monitor-mobile-connections em{color:#059669;font-size:8px;font-style:normal;font-weight:700}.monitor-mobile-card footer{border-top:1px solid #edf0f4;margin-top:9px;padding-top:9px}.monitor-mobile-card footer>div{align-items:center;gap:7px;display:flex}.monitor-mobile-card footer>div>span{color:#8a93a5;font-size:8px}.monitor-mobile-card .optical-cell{align-items:center;gap:5px;display:flex}.monitor-mobile-card .optical-cell strong{font-size:10px}.monitor-mobile-card .optical-cell .badge{font-size:8px}@media (max-width:700px){.monitor-mobile-list{gap:8px;display:grid}.monitor-table{display:none!important}.monitor-mobile-card footer .filter-button{min-height:32px}.monitor-mobile-list+.pagination{background:#fff;border:1px solid #e5e8ef;border-radius:12px;margin-top:9px;padding:12px}}@media (max-width:390px){.monitor-mobile-connections{grid-template-columns:1fr}}.monitor-mobile-card{border-radius:15px;padding:0;position:relative;overflow:hidden}.monitor-mobile-card:before{content:"";background:linear-gradient(#6366f1,#4338ca);width:4px;position:absolute;inset:0 auto 0 0}.monitor-mobile-card header{background:linear-gradient(#fff,#fbfcff);grid-template-columns:auto 1fr auto;padding:13px 13px 11px 16px;display:grid}.monitor-mobile-avatar{color:#4338ca;background:linear-gradient(145deg,#eef2ff,#e0e7ff);border-radius:12px;place-items:center;width:40px;height:40px;font-size:10px;font-weight:900;display:grid}.monitor-mobile-card header>div em{color:#6366f1;margin-top:3px;font-size:8px;font-style:normal;font-weight:750;display:block}.monitor-mobile-connections{background:#f5f7fb;margin:0;padding:9px 12px}.monitor-mobile-connections section{background:#fff;border:1px solid #e8ebf1;position:relative;overflow:hidden}.monitor-mobile-connections section:before{content:"";background:#94a3b8;height:3px;position:absolute;inset:0 0 auto}.monitor-mobile-connections section.online:before{background:#10b981}.monitor-mobile-connections section.offline:before,.monitor-mobile-connections section.los:before,.monitor-mobile-connections section.dying_gasp:before{background:#f43f5e}.monitor-mobile-connections section>div{align-items:center;gap:5px;display:flex}.monitor-mobile-connections section>div>svg{color:#818cf8;width:13px}.monitor-mobile-connections section>div>span{color:#5f6b7e;letter-spacing:.65px;margin-right:auto;font-size:8px;font-weight:900}.monitor-mobile-connections section>em{color:#7c8798}.monitor-mobile-connections section.online>em{color:#059669}.monitor-mobile-card footer{background:#fff;margin:0;padding:10px 12px 10px 16px}.monitor-mobile-card footer>div{gap:3px;display:grid}.monitor-mobile-card footer>div>span{text-transform:uppercase;letter-spacing:.55px;font-size:7.5px;font-weight:750}.monitor-mobile-detail{color:#fff;background:#4f46e5;border-radius:9px;align-items:center;gap:4px;min-height:34px;padding:0 9px;font-size:9px;font-weight:850;display:flex}.monitor-mobile-detail svg{width:13px}.monitor-mobile-card .optical-cell .badge{padding:3px 6px}.ticket-hero-metrics{grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:14px;display:grid}@media (max-width:900px){.ticket-hero-metrics{grid-template-columns:repeat(2,1fr)}}@media (max-width:500px){.ticket-hero-metrics{grid-template-columns:1fr 1fr}}.metric-tile{background:#fff;border:1px solid #e2e8f0;border-radius:14px;align-items:center;gap:12px;padding:14px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 4px 16px #0f172a08}.metric-tile:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0f172a12}.metric-tile .tile-icon{border-radius:11px;flex:0 0 38px;place-items:center;width:38px;height:38px;display:grid}.metric-tile.indigo .tile-icon{color:#4f46e5;background:#eef2ff}.metric-tile.amber .tile-icon{color:#d97706;background:#fffbeb}.metric-tile.blue .tile-icon{color:#0284c7;background:#f0f9ff}.metric-tile.purple .tile-icon{color:#7c3aed;background:#f5f3ff}.metric-tile.emerald .tile-icon{color:#059669;background:#ecfdf5}.metric-tile small{color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-size:8.5px;font-weight:700;display:block}.metric-tile strong{color:#0f172a;margin-top:2px;font-size:18px;font-weight:850;display:block}.ticket-table-wrapper{border-radius:14px;overflow:hidden}.ticket-table{border-collapse:separate;border-spacing:0;width:100%}.ticket-row-hover:hover{background-color:#f8fafc}.panel,.table-panel,.ticket-info-panel,.ticket-timeline-panel,.ticket-side-col section,.monitor-mobile-card,.ticket-form-card,.timeline-card,.timeline-stepper-card,.proof-uploader-card,.ticket-review-panel{overflow-wrap:anywhere;word-break:break-word;box-sizing:border-box;max-width:100%}.table-panel{max-width:100%;overflow-x:auto}.ticket-user-cell{align-items:center;gap:10px;min-width:0;max-width:260px;display:flex}.ticket-avatar-circle{color:#fff;background:linear-gradient(135deg,#6366f1,#4f46e5);border-radius:50%;flex:0 0 36px;place-items:center;width:36px;height:36px;font-size:12px;font-weight:800;display:grid;box-shadow:0 2px 6px #4f46e533}.ticket-user-meta{overflow-wrap:anywhere;word-break:break-word;flex-direction:column;gap:2px;min-width:0;max-width:210px;display:flex}.ticket-customer-link{color:#0f172a;overflow-wrap:anywhere;word-break:break-word;font-size:13px;font-weight:700;text-decoration:none;transition:color .15s}.ticket-customer-link:hover{color:#4f46e5;text-decoration:underline}.ticket-sub-info{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.ticket-number-tag{color:#3730a3;background:#e0e7ff;border-radius:6px;align-items:center;padding:2px 7px;font-family:monospace;font-size:10px;font-weight:800;display:inline-flex}.ticket-customer-id{color:#64748b;overflow-wrap:anywhere;word-break:break-word;font-size:10.5px;font-weight:500}.category-chip{color:#334155;background:#f1f5f9;border-radius:6px;align-items:center;gap:4px;width:max-content;padding:3px 8px;font-size:10px;font-weight:700;display:inline-flex}.assigned-user-badge{color:#166534;overflow-wrap:anywhere;word-break:break-word;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:999px;align-items:center;gap:4px;padding:4px 9px;font-size:10.5px;font-weight:700;display:inline-flex}.unassigned-badge{color:#94a3b8;background:#f8fafc;border:1px solid #e2e8f0;border-radius:999px;align-items:center;gap:4px;padding:4px 9px;font-size:10.5px;font-style:italic;font-weight:600;display:inline-flex}.table-action-nowrap{white-space:nowrap!important;border:1px solid var(--line)!important;color:#334155!important;background:#fff!important;border-radius:8px!important;align-items:center!important;gap:4px!important;padding:6px 12px!important;font-size:11.5px!important;font-weight:700!important;transition:all .15s!important;display:inline-flex!important}.table-action-nowrap:hover{color:#fff!important;background:#4f46e5!important;border-color:#4f46e5!important;box-shadow:0 4px 12px #4f46e540!important}.ticket-hero-details{overflow-wrap:anywhere;word-break:break-word;flex:1;min-width:0;max-width:100%}.ticket-hero-details h2{color:#0f172a;overflow-wrap:anywhere;word-break:break-word;margin:4px 0 6px;font-size:16px}.card-message,.timeline-message{overflow-wrap:anywhere;word-break:break-word}.ticket-empty-state{text-align:center;color:#94a3b8;padding:40px!important}.ticket-empty-state svg{color:#cbd5e1;width:36px;height:36px;margin-bottom:8px}.ticket-empty-state strong{color:#475569;font-size:12px;display:block}.ticket-form-wrapper{grid-template-columns:1fr 320px;align-items:start;gap:16px;display:grid}@media (max-width:900px){.ticket-form-wrapper{grid-template-columns:1fr}}.ticket-form-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;box-shadow:0 10px 30px #0f172a0a}.ticket-form-header{background:linear-gradient(#fff,#f8fafc);border-bottom:1px solid #f1f5f9;align-items:center;gap:14px;padding:20px;display:flex}.ticket-form-header .header-icon{color:#4f46e5;background:#eef2ff;border-radius:12px;flex:0 0 44px;place-items:center;width:44px;height:44px;display:grid}.ticket-form-header h2{color:#0f172a;margin:0;font-size:16px}.ticket-form-header p{color:#64748b;margin:3px 0 0;font-size:9.5px}.ticket-back-link{color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:5px;margin-left:auto;padding:6px 10px;font-size:10px;font-weight:700;text-decoration:none;display:inline-flex}.ticket-back-link:hover{color:#0f172a;border-color:#cbd5e1}.ticket-form-body{gap:20px;padding:20px;display:grid}.form-section{gap:12px;display:grid}.section-title{border-bottom:1px dashed #e2e8f0;align-items:center;gap:10px;padding-bottom:8px;display:flex}.step-num{color:#fff;background:#4f46e5;border-radius:50%;place-items:center;width:26px;height:26px;font-size:10px;font-weight:850;display:grid}.section-title h3{color:#1e293b;margin:0;font-size:12px}.section-title small{color:#94a3b8;margin-top:1px;font-size:8.5px;display:block}.form-grid-2col{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (max-width:600px){.form-grid-2col{grid-template-columns:1fr}}.form-label-bold{color:#334155;margin-bottom:5px;font-size:10px;font-weight:800;display:block}.required-star{color:#ef4444}.form-select-lg,.form-input-lg,.form-textarea-lg{background:#fff;border:1px solid #cbd5e1;border-radius:10px;width:100%;padding:10px 12px;font-size:11px;transition:border-color .15s,box-shadow .15s}.form-select-lg:focus,.form-input-lg:focus,.form-textarea-lg:focus{border-color:#6366f1;outline:none;box-shadow:0 0 0 3px #e0e7ff}.ticket-form-footer{border-top:1px solid #e2e8f0;justify-content:flex-end;align-items:center;gap:10px;padding-top:16px;display:flex}.button-lg{border-radius:10px;justify-content:center;align-items:center;gap:8px;height:42px;padding:0 20px;font-size:11px;display:inline-flex}.ticket-form-sidebar .sidebar-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:18px;box-shadow:0 6px 20px #0f172a08}.sidebar-card h3{color:#1e293b;border-bottom:1px solid #f1f5f9;align-items:center;gap:8px;margin:0 0 12px;padding-bottom:10px;font-size:12px;display:flex}.sidebar-card ul{gap:12px;margin:0;padding:0;list-style:none;display:grid}.sidebar-card li strong{color:#4338ca;font-size:10px;display:block}.sidebar-card li p{color:#64748b;margin:2px 0 0;font-size:9px;line-height:1.4}.sidebar-card code{color:#4338ca;background:#eef2ff;border-radius:4px;padding:2px 5px;font-family:inherit}.ticket-detail-grid{grid-template-columns:1fr 340px;gap:14px;display:grid}@media (max-width:900px){.ticket-detail-grid{grid-template-columns:1fr}}.ticket-info-panel{border-radius:16px;gap:14px;padding:20px;display:grid}.ticket-hero-card{align-items:flex-start;gap:16px;display:flex}.ticket-customer-avatar{color:#fff;background:linear-gradient(135deg,#4f46e5,#312e81);border-radius:14px;flex:0 0 48px;place-items:center;width:48px;height:48px;font-size:14px;font-weight:850;display:grid;box-shadow:0 4px 12px #4f46e533}.ticket-hero-details{flex:1;min-width:0}.ticket-hero-top{justify-content:space-between;align-items:center;gap:10px;margin-bottom:4px;display:flex}.ticket-cat-badge{color:#4338ca;background:#eef2ff;border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:9px;font-weight:800;display:inline-flex}.ticket-hero-details h2{color:#0f172a;margin:4px 0 6px;font-size:16px}.ticket-customer-meta{color:#64748b;flex-wrap:wrap;align-items:center;gap:12px;font-size:9.5px;display:flex}.ticket-customer-meta .customer-link{color:#1e293b;text-decoration:none}.ticket-customer-meta .wa-link{color:#059669;font-weight:700;text-decoration:none}.ticket-description-box,.ticket-resolution-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:14px}.ticket-description-box h3,.ticket-resolution-box h3{color:#64748b;text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:6px;margin:0 0 6px;font-size:10.5px;display:flex}.ticket-description-box p,.ticket-resolution-box p{color:#334155;white-space:pre-wrap;margin:0;font-size:11px;line-height:1.5}.ticket-resolution-box{background:#f0fdf4;border-color:#bbf7d0}.ticket-resolution-box h3{color:#166534}.ticket-timeline-panel{border-radius:16px;margin-top:14px;padding:20px}.ticket-timeline{gap:14px;margin:16px 0;padding-left:20px;display:grid;position:relative}.ticket-timeline:before{content:"";background:#e2e8f0;width:2px;position:absolute;top:8px;bottom:8px;left:7px}.timeline-item{gap:4px;display:grid;position:relative}.timeline-marker{color:#fff;background:#4f46e5;border-radius:50%;place-items:center;width:16px;height:16px;display:grid;position:absolute;top:2px;left:-20px}.timeline-content{background:#f8fafc;border:1px solid #f1f5f9;border-radius:12px;padding:12px 14px}.timeline-content header{justify-content:space-between;margin-bottom:4px;font-size:10px;display:flex}.actor-badge-row{align-items:center;gap:8px;display:flex}.actor-name{color:#0f172a;font-size:10px}.public-chip{color:#047857;background:#ecfdf5;border-radius:999px;padding:2px 6px;font-size:7.5px;font-weight:800}.private-chip{color:#b91c1c;background:#fef2f2;border-radius:999px;padding:2px 6px;font-size:7.5px;font-weight:800}.timeline-time{color:#94a3b8;font-size:8.5px}.timeline-message{color:#334155;margin:4px 0 0;font-size:10.5px;line-height:1.4}.timeline-status-shift{align-items:center;gap:6px;margin-top:6px;font-size:10px;display:flex}.status-shift-label{color:#64748b;font-size:9px}.shift-arrow{color:#94a3b8;font-size:10px}.ticket-note-form{border-top:1px solid #e2e8f0;gap:10px;margin-top:16px;padding-top:16px;display:grid}.note-form-footer{justify-content:space-between;align-items:center;display:flex}.checkbox-label{color:#64748b;cursor:pointer;align-items:center;gap:6px;font-size:10px;display:flex}.ticket-action-panel,.ticket-network-panel{border-radius:16px;gap:12px;margin-bottom:14px;padding:18px;display:grid}.ticket-action-panel h3,.ticket-network-panel h3{color:#1e293b;border-bottom:1px solid #f1f5f9;align-items:center;gap:7px;margin:0;padding-bottom:10px;font-size:12px;display:flex}.ticket-status-form,.ticket-assign-form{gap:10px;display:grid}.form-label-sm{color:#475569;margin-bottom:4px;font-size:9.5px;font-weight:800;display:block}.form-select-sm,.form-textarea-sm{background:#fff;border:1px solid #cbd5e1;border-radius:8px;width:100%;padding:8px 10px;font-size:10px}.device-quick-list{gap:12px;font-size:10px;display:grid}.device-block{gap:6px;display:grid}.block-title{color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-size:9px;font-weight:850;display:block}.device-item{background:#f8fafc;border:1px solid #f1f5f9;border-radius:8px;justify-content:space-between;align-items:center;padding:8px 10px;display:flex}.device-item-info{gap:1px;display:grid}.device-item-info strong{color:#1e293b;font-size:9.5px}.device-item-info small{color:#94a3b8;font-size:8px}.portal-tickets{margin-top:14px}.portal-ticket-intro{color:var(--muted);margin:4px 0 12px;font-size:10px}.portal-ticket-form{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;gap:10px;padding:14px;display:grid}.portal-ticket-form .form-group{color:#334155;gap:4px;font-size:10px;font-weight:700;display:grid}.portal-ticket-form select,.portal-ticket-form input,.portal-ticket-form textarea{background:#fff;border:1px solid #cbd5e1;border-radius:8px;width:100%;padding:8px 10px;font-size:10.5px}.portal-ticket-list{gap:10px;margin-top:16px;display:grid}.portal-ticket-list h4{color:#475569;margin:0 0 6px;font-size:11px}.portal-ticket-item{background:#fff;border:1px solid #e2e8f0;border-radius:10px;gap:6px;padding:12px;display:grid}.portal-ticket-head{justify-content:space-between;align-items:flex-start;display:flex}.portal-ticket-head strong{color:#1e293b;font-size:11px;display:block}.portal-ticket-head small{color:#94a3b8;font-size:9px}.portal-ticket-item p{color:#475569;margin:0;font-size:10.5px}.portal-ticket-solution{color:#166534;background:#f0fdf4;border-radius:6px;padding:8px;font-size:10px}.cs2-wrap{width:100%;position:relative}.cs2-trigger{border:1.5px solid var(--line);cursor:pointer;text-align:left;background:#fff;border-radius:10px;align-items:center;gap:10px;width:100%;min-height:46px;padding:8px 12px;transition:border-color .15s,box-shadow .15s;display:flex}.cs2-trigger:hover{border-color:#a5b4fc}.cs2-trigger.cs2-open{border-color:#4f46e5;box-shadow:0 0 0 3px #e0e7ff}.cs2-icon{color:#94a3b8;flex:0 0 16px}.cs2-value{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.cs2-value-name{color:#0f172a;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.cs2-value-meta{color:#64748b;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.cs2-placeholder{color:#94a3b8;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13px;overflow:hidden}.cs2-actions{flex:none;align-items:center;gap:4px;margin-left:auto;display:flex}.cs2-clear{color:#64748b;cursor:pointer;background:#f1f5f9;border-radius:50%;place-items:center;width:22px;height:22px;display:grid}.cs2-clear:hover{color:#1e293b;background:#e2e8f0}.cs2-chevron{color:#94a3b8;transition:transform .2s}.cs2-chevron-open{transform:rotate(180deg)}.cs2-dropdown{z-index:200;background:#fff;border:1px solid #e2e8f0;border-radius:12px;position:absolute;top:calc(100% + 5px);left:0;right:0;overflow:hidden;box-shadow:0 16px 40px #0f172a24,0 4px 12px #0f172a0f}.cs2-search-row{border-bottom:1px solid #f1f5f9;align-items:center;gap:8px;padding:10px 14px;display:flex}.cs2-search-row-icon{color:#94a3b8;flex:0 0 15px}.cs2-search-field{color:#0f172a;background:0 0;border:0;outline:none;flex:1;height:28px;font-size:13px}.cs2-search-field::placeholder{color:#94a3b8}.cs2-clear-query{color:#64748b;cursor:pointer;background:#f1f5f9;border:0;border-radius:50%;place-items:center;width:22px;height:22px;display:grid}.cs2-clear-query:hover{background:#e2e8f0}.cs2-count{color:#94a3b8;padding:4px 14px 6px;font-size:11px}.cs2-list{flex-direction:column;gap:2px;max-height:300px;margin:0;padding:6px;list-style:none;display:flex;overflow-y:auto}.cs2-item{cursor:pointer;border-radius:8px;align-items:center;gap:12px;padding:10px;transition:background .12s;display:flex}.cs2-item:hover{background:#f8fafc}.cs2-item-selected{background:#eef2ff}.cs2-item-selected:hover{background:#e0e7ff}.cs2-item-avatar{color:#4338ca;background:#eef2ff;border-radius:10px;flex:0 0 36px;place-items:center;width:36px;height:36px;font-size:14px;font-weight:700;display:grid}.cs2-item-selected .cs2-item-avatar{color:#312e81;background:#c7d2fe}.cs2-item-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.cs2-item-name{color:#0f172a;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.cs2-item-selected .cs2-item-name{color:#312e81}.cs2-item-sub{color:#64748b;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.cs2-item-check{color:#4f46e5;flex:0 0 15px}.cs2-empty{color:#94a3b8;text-align:center;flex-direction:column;align-items:center;gap:4px;padding:28px 16px;display:flex}.cs2-empty svg{color:#cbd5e1}.cs2-empty span{color:#475569;font-size:13px;font-weight:600}.cs2-empty small{font-size:11px}.ticket-interactive-timeline{gap:16px;display:grid}.timeline-stepper-card{border:1px solid var(--line);background:#fff;border-radius:12px;gap:14px;padding:16px;display:grid}.stepper-header{justify-content:space-between;align-items:center;display:flex}.stepper-title{color:#0f172a;font-size:12px;font-weight:700}.stepper-status-badge{color:#64748b;font-size:11px}.stepper-status-badge strong{color:#4f46e5}.stepper-track{justify-content:space-between;align-items:flex-start;gap:4px;display:flex;position:relative}.stepper-step{z-index:1;text-align:center;flex-direction:column;flex:1;align-items:center;gap:6px;display:flex;position:relative}.step-node{color:#94a3b8;background:#f1f5f9;border:2px solid #e2e8f0;border-radius:50%;place-items:center;width:32px;height:32px;transition:all .2s;display:grid}.stepper-step.completed .step-node{color:#4338ca;background:#e0e7ff;border-color:#a5b4fc}.stepper-step.active .step-node{color:#fff;background:#4f46e5;border-color:#4f46e5;box-shadow:0 0 0 4px #e0e7ff}.step-label{color:#64748b;font-size:10.5px;font-weight:600}.stepper-step.active .step-label{color:#4338ca;font-weight:700}.stepper-step.completed .step-label{color:#1e293b}.step-connector{z-index:-1;background:#e2e8f0;height:2px;position:absolute;top:16px;left:50%;right:-50%}.stepper-step.completed .step-connector{background:#a5b4fc}.scheduled-alert-strip{color:#6b21a8;background:#faf5ff;border:1px solid #f3e8ff;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-size:11px;display:flex}.timeline-filter-bar{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-bottom:4px;display:flex}.filter-label{color:#475569;align-items:center;gap:6px;font-size:11px;font-weight:700;display:flex}.filter-tabs{flex-wrap:wrap;gap:4px;display:flex}.tab-btn{border:1px solid var(--line);color:#64748b;cursor:pointer;background:#fff;border-radius:20px;padding:5px 11px;font-size:11px;font-weight:600;transition:all .15s}.tab-btn:hover{color:#1e293b;background:#f8fafc}.tab-btn.active{color:#fff;background:#4f46e5;border-color:#4f46e5}.timeline-stream{gap:10px;display:grid}.timeline-card{border:1px solid var(--line);cursor:pointer;background:#fff;border-left:4px solid #cbd5e1;border-radius:11px;gap:12px;padding:14px;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex}.timeline-card:hover{border-color:#94a3b8;transform:translateY(-1px);box-shadow:0 6px 16px #0f172a0f}.timeline-card.status-card{background:#faf5ff;border-left-color:#6366f1}.timeline-card.assign-card{background:#fffbeb;border-left-color:#f59e0b}.card-left-icon{color:#475569;background:#f1f5f9;border-radius:10px;flex:0 0 34px;place-items:center;width:34px;height:34px;display:grid}.status-card .card-left-icon{color:#4338ca;background:#e0e7ff}.assign-card .card-left-icon{color:#b45309;background:#fef3c7}.card-body{flex:1;gap:4px;min-width:0;display:grid}.card-header{justify-content:space-between;align-items:center;display:flex}.actor-info{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.actor-badge{color:#0f172a;font-size:11.5px;font-weight:700}.chip{border-radius:12px;align-items:center;gap:3px;padding:2px 7px;font-size:9.5px;font-weight:600;display:inline-flex}.chip-public{color:#166534;background:#f0fdf4}.chip-private{color:#64748b;background:#f1f5f9}.time-info{align-items:center;gap:6px;display:flex}.time-relative{color:#94a3b8;font-size:10.5px}.expand-trigger{color:#94a3b8}.card-message{color:#334155;margin:0;font-size:12px;line-height:1.45}.status-shift-strip{align-items:center;gap:6px;margin-top:4px;font-size:11px;display:flex}.shift-label{color:#64748b;font-size:10.5px}.shift-arrow{color:#94a3b8;font-weight:700}.card-expanded-footer{color:#64748b;border-top:1px dashed #e2e8f0;gap:16px;margin-top:8px;padding-top:8px;font-size:10px;display:flex}.card-expanded-footer span{color:#475569;font-weight:600}.timeline-empty{color:#94a3b8;text-align:center;flex-direction:column;align-items:center;gap:6px;padding:24px;font-size:12px;display:flex}.timeline-reply-form{border:1px solid var(--line);background:#fff;border-radius:12px;gap:10px;padding:16px;display:grid;box-shadow:0 2px 8px #0f172a08}.reply-header{justify-content:space-between;align-items:center;display:flex}.reply-header label{color:#0f172a;align-items:center;gap:6px;font-size:11.5px;font-weight:700;display:flex}.char-count{color:#94a3b8;font-size:10px}.timeline-reply-form textarea{border:1.5px solid var(--line);border-radius:9px;outline:none;width:100%;padding:10px 12px;font-size:12px;transition:border-color .15s}.timeline-reply-form textarea:focus{border-color:#4f46e5}.reply-footer{justify-content:space-between;align-items:center;display:flex}.toggle-label{cursor:pointer;color:#475569;align-items:center;gap:6px;font-size:11px;display:flex}.leaflet-picker-wrapper,.customer-media-section,.customer-supporting-panel{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;grid-column:1/-1;margin-top:16px;padding:16px}.leaflet-header,.media-section-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.leaflet-title,.media-section-head strong{color:#1e293b;font-size:13px;font-weight:700;display:block}.leaflet-subtitle,.media-section-head span{color:#64748b;margin-top:2px;font-size:11px;display:block}.gps-button{color:#4338ca;white-space:nowrap;background:#eef2ff;border-color:#c7d2fe;font-weight:700}.leaflet-map-box{z-index:1;border:1px solid #cbd5e1;border-radius:10px;width:100%;height:320px;overflow:hidden}.coords-inputs{grid-template-columns:1fr 1fr;gap:12px;margin-top:12px;display:grid}.media-fields-grid{grid-template-columns:1fr 1fr;gap:14px;margin-top:12px;display:grid}.media-upload-card{background:#fff;border:1px solid #cbd5e1;border-radius:10px;padding:14px}.upload-card-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.card-tag{text-transform:uppercase;border-radius:6px;padding:3px 8px;font-size:10px;font-weight:700;display:inline-block}.card-tag.indigo{color:#4338ca;background:#eef2ff}.card-tag.emerald{color:#047857;background:#ecfdf5}.upload-success-badge{color:#059669;align-items:center;gap:4px;font-size:11px;font-weight:600;display:inline-flex}.media-dropzone{cursor:pointer;background:#f8fafc;border:1.5px dashed #cbd5e1;border-radius:8px;place-items:center;min-height:120px;padding:16px;transition:all .15s;display:grid}.media-dropzone:hover{background:#eef2ff;border-color:#6366f1}.dropzone-inner{color:#64748b;text-align:center;justify-items:center;gap:4px;display:grid}.dropzone-inner strong{color:#334155;font-size:12px}.dropzone-inner small{color:#94a3b8;font-size:10px}.media-preview-box{border:1px solid #e2e8f0;border-radius:8px;width:100%;height:150px;position:relative;overflow:hidden}.media-preview-img{object-fit:cover;width:100%;height:100%}.remove-img-button{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172abf;border:none;border-radius:6px;align-items:center;gap:4px;padding:4px 8px;font-size:11px;font-weight:600;display:inline-flex;position:absolute;top:8px;right:8px}.remove-img-button:hover{background:#ef4444}.lightbox-thumbnail-container{cursor:pointer;border:1px solid #e2e8f0;border-radius:8px;width:100%;height:140px;position:relative;overflow:hidden}.lightbox-thumbnail-img{object-fit:cover;width:100%;height:100%}.lightbox-hover-overlay{color:#fff;opacity:0;background:#0f172a80;flex-direction:column;justify-content:center;align-items:center;gap:4px;transition:opacity .15s;display:flex;position:absolute;inset:0}.lightbox-thumbnail-container:hover .lightbox-hover-overlay{opacity:1}.lightbox-modal-backdrop{z-index:9999;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f172ad9;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.lightbox-modal-content{background:#fff;border-radius:14px;width:100%;max-width:800px;overflow:hidden;box-shadow:0 20px 40px #0000004d}.lightbox-modal-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.lightbox-modal-header h3{color:#0f172a;margin:0;font-size:14px;font-weight:700}.lightbox-close-button{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px}.lightbox-close-button:hover{color:#0f172a;background:#f1f5f9}.lightbox-modal-body{place-items:center;max-height:75vh;padding:16px;display:grid;overflow:auto}.lightbox-full-img{object-fit:contain;border-radius:8px;max-width:100%;max-height:70vh}.customer-supporting-panel{background:#fff;border:1px solid #e2e8f0;border-radius:14px;margin-top:24px;padding:20px}.customer-supporting-panel h3{color:#0f172a;align-items:center;gap:8px;margin:0 0 16px;font-size:15px;font-weight:800;display:flex}.supporting-content-grid{grid-template-columns:1fr 1.2fr;gap:16px;display:grid}.supporting-docs-card,.supporting-map-card{background:#f8fafc;border:1px solid #f1f5f9;border-radius:12px;padding:16px}.supporting-docs-card h4,.supporting-map-card h4{color:#334155;margin:0 0 12px;font-size:13px;font-weight:700}.nik-badge{color:#4338ca;background:#eef2ff;border-radius:6px;margin-bottom:12px;padding:6px 12px;font-size:12px;display:inline-block}.docs-preview-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.doc-item{gap:6px;display:grid}.doc-empty{color:#94a3b8;background:#fff;border:1px dashed #cbd5e1;border-radius:8px;place-items:center;height:140px;font-size:11px;display:grid}.leaflet-viewer-box{gap:10px;display:grid}.leaflet-map-view{z-index:1;border:1px solid #cbd5e1;border-radius:10px;width:100%;height:260px}.leaflet-viewer-foot{color:#475467;justify-content:space-between;align-items:center;font-size:12px;display:flex}.gmaps-link{color:#047857;background:#ecfdf5;border-color:#a7f3d0;font-weight:700}@media (max-width:900px){.supporting-content-grid,.media-fields-grid{grid-template-columns:1fr}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-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}
