@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";.stock-page input:not([type=checkbox]):not([type=radio]):not([type=button]):not([type=submit]):not([type=reset]),.stock-page select,.stock-page textarea,.modal-body input:not([type=checkbox]):not([type=radio]):not([type=button]):not([type=submit]):not([type=reset]),.modal-body select,.modal-body textarea,div[style*=maxHeight] input:not([type=checkbox]):not([type=radio]):not([type=button]):not([type=submit]):not([type=reset]),div[style*=maxHeight] select,div[style*=maxHeight] textarea{border:1.5px solid var(--border-input,#cbd5e1);background-color:var(--surface,#fff);width:100%;height:42px;color:var(--text,#0f172a);box-sizing:border-box;border-radius:8px;outline:0;padding:0 14px;font-family:inherit;font-size:13px;font-weight:500;transition:border-color .15s,box-shadow .15s,background-color .15s;display:block;box-shadow:0 1px 2px #0000000a}.stock-page textarea,.modal-body textarea,div[style*=maxHeight] textarea{resize:vertical;height:auto;min-height:85px;padding:10px 14px;line-height:1.5}.stock-page select,.modal-body select,div[style*=maxHeight] select{cursor:pointer;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%230f6b63' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:34px}.stock-page input:not([type=checkbox]):not([type=radio]):hover,.stock-page select:hover,.stock-page textarea:hover,.modal-body input:not([type=checkbox]):not([type=radio]):hover,.modal-body select:hover,.modal-body textarea:hover,div[style*=maxHeight] input:not([type=checkbox]):not([type=radio]):hover,div[style*=maxHeight] select:hover,div[style*=maxHeight] textarea:hover{border-color:var(--border-input-hover,#94a3b8)}.stock-page input:not([type=checkbox]):not([type=radio]):focus,.stock-page select:focus,.stock-page textarea:focus,.modal-body input:not([type=checkbox]):not([type=radio]):focus,.modal-body select:focus,.modal-body textarea:focus,div[style*=maxHeight] input:not([type=checkbox]):not([type=radio]):focus,div[style*=maxHeight] select:focus,div[style*=maxHeight] textarea:focus{background-color:var(--surface,#fff);border-color:var(--primary,#0f6b63)!important;outline:0!important;box-shadow:0 0 0 3px #0f6b6329!important}.stock-page input::placeholder,.stock-page textarea::placeholder,div[style*=maxHeight] input::placeholder,div[style*=maxHeight] textarea::placeholder{color:#94a3b8;opacity:1;font-size:13px}.stock-page input[type=checkbox],div[style*=maxHeight] input[type=checkbox]{accent-color:var(--primary,#0f6b63);cursor:pointer;vertical-align:middle;border-radius:4px;width:18px;height:18px}.stock-page label,div[style*=maxHeight] label{color:var(--text,#0f172a);flex-direction:column;gap:6px;font-size:12px;font-weight:600;display:flex}.stock-page label:has(input[type=checkbox]){cursor:pointer;flex-direction:row;align-items:center;gap:8px;margin-top:6px}div[style*=maxHeight] label:has(input[type=checkbox]){cursor:pointer;flex-direction:row;align-items:center;gap:8px;margin-top:6px}.stock-page fieldset{border:1.5px solid var(--border,#e2e8f0);background:var(--surface2,#f8fafc);box-sizing:border-box;border-radius:12px;margin:4px 0 16px;padding:18px 20px;transition:border-color .2s;box-shadow:0 1px 3px #00000008}.stock-page fieldset:hover{border-color:#cbd5e1}.stock-page fieldset legend{color:var(--primary,#0f6b63);background:var(--soft,#e3f3f1);letter-spacing:.04em;text-transform:uppercase;border:1px solid #0f6b6340;border-radius:6px;padding:4px 12px;font-size:12px;font-weight:700}.stock-page .card{border:1.5px solid var(--border,#e2e8f0);background:var(--surface,#fff);border-radius:14px;margin-bottom:20px;padding:24px;box-shadow:0 2px 8px #00000008}.stock-page .card h2{color:var(--text,#0f172a);align-items:center;gap:8px;margin:0 0 18px;font-size:16px;font-weight:700;display:flex}.stock-page .kpis{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.stock-page .kpi{border:1.5px solid var(--border,#e2e8f0);background:var(--surface,#fff);border-radius:14px;align-items:center;padding:20px 22px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 2px 8px #0000000a}.stock-page .kpi:hover{border-color:#77bcb5;transform:translateY(-2px);box-shadow:0 8px 20px #0f6b6314}.stock-page .kpi small{text-transform:uppercase;letter-spacing:.06em;color:var(--muted,#64748b);font-size:11px;font-weight:700;display:block}.stock-page .kpi b{color:var(--text,#0f172a);letter-spacing:-.02em;margin-top:6px;font-size:24px;font-weight:800;display:block}.stock-page .toolbar{border-bottom:1.5px solid var(--border,#e2e8f0);background:var(--surface2,#f8fafc);border-radius:12px 12px 0 0;flex-wrap:wrap;align-items:center;gap:12px;margin:-24px -24px 20px;padding:16px 20px;display:flex}.stock-page .toolbar input,.stock-page .toolbar select{width:auto;min-width:140px;height:40px;font-size:13px}.stock-page .toolbar input[type=date]{min-width:135px}.stock-page .toolbar label{color:var(--muted,#64748b);flex-direction:row;align-items:center;gap:8px;font-size:12px;font-weight:600}.stock-page .table-wrap{border:1px solid var(--border,#e2e8f0);border-radius:10px;overflow-x:auto}.stock-page table{border-collapse:collapse;background:var(--surface,#fff);width:100%}.stock-page th{background:var(--surface2,#f8fafc);height:44px;color:var(--muted,#64748b);text-transform:uppercase;letter-spacing:.05em;text-align:left;border-bottom:1.5px solid var(--border,#e2e8f0);padding:0 16px;font-size:11px;font-weight:700}.stock-page td{border-bottom:1px solid var(--border,#e2e8f0);height:52px;color:var(--text,#0f172a);vertical-align:middle;padding:10px 16px;font-size:13px}.stock-page tbody tr{transition:background-color .15s}.stock-page tbody tr:hover{background-color:var(--soft,#e3f3f1)}.stock-page tbody tr:last-child td{border-bottom:none}@media (max-width:700px){.stock-page .kpis{grid-template-columns:1fr 1fr}.stock-page .table-wrap{border:none;overflow:visible}.stock-page table{min-width:0;display:block}.stock-page thead{display:none}.stock-page tbody{gap:10px;display:grid}.stock-page tbody tr{border:1.5px solid var(--border,#e2e8f0);background:var(--surface,#fff);border-radius:10px;padding:10px 14px;display:block}.stock-page tbody td{border-top:0;border-bottom:1px dashed var(--border,#e2e8f0);text-align:right;overflow-wrap:anywhere;justify-content:space-between;align-items:flex-start;gap:12px;height:auto;min-height:32px;padding:6px 0;display:flex}.stock-page tbody td:last-child{border-bottom:none}.stock-page tbody td:before{content:attr(data-label);color:var(--muted,#64748b);text-align:left;flex:0 0 42%;font-size:12px;font-weight:600}}@layer components;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-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;--tw-ease:initial}::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-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;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-500:#fb2c36;--radius-lg:.5rem;--ease-in-out:cubic-bezier(.4, 0, .2, 1);--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)}@supports (color:color(display-p3 0 0 0)){:root,:host{--color-red-500:color(display-p3 .903738 .262579 .253307)}}@supports (color:lab(0% 0 0)){:root,:host{--color-red-500:lab(55.4814% 75.0732 48.8528)}}}@layer base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::-webkit-file-upload-button{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%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::-webkit-file-upload-button{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:-webkit-any([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:-webkit-any([multiple],[size])) optgroup option{padding-inline-start:20px}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::-webkit-file-upload-button{margin-inline-end:4px}::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-start:0;padding-block-end:0}::-webkit-datetime-edit-year-field{padding-block-start:0;padding-block-end:0}::-webkit-datetime-edit-month-field{padding-block-start:0;padding-block-end:0}::-webkit-datetime-edit-day-field{padding-block-start:0;padding-block-end:0}::-webkit-datetime-edit-hour-field{padding-block-start:0;padding-block-end:0}::-webkit-datetime-edit-minute-field{padding-block-start:0;padding-block-end:0}::-webkit-datetime-edit-second-field{padding-block-start:0;padding-block-end:0}::-webkit-datetime-edit-millisecond-field{padding-block-start:0;padding-block-end:0}::-webkit-datetime-edit-meridiem-field{padding-block-start:0;padding-block-end:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button{-webkit-appearance:button;appearance:button}input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;appearance:button}::-webkit-file-upload-button{-webkit-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.border{border-style:var(--tw-border-style);border-width:1px}.border-red-500{border-color:var(--color-red-500)}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.underline{text-decoration-line:underline}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.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))}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}}:root{--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--primary:#0f6b63;--strong:#09544e;--soft:#e3f3f1;--bg:#f5f8f8;--surface:#fff;--surface2:#f8fafc;--text:#0f172a;--muted:#64748b;--border:#e2e8f0;--border-input:#cbd5e1;--border-input-hover:#94a3b8;--shadow:0 1px 2px #0f172a08, 0 8px 24px #0f172a0a;--sidebar-bg:#0b514c;--sidebar-text:#d9eeeb;--sidebar-hover:#ffffff12;--sidebar-active-bg:#fff;--sidebar-active-text:#0b6159;--badge-green-bg:#dcfce7;--badge-green-text:#15713a;--badge-amber-bg:#fef3c7;--badge-amber-text:#985d0b;--badge-red-bg:#fee2e2;--badge-red-text:#b91c1c;--badge-blue-bg:#e0f2fe;--badge-blue-text:#0369a1;--badge-slate-bg:#f1f5f9;--badge-slate-text:#475569}.dark{--bg:#071513;--surface:#0f2421;--surface2:#132b28;--text:#f1f5f9;--muted:#9fb2af;--border:#24423e;--border-input:#334e49;--border-input-hover:#4e766f;--shadow:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--sidebar-bg:#082d2a;--sidebar-text:#bedbd8;--sidebar-active-bg:#0f6b63;--sidebar-active-text:#fff}@page{size:A4 portrait;margin:10mm}@media print{*,:before,:after{-webkit-print-color-adjust:exact!important;-moz-print-color-adjust:exact!important;print-color-adjust:exact!important}html,body{color:#0f172a!important;background:#fff!important;margin:0!important;padding:0!important}.app>aside,.workspace>header,.top-actions,.title-actions,.offline,.bottom-nav,.no-print,button,.btn{display:none!important}.workspace{width:100%!important;margin-left:0!important;padding:0!important}.content{max-width:100%!important;margin:0!important;padding:0!important}.paper{width:100%!important;max-width:100%!important;height:auto!important;min-height:auto!important;box-shadow:none!important;page-break-after:avoid!important;page-break-inside:avoid!important;break-after:avoid!important;break-inside:avoid!important;box-sizing:border-box!important;border:none!important;flex-direction:column!important;margin:0!important;padding:10px 16px 20px!important;display:flex!important}.paper>header{border-bottom:2.5px solid #0f766e!important;padding-bottom:20px!important}.paper-meta{background:#f1f5f9!important;border-radius:6px!important;margin:14px 0!important;padding:10px 14px!important}.paper h3{margin-top:16px!important;margin-bottom:8px!important}.paper-grid{gap:12px 20px!important}.paper-table{border:1px solid #cbd5e1!important;border-radius:6px!important;margin-top:18px!important;overflow:hidden!important}.paper-table>span{border-bottom:1px solid #e2e8f0!important;min-height:40px!important;padding:0 14px!important}.paper-table>span:first-child{background:#f8fafc!important;font-weight:700!important}.paper-table .total{color:#0f766e!important;background:#e7f5f2!important;border-bottom:none!important;font-size:13px!important;font-weight:700!important}.paper-balance{page-break-inside:avoid!important;justify-content:flex-end!important;gap:36px!important;margin:20px 0 16px!important;display:flex!important}.paper-balance span{text-align:right!important;color:#64748b!important;flex-direction:column!important;font-size:11px!important;display:flex!important}.paper-balance b{color:#0f172a!important;margin-top:3px!important;font-size:14px!important;font-weight:700!important}.paper>footer{color:#64748b!important;page-break-inside:avoid!important;border-top:1px solid #cbd5e1!important;justify-content:space-between!important;align-items:center!important;width:100%!important;margin-top:24px!important;padding-top:14px!important;font-size:10px!important;display:flex!important;position:static!important;top:auto!important;bottom:auto!important;left:auto!important;right:auto!important}.receipt-card.thermal-80mm{width:80mm!important;max-width:80mm!important;box-shadow:none!important;page-break-after:avoid!important;border:none!important;margin:0 auto!important;padding:10px!important;font-size:11px!important}}:root{color:#0f172a;font-synthesis:none;--primary:#0f6b63;--strong:#09544e;--soft:#e3f3f1;--bg:#f5f8f8;--surface:#fff;--surface2:#f8fafc;--text:#0f172a;--muted:#64748b;--border:#e2e8f0;--border-input:#cbd5e1;--border-input-hover:#94a3b8;--shadow:0 1px 2px #0f172a08,0 8px 24px #0f172a0a;background:#f5f8f8;font-family:Inter,sans-serif}*{box-sizing:border-box}body{background:var(--bg);min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible{outline-offset:2px;outline:3px solid #22d3ee55}.icon{flex:none}.dark{--bg:#071513;--surface:#0f2421;--surface2:#132b28;--text:#f1f5f9;--muted:#9fb2af;--border:#24423e;--border-input:#33534d;--border-input-hover:#4e766f;--shadow:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.app{background:var(--bg);min-height:100vh;color:var(--text);display:flex}.app>aside{z-index:30;background:var(--sidebar-bg,#0b514c);width:252px;color:var(--sidebar-text,#d9eeeb);scroll-behavior:smooth;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#ffffff38 transparent;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;right:auto;overflow:hidden auto}.app>aside::-webkit-scrollbar{width:5px}.app>aside::-webkit-scrollbar-track{background:0 0}.app>aside::-webkit-scrollbar-thumb{background:#ffffff38;border-radius:999px}.app>aside::-webkit-scrollbar-thumb:hover{background:#fff6}.aside-logo{z-index:10;background:var(--sidebar-bg,#0b514c);border-bottom:1px solid #ffffff18;flex-shrink:0;align-items:center;padding:21px 18px 17px;display:flex;position:sticky;top:0}.aside-logo>button{color:#fff;background:0 0;border:0;margin-left:auto;font-size:25px;display:none}.brand{align-items:center;gap:11px;display:flex}.brand img{object-fit:cover;border:2px solid var(--border,#e2e8f0);border-radius:10px;width:44px;height:44px;box-shadow:0 2px 6px #0000000f}.brand div{flex-direction:column;display:flex}.brand strong{color:var(--text,#0f172a);letter-spacing:-.015em;white-space:nowrap;font-size:15px;font-weight:800}.brand span{color:var(--primary,#0f6b63);opacity:1;white-space:nowrap;margin-top:2px;font-size:11px;font-weight:700}.app>aside .brand strong,.aside-logo .brand strong,.login-visual .brand strong{color:#fff}.app>aside .brand span,.aside-logo .brand span,.login-visual .brand span{color:#d9eeeb;opacity:.85}.app>aside .brand img,.aside-logo .brand img{border-color:#fffc}.app aside nav{flex-direction:column;flex-shrink:0;gap:5px;padding:18px 12px;display:flex}.app aside nav button{color:#c4ddda;text-align:left;background:0 0;border:0;border-radius:9px;flex-shrink:0;align-items:center;gap:12px;min-height:44px;padding:0 12px;font-size:12px;font-weight:500;transition:all .18s;display:flex}.app aside nav button:hover{color:#fff;background:#ffffff12}.app aside nav button.active{color:#0b6159;background:#fff;font-weight:700;box-shadow:0 8px 20px #0002}.sync-mini{color:#fff;text-align:left;background:#ffffff0d;border:1px solid #ffffff20;border-radius:10px;flex-shrink:0;align-items:center;gap:9px;margin:auto 12px 0;padding:10px;display:flex}.sync-mini>span{flex-direction:column;flex:1;display:flex}.sync-mini b{font-size:10px}.sync-mini small{color:#9fc7c2;margin-top:3px;font-size:8px}.help{color:#9fc7c2;flex-direction:column;flex-shrink:0;gap:3px;padding:15px 23px 20px;font-size:9px;display:flex}.help b{color:#d9eeeb}.workspace{flex:1;min-width:0;margin-left:252px}.workspace>header{z-index:20;background:var(--surface);border-bottom:1px solid var(--border);align-items:center;height:72px;padding:0 32px;display:flex;position:sticky;top:0}.search{width:min(460px,40vw);height:40px;color:var(--muted);background:var(--surface2);border:1px solid var(--border);border-radius:9px;align-items:center;gap:9px;padding:0 12px;display:flex}.search input,.table-search input{width:100%;min-width:0;color:var(--text);background:0 0;border:0;outline:0;font-size:12px}.top-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.icon-button{width:38px;height:38px;color:var(--muted);background:0 0;border:0;border-radius:8px;place-items:center;display:grid}.icon-button:hover{background:var(--surface2);color:var(--primary)}.online{color:#15803d;background:#f0fdf4;border:0;border-radius:20px;align-items:center;gap:6px;padding:7px 10px;font-size:10px;font-weight:700;display:flex}.online i{background:#22c55e;border-radius:50%;width:7px;height:7px}.online.off{color:#a16207;background:#fefce8}.online.off i{background:#eab308}.lang{border:1px solid var(--border);background:var(--surface);height:36px;color:var(--muted);border-radius:8px;padding:0 9px;font-size:10px}.lang b{color:var(--text)}.user{color:var(--text);text-align:left;background:0 0;border:0;align-items:center;gap:8px;display:flex}.user>span{color:#0b514c;background:#d9f0ec;border-radius:9px;place-items:center;width:34px;height:34px;font-size:10px;font-weight:800;display:grid}.user div{flex-direction:column;display:flex}.user b{font-size:10px}.user small{color:var(--muted);margin-top:2px;font-size:8px}.mobile-menu,.bottom-nav{display:none}.offline{color:#854d0e;background:#fef9c3;border-bottom:1px solid #fde047;align-items:center;min-height:44px;padding:9px 32px;font-size:11px;display:flex}.offline span{flex:1}.offline button{color:#854d0e;background:0 0;border:0;font-size:10px;font-weight:700;text-decoration:underline}.content{max-width:1600px;margin:auto;padding:28px 32px 48px}.title{justify-content:space-between;align-items:center;gap:18px;min-height:58px;margin-bottom:24px;display:flex}.title-copy{align-items:center;gap:10px;display:flex}.title h1{letter-spacing:-.025em;margin:0;font-size:24px;line-height:1.2}.title p{color:var(--muted);margin:6px 0 0;font-size:11px}.title-actions{align-items:center;gap:8px;display:flex}.title-copy>.icon-button{border:1px solid var(--border);background:var(--surface)}.btn{white-space:nowrap;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:40px;padding:0 15px;font-size:11px;font-weight:700;transition:all .18s;display:inline-flex}.btn.primary{background:var(--primary);color:#fff;box-shadow:0 4px 10px #0f766e25}.btn.primary:hover{background:var(--strong);transform:translateY(-1px)}.btn.outline{background:var(--surface);color:var(--primary);border-color:#9bcac4}.btn.outline:hover{background:var(--soft)}.btn.ghost{border-color:var(--border);color:var(--muted);background:0 0}.btn:disabled{opacity:.5;cursor:not-allowed}.badge{text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;border-radius:15px;align-items:center;width:max-content;min-height:22px;padding:0 8px;font-size:8px;font-weight:800;display:inline-flex}.badge.green{color:#15713a;background:#dcfce7}.badge.amber{color:#985d0b;background:#fef3c7}.badge.red{color:#b91c1c;background:#fee2e2}.badge.blue{color:#0369a1;background:#e0f2fe}.badge.slate{color:#475569;background:#f1f5f9}.card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:12px}.period{border:1px solid var(--border);background:var(--surface);border-radius:8px;padding:3px;display:flex}.period button{min-height:31px;color:var(--muted);background:0 0;border:0;border-radius:6px;padding:0 11px;font-size:10px;font-weight:600}.period button.active{background:var(--soft);color:var(--primary)}.kpis{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.kpi{border:1px solid var(--border);background:var(--surface);min-height:114px;color:var(--text);text-align:left;box-shadow:var(--shadow);border-radius:12px;gap:13px;padding:19px;transition:all .18s;display:flex}.kpi:hover{border-color:#a7d4cf;transform:translateY(-2px)}.kpi>span,.metric>span{background:var(--soft);width:40px;height:40px;color:var(--primary);border-radius:10px;flex:none;place-items:center;display:grid}.kpi div{flex-direction:column;display:flex}.kpi small{color:var(--muted);font-size:10px}.kpi b{letter-spacing:-.02em;margin:7px 0 5px;font-size:19px}.kpi em{color:var(--muted);font-size:9px;font-style:normal}.status{border:1px solid var(--border);background:var(--surface);min-height:54px;box-shadow:var(--shadow);border-radius:10px;grid-template-columns:repeat(4,1fr);margin:14px 0;display:grid}.status div{border-right:1px solid var(--border);align-items:center;gap:8px;padding:0 20px;display:flex}.status div:last-child{border:0}.status i{border-radius:50%;width:8px;height:8px}.status i.green{background:#22c55e}.status i.amber{background:#f59e0b}.status i.blue{background:#3b82f6}.status i.red{background:#ef4444}.status span{color:var(--muted);font-size:10px}.status b{margin-left:auto;font-size:14px}.cashier{color:#fff;background:linear-gradient(120deg,#07564f,#0f766e);border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:14px;padding:20px 24px;display:flex}.cashier>span{flex-direction:column;font-size:10px;display:flex}.cashier b{margin:4px 0;font-size:25px}.cashier small{opacity:.7}.cashier .btn{color:#fff;background:#ffffff12;border-color:#fff8}.dash-grid{grid-template-columns:1.3fr 1fr;gap:14px;margin-top:14px;display:grid}.dash-grid.lower{grid-template-columns:1fr 1fr}.chart{min-height:305px;padding:18px 20px 12px}.card-head{justify-content:space-between;align-items:flex-start;display:flex}.card-head h2{margin:0;font-size:13px}.card-head p{color:var(--muted);margin:5px 0 0;font-size:9px}.card-head>button{color:var(--primary);background:0 0;border:0;align-items:center;font-size:9px;font-weight:700;display:flex}.card-head>button .icon{width:12px}.legend{justify-content:flex-end;gap:14px;margin-top:7px;display:flex}.legend span{color:var(--muted);align-items:center;gap:5px;font-size:8px;display:flex}.legend i{background:var(--primary);border-radius:2px;width:8px;height:8px}.legend span+span i{background:#56c8be}.bars{border-bottom:1px solid var(--border);background:repeating-linear-gradient(to bottom,transparent 0,transparent 52px,var(--border) 53px);justify-content:space-around;align-items:flex-end;height:218px;padding:17px 8px 0;display:flex}.bars>div{flex-direction:column;justify-content:flex-end;align-items:center;gap:8px;height:100%;display:flex}.bars>div>span{align-items:flex-end;gap:4px;height:88%;display:flex}.bars i{background:var(--primary);border-radius:4px 4px 0 0;width:13px}.bars i+i{background:#56c8be}.bars small{color:var(--muted);font-size:8px}.line-chart{background:repeating-linear-gradient(to bottom,transparent 0,transparent 56px,var(--border) 57px);height:235px;margin-top:20px}.line-chart svg{width:100%;height:200px}.line-chart path{fill:#14b8a620}.line-chart polyline{fill:none;stroke:#0f766e;stroke-width:3px;vector-effect:non-scaling-stroke}.lower>.card{min-height:265px;padding:18px 20px}.list>button{border:0;border-top:1px solid var(--border);width:100%;color:var(--text);text-align:left;background:0 0;align-items:center;gap:10px;padding:10px 0;display:flex}.list>button:first-of-type{margin-top:11px}.list>button>span:nth-child(2){flex-direction:column;display:flex}.list button b{font-size:10px}.list button small{color:var(--muted);margin-top:3px;font-size:8px}.list button strong{margin-left:auto;font-size:10px}.avatar{color:#0f766e;background:#dff4f1;border-radius:8px;flex:none;place-items:center;width:30px;height:30px;font-size:8px;font-weight:800;display:grid}.avatar.big{border-radius:14px;width:56px;height:56px;font-size:15px}.quick>div{grid-template-columns:1fr 1fr;gap:9px;margin-top:17px;display:grid}.quick>div button{border:1px solid var(--border);background:var(--surface2);min-height:82px;color:var(--text);text-align:left;border-radius:10px;grid-template-rows:1fr 1fr;grid-template-columns:32px 1fr;column-gap:10px;padding:12px;display:grid}.quick>div button:hover{background:var(--soft);border-color:#77bcb5}.quick button>span{background:var(--surface);width:32px;height:32px;color:var(--primary);border-radius:8px;grid-row:1/3;place-items:center;display:grid}.quick button b{align-self:end;font-size:10px}.quick button small{color:var(--muted);font-size:8px}.table-card{overflow:hidden}.toolbar{border-bottom:1px solid var(--border);align-items:center;gap:9px;padding:14px 16px;display:flex}.table-search{border:1px solid var(--border);min-width:260px;height:38px;color:var(--muted);border-radius:8px;flex:1;align-items:center;gap:8px;padding:0 10px;display:flex}.toolbar select{border:1px solid var(--border);background:var(--surface);height:38px;color:var(--text);border-radius:8px;padding:0 28px 0 10px;font-size:10px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:800px}th{background:var(--surface2);height:42px;color:var(--muted);text-align:left;text-transform:uppercase;letter-spacing:.04em;padding:0 14px;font-size:8px}td{border-top:1px solid var(--border);height:62px;color:var(--muted);padding:0 14px;font-size:10px}tbody tr{cursor:pointer}tbody tr:hover{background:var(--soft)}td b{color:var(--text)}.number{text-align:right;font-variant-numeric:tabular-nums}.account{color:var(--primary)!important}.person{align-items:center;gap:9px;display:flex}.person>span:not(.avatar){flex-direction:column;display:flex}.person small,td>small{color:var(--muted);margin-top:3px;font-size:8px;display:block}.pagination{border-top:1px solid var(--border);min-height:58px;color:var(--muted);justify-content:space-between;align-items:center;padding:0 16px;font-size:9px;display:flex}.pagination div{gap:4px;display:flex}.pagination button{border:1px solid var(--border);background:var(--surface);width:30px;height:30px;color:var(--muted);border-radius:7px}.pagination button.active{background:var(--primary);color:#fff}.profile-hero{color:#fff;background:linear-gradient(115deg,#0b514c,#16766e);border-radius:13px;grid-template-columns:1.6fr repeat(3,.7fr);align-items:center;gap:18px;padding:22px 24px;display:grid}.profile-hero>div{align-items:center;gap:13px;display:flex}.profile-hero>div>.avatar{color:#fff;background:#ffffff20}.profile-hero>div>span{flex-direction:column;display:flex}.profile-hero>div b{align-items:center;gap:7px;font-size:17px;display:flex}.profile-hero>div small{color:#b5d9d5;margin-top:5px;font-size:9px}.profile-hero dl{border-left:1px solid #ffffff25;flex-direction:column;margin:0;padding-left:17px;display:flex}.profile-hero dt{color:#b5d9d5;font-size:8px}.profile-hero dd{margin:5px 0 0;font-size:13px;font-weight:700}.profile-hero dl:last-child dd{color:#fde047}.tabs{border-bottom:1px solid var(--border);margin:18px 0;display:flex;overflow-x:auto}.tabs button{color:var(--muted);white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;padding:11px 16px;font-size:10px;font-weight:600}.tabs button.active{border-color:var(--primary);color:var(--primary)}.profile-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.profile-grid>.card{padding:20px}.details>dl{grid-template-columns:1fr 1fr;gap:20px 30px;margin:18px 0 0;display:grid}.details dl div{flex-direction:column;display:flex}.details dt{color:var(--muted);font-size:8px}.details dd{margin:5px 0 0;font-size:10px;font-weight:600}.meter>div:nth-child(2){justify-content:space-around;align-items:center;margin:28px 0 20px;display:flex}.meter>div:nth-child(2)>span{text-align:center;color:var(--muted);flex-direction:column;font-size:8px;display:flex}.meter span b{color:var(--text);margin-top:5px;font-size:21px}.mini-bars{gap:7px;align-items:flex-end!important;height:80px!important;margin:0!important;display:flex!important}.mini-bars i{background:#88d2ca;border-radius:5px 5px 2px 2px;flex:1}.empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:300px;padding:30px;display:flex}.empty>span{background:var(--soft);width:50px;height:50px;color:var(--primary);border-radius:12px;place-items:center;display:grid}.empty h2{font-size:16px}.empty p{max-width:380px;color:var(--muted);font-size:10px;line-height:1.6}.payment-layout{grid-template-columns:1.5fr .7fr;align-items:start;gap:16px;max-width:1100px;margin:auto;display:grid}.pay-form{padding:24px}.step{align-items:center;gap:10px;display:flex}.step>span{background:var(--primary);color:#fff;border-radius:8px;place-items:center;width:27px;height:27px;font-size:10px;font-weight:800;display:grid}.step div{flex-direction:column;display:flex}.step b{font-size:11px}.step small{color:var(--muted);margin-top:2px;font-size:8px}.selected{background:var(--soft);border:1px solid #96d0ca;border-radius:10px;align-items:center;gap:10px;min-height:70px;margin-top:13px;padding:12px;display:flex}.selected>span:nth-child(2){flex-direction:column;flex:1;display:flex}.selected b{font-size:11px}.selected small{color:var(--muted);margin-top:3px;font-size:8px}.selected>button{color:var(--primary);background:0 0;border:0;font-size:9px;font-weight:700}.pay-form hr{background:var(--border);border:0;height:1px;margin:22px 0}.amount{flex-direction:column;gap:7px;margin-top:15px;font-size:10px;font-weight:600;display:flex}.amount>div{border:2px solid var(--primary);background:var(--surface);border-radius:10px;height:64px;display:flex;overflow:hidden}.amount>div>b{background:var(--soft);color:var(--primary);place-items:center;padding:0 16px;display:grid}.amount input{min-width:0;color:var(--text);text-align:right;background:0 0;border:0;outline:0;flex:1;padding:0 16px;font-size:25px;font-weight:700}.amount small{color:var(--muted);font-size:8px;font-weight:400}.methods{grid-template-columns:repeat(3,1fr);gap:9px;margin-top:14px;display:grid}.methods button{border:1px solid var(--border);background:var(--surface);min-height:68px;color:var(--muted);border-radius:9px;justify-content:center;align-items:center;gap:8px;display:flex;position:relative}.methods b{font-size:9px}.methods button.active{border:2px solid var(--primary);background:var(--soft);color:var(--primary)}.methods button i{background:var(--primary);color:#fff;border-radius:50%;place-items:center;width:16px;height:16px;display:grid;position:absolute;top:5px;right:5px}.methods button i .icon{width:10px}.field{color:var(--text);flex-direction:column;gap:6px;font-size:11px;font-weight:600;display:flex}.methods+.field{margin-top:12px}.field label,.field>label,.field>span{color:var(--text);align-items:center;gap:6px;margin-bottom:2px;font-size:11px;font-weight:600;display:flex}.field input:not([type=checkbox]):not([type=radio]):not([type=button]):not([type=submit]):not([type=reset]):not([type=file]),.field select,.field textarea,input.input-field,select.select-field,textarea.input-field,.password{border:1.5px solid var(--border-input,#cbd5e1);background-color:var(--surface);width:100%;height:42px;color:var(--text);box-sizing:border-box;border-radius:8px;outline:0;padding:0 12px;font-family:inherit;font-size:12px;transition:border-color .15s,box-shadow .15s,background-color .15s;display:block}.field textarea,textarea.input-field{resize:vertical;height:auto;min-height:85px;padding:10px 12px}.field select,select.select-field{cursor:pointer;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:15px;padding-right:32px}.field input:not([type=checkbox]):not([type=radio]):not([type=button]):not([type=submit]):not([type=reset]):not([type=file]):hover,.field select:hover,.field textarea:hover,input.input-field:hover,select.select-field:hover,textarea.input-field:hover,.cell:hover{border-color:var(--border-input-hover,#94a3b8)}.field input:not([type=checkbox]):not([type=radio]):not([type=button]):not([type=submit]):not([type=reset]):not([type=file]):focus,.field select:focus,.field textarea:focus,input.input-field:focus,select.select-field:focus,textarea.input-field:focus,.password:focus-within,.cell:focus{border-color:var(--primary)!important;outline:0!important;box-shadow:0 0 0 3px #0f766e22!important}.field input::placeholder,.field textarea::placeholder,input.input-field::placeholder,textarea.input-field::placeholder{color:#94a3b8;opacity:1;font-size:12px}.field input.has-error,.field select.has-error,.field textarea.has-error,input.input-field.has-error,select.select-field.has-error,textarea.input-field.has-error,.border-red-500{border-color:#ef4444!important}.field input.has-error:focus,.field select.has-error:focus,.field textarea.has-error:focus,input.input-field.has-error:focus,select.select-field.has-error:focus,textarea.input-field.has-error:focus,.border-red-500:focus{border-color:#ef4444!important;box-shadow:0 0 0 3px #ef444426!important}.allocation-head{justify-content:space-between;align-items:center;display:flex}.allocation{border:1px solid var(--border);border-radius:9px;margin:14px 0;overflow:hidden}.allocation>span{border-bottom:1px solid var(--border);flex-direction:column;min-height:58px;padding:10px 13px;display:flex;position:relative}.allocation>span:last-child{border:0}.allocation b,.allocation strong{font-size:9px}.allocation small{color:var(--muted);margin-top:3px;font-size:8px}.allocation strong{position:absolute;top:22px;right:13px}.pay-form>.btn{width:100%;min-height:48px}.summary{padding:22px;position:sticky;top:92px}.summary h2{margin:0;font-size:13px}.summary-person{background:var(--surface2);border-radius:9px;align-items:center;gap:9px;margin:16px 0;padding:13px;display:flex}.summary-person>span{flex-direction:column;display:flex}.summary-person b{font-size:10px}.summary-person small{color:var(--muted);margin-top:3px;font-size:8px}.summary dl{margin:0}.summary dl div{border-bottom:1px solid var(--border);align-items:center;min-height:42px;font-size:9px;display:flex}.summary dt{color:var(--muted)}.summary dd{margin-left:auto;font-weight:700}.summary dl div:last-child{background:var(--soft);color:var(--primary);border:0;border-radius:8px;margin-top:8px;padding:0 10px}.summary>p{color:var(--primary);gap:8px;margin-top:18px;display:flex}.summary>p span{flex-direction:column;display:flex}.summary>p b{font-size:8px}.summary>p small{color:var(--muted);margin-top:3px;font-size:7px}.success-page{text-align:center;max-width:690px;margin:30px auto}.success-icon{background:var(--primary);color:#fff;width:68px;height:68px;box-shadow:0 0 0 10px var(--soft);border-radius:50%;place-items:center;margin:0 auto 12px;display:grid}.success-page>.badge{margin:10px auto}.success-page h1{margin:10px 0 8px;font-size:24px}.success-page>p{color:var(--muted);font-size:11px}.receipt-card{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);text-align:left;border-radius:12px;margin:24px auto 18px;padding:25px}.receipt-brand{border-bottom:1px dashed var(--border);align-items:center;gap:10px;padding-bottom:18px;display:flex}.receipt-brand img{object-fit:cover;border-radius:8px;width:40px;height:40px}.receipt-brand>span{flex-direction:column;display:flex}.receipt-brand b{font-size:11px}.receipt-brand small{color:var(--muted);margin-top:3px;font-size:8px}.receipt-brand>strong{color:#a16207;border:2px solid #eab308;margin-left:auto;padding:5px 8px;font-size:9px;transform:rotate(-3deg)}.receipt-card dl{margin:0}.receipt-card dl div{border-bottom:1px solid var(--border);align-items:center;min-height:42px;font-size:9px;display:flex}.receipt-card dt{color:var(--muted)}.receipt-card dd{margin-left:auto;font-weight:700}.receipt-card .paid{background:var(--soft);color:var(--primary);border:0;border-radius:10px;margin:15px 0;padding:18px}.receipt-card .paid dd{font-size:19px}.success-actions{justify-content:center;gap:8px;display:flex}.paper{color:#0f172a;background:#fff;flex-direction:column;width:min(760px,100%);min-height:900px;margin:auto;padding:50px;display:flex;position:relative;box-shadow:0 15px 45px #0f172a20}.paper .brand strong{color:#0f172a}.paper>header{border-bottom:3px solid #0f766e;justify-content:space-between;align-items:center;padding-bottom:30px;display:flex}.paper>header>span{text-align:right;flex-direction:column;display:flex}.paper>header>span b{letter-spacing:.08em;font-size:18px}.paper>header>span small{color:#64748b;font-size:8px}.watermark{color:#eab30820;font-size:58px;font-weight:800;position:absolute;top:43%;left:24%;transform:rotate(-25deg)}.paper-meta{background:#f1f5f9;justify-content:space-between;margin:20px 0;padding:14px;display:flex}.paper-meta span,.paper-grid span{color:#64748b;flex-direction:column;font-size:8px;display:flex}.paper-meta b,.paper-grid b{color:#0f172a;margin-top:4px;font-size:10px}.paper h3{color:#0f766e;letter-spacing:.07em;margin-top:26px;font-size:10px}.paper-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.paper-table{border:1px solid #e2e8f0;margin-top:28px}.paper-table>span{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;min-height:48px;padding:0 14px;font-size:9px;display:flex}.paper-table>span:first-child{background:#f8fafc;min-height:36px}.paper-table .total{color:#0f766e;background:#e7f5f2;font-size:12px}.paper-balance{justify-content:flex-end;gap:30px;margin:20px 0;display:flex}.paper-balance span{color:#64748b;flex-direction:column;font-size:9px;display:flex}.paper-balance b{color:#0f172a;margin-top:4px}.paper>footer{color:#64748b;border-top:1px solid #e2e8f0;justify-content:space-between;margin-top:auto;padding-top:16px;font-size:9px;display:flex}.cell{border:1.5px solid var(--border-input,#cbd5e1);background:var(--surface);width:130px;height:36px;color:var(--text);text-align:right;border-radius:7px;outline:0;padding:0 10px;transition:border-color .15s,box-shadow .15s}.overview{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.metric{flex-direction:column;align-items:flex-start;padding:20px;display:flex}.metric small{color:var(--muted);margin:14px 0 5px;font-size:10px}.metric>b{margin-bottom:14px;font-size:15px}.metric button{color:var(--primary);background:0 0;border:0;align-items:center;padding:0;font-size:9px;font-weight:700;display:flex}.large-chart{margin-top:14px;padding:20px}.large-chart>div:last-child{background:repeating-linear-gradient(to bottom,transparent 0,transparent 69px,var(--border) 70px);align-items:flex-end;gap:12px;height:280px;margin-top:25px;display:flex}.large-chart>div i{background:linear-gradient(#5cc7bd,#0f766e);border-radius:5px 5px 0 0;flex:1}.reports{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.reports>button{border:1px solid var(--border);background:var(--surface);min-height:100px;color:var(--text);text-align:left;box-shadow:var(--shadow);border-radius:11px;align-items:center;gap:12px;padding:16px;transition:all .18s;display:flex}.reports>button:hover{border-color:#77bcb5;transform:translateY(-2px)}.reports>button>span{background:var(--soft);width:42px;height:42px;color:var(--primary);border-radius:10px;place-items:center;display:grid}.reports>button>div{flex-direction:column;flex:1;display:flex}.reports b{font-size:11px}.reports small{color:var(--muted);margin-top:5px;font-size:8px}.report-summary{border:1px solid var(--border);background:var(--border);border-radius:11px;grid-template-columns:repeat(4,1fr);gap:1px;margin-bottom:14px;display:grid;overflow:hidden}.report-summary>span{background:var(--surface);flex-direction:column;padding:17px;display:flex}.report-summary small{color:var(--muted);font-size:8px}.report-summary b{margin-top:6px;font-size:14px}.warning{color:#854d0e;background:#fef9c3;border:1px solid #fde047;border-radius:10px;align-items:flex-start;gap:10px;margin-bottom:14px;padding:15px;display:flex}.warning span{flex-direction:column;display:flex}.warning b{font-size:10px}.warning small{margin-top:3px;font-size:8px}.login{background:#fff;grid-template-columns:minmax(450px,1.1fr) minmax(450px,.9fr);min-height:100vh;display:grid}.login-visual{color:#fff;background:radial-gradient(circle at 20% 10%,#22d3ee22,#0000 35%),linear-gradient(145deg,#0b514c,#073d39);flex-direction:column;padding:44px;display:flex;position:relative;overflow:hidden}.login-visual:after{content:"";border:1px solid #ffffff20;border-radius:50%;width:500px;height:500px;position:absolute;bottom:-180px;right:-210px;box-shadow:0 0 0 80px #ffffff08,0 0 0 160px #ffffff05}.visual-top{z-index:1;justify-content:space-between;align-items:center;display:flex}.visual-copy{z-index:1;max-width:570px;margin:auto 0 8vh}.visual-copy>i{background:#f4c51f;border-radius:3px;width:40px;height:4px;margin-bottom:24px;display:block}.visual-copy h1{letter-spacing:-.045em;margin:0;font-size:clamp(38px,4vw,62px);line-height:1.06}.visual-copy>p{color:#bedbd8;max-width:500px;font-size:13px;line-height:1.7}.visual-copy>div{color:#d7ebe9;gap:22px;margin-top:30px;font-size:9px;display:flex}.visual-copy>div span{align-items:center;gap:5px;display:flex}.visual-copy .icon{color:#f4c51f;width:13px}.login-form{flex-direction:column;padding:40px 9vw;display:flex;position:relative}.language{color:#0f766e;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:8px 11px;font-size:9px;font-weight:700;position:absolute;top:34px;right:38px}.login-form form{width:min(390px,100%);margin:auto}.login-form form>small{color:#0f766e;letter-spacing:.15em;font-size:8px;font-weight:800}.login-form h2{letter-spacing:-.035em;margin:11px 0 6px;font-size:30px}.login-form form>p{color:#64748b;margin:0 0 28px;font-size:11px}.login-form .field{margin-bottom:16px}.login-form .field>input,.password{height:46px}.password{align-items:center;padding:0;display:flex}.password input{background:0 0;border:0;outline:0;flex:1;min-width:0;padding:0 11px}.password button{color:#0f766e;background:0 0;border:0;padding:0 11px;font-size:9px;font-weight:700}.form-options{color:#64748b;justify-content:space-between;margin:5px 0 22px;font-size:9px;display:flex}.form-options label{align-items:center;gap:6px;display:flex}.form-options button{color:#0f766e;background:0 0;border:0;font-weight:700}.login-form form>.btn{width:100%;min-height:48px}.login-form form>em{color:#94a3b8;justify-content:center;align-items:center;gap:5px;margin-top:14px;font-size:7px;font-style:normal;display:flex}.login-form form>em .icon{color:#0f766e;width:11px}.login-form>footer{text-align:center;color:#94a3b8;font-size:8px;line-height:1.7}.mobile-logo{display:none}@media (max-width:1100px){.app>aside{width:220px}.workspace{margin-left:220px}.content{padding:24px 20px 40px}.workspace>header{padding:0 20px}.user div{display:none}.kpis{grid-template-columns:1fr 1fr}.dash-grid{grid-template-columns:1fr}.profile-hero{grid-template-columns:1.5fr repeat(3,1fr)}.reports{grid-template-columns:1fr 1fr}}@media (max-width:800px){.app>aside{width:280px;transition:all .25s;transform:translate(-102%);box-shadow:20px 0 40px #0003}.app>aside.open{transform:none}.aside-logo>button{display:block}.workspace{margin-left:0;padding-bottom:62px}.workspace>header{gap:8px;height:64px;padding:0 14px}.mobile-menu{width:38px;height:38px;color:var(--muted);background:0 0;border:0;border-radius:8px;place-items:center;display:grid}.search{flex:1;width:auto}.search input::placeholder{font-size:9px}.top-actions .lang,.top-actions>.icon-button,.user{display:none}.content{padding:20px 14px 32px}.title{flex-direction:column;align-items:flex-start}.title-actions{width:100%;overflow:auto}.bottom-nav{z-index:25;background:var(--surface);border-top:1px solid var(--border);height:62px;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav button{color:var(--muted);background:0 0;border:0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;display:flex}.bottom-nav button.active{color:var(--primary)}.bottom-nav small{font-size:7px}.status{grid-template-columns:1fr 1fr}.status div{min-height:48px}.status div:nth-child(2){border-right:0}.status div:nth-child(-n+2){border-bottom:1px solid var(--border)}.profile-hero{grid-template-columns:1fr 1fr}.profile-hero>div{grid-column:1/3}.profile-hero dl:nth-of-type(2){display:none}.profile-grid,.payment-layout{grid-template-columns:1fr}.summary{position:static}.overview,.report-summary{grid-template-columns:1fr 1fr}.login{grid-template-columns:1fr}.login-visual{display:none}.login-form{min-height:100vh;padding:90px 28px 28px}.mobile-logo{display:block;position:absolute;top:28px;left:28px}.mobile-logo .brand strong{color:#0f172a}.mobile-logo .brand span{color:#64748b}.login-form>footer{margin-top:auto}}@media (max-width:520px){.content{padding:17px 12px 28px}.title h1{font-size:21px}.title-actions .period{display:none}.title-actions .btn{flex:1}.kpis{gap:9px}.kpi{flex-direction:column;gap:9px;min-height:130px;padding:14px}.kpi b{font-size:14px}.dash-grid.lower{grid-template-columns:1fr}.chart{padding:15px 13px}.bars{padding-left:0;padding-right:0}.bars i{width:10px}.toolbar{flex-wrap:wrap}.table-search{min-width:100%}.toolbar select{flex:1}.pagination>span{display:none}.pagination{justify-content:center}.profile-hero{padding:17px}.profile-hero dl{padding-left:9px}.profile-hero dd{font-size:11px}.profile-grid,.methods{grid-template-columns:1fr}.methods button{min-height:49px}.allocation-head{align-items:flex-start;gap:10px}.success-actions{flex-wrap:wrap}.success-actions .btn{flex:1}.receipt-card{padding:17px}.paper{min-height:760px;padding:25px 20px}.paper>header{align-items:flex-start}.paper>header .brand div{display:none}.paper>footer{bottom:25px;left:20px;right:20px}.overview,.reports{grid-template-columns:1fr}.offline{padding:9px 12px}.offline button{display:none}.amount input{font-size:21px}.pay-form{padding:17px}.report-summary b{font-size:11px}}.login-screen{background:#f8fafc;grid-template-columns:1.15fr .85fr;min-height:100vh;display:grid;overflow:hidden}.login-slideshow{background:#072b26;flex-direction:column;min-height:100vh;display:flex;position:relative;overflow:hidden}.slide-bg-item{opacity:0;background-position:50%;background-size:cover;transition:opacity 1.2s ease-in-out,transform 8s ease-out;position:absolute;top:0;bottom:0;left:0;right:0;transform:scale(1.06)}.slide-bg-item.active{opacity:1;z-index:1;transform:scale(1)}.slide-overlay{z-index:2;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:linear-gradient(135deg,#08231f99 0%,#061a17d1 55%,#030f0df0 100%);position:absolute;top:0;bottom:0;left:0;right:0}.slide-content-wrap{z-index:3;color:#fff;box-sizing:border-box;flex-direction:column;justify-content:space-between;height:100%;min-height:100vh;padding:48px 52px;display:flex;position:relative}.slide-header{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.slide-org-title{color:#f4c51f;letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-weight:700}.slide-badge-pill{letter-spacing:.05em;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff1f;border:1px solid #ffffff40;border-radius:20px;align-items:center;gap:8px;padding:6px 14px;font-size:10px;font-weight:700;display:inline-flex}.slide-badge-dot{background:#22c55e;border-radius:50%;width:7px;height:7px;box-shadow:0 0 8px #22c55e}.slide-body{max-width:580px;margin:auto 0;padding:24px 0}.slide-title{letter-spacing:-.02em;color:#fff;text-shadow:0 2px 12px #0006;margin:0;font-family:Georgia,Playfair Display,serif;font-size:clamp(34px,3.6vw,46px);font-weight:700;line-height:1.14}.slide-subtitle{letter-spacing:.12em;color:#6ee7b7;text-transform:uppercase;margin:14px 0 0;font-size:12px;font-weight:800}.slide-divider{background:#eab308;border-radius:2px;width:46px;height:3px;margin:18px 0}.slide-desc{color:#e2f4f1;opacity:.95;text-shadow:0 1px 3px #00000040;margin:0 0 24px;font-size:13px;font-weight:400;line-height:1.7}.slide-actions-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.slide-btn-learn{color:#fff;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff1f;border:1.5px solid #ffffff73;border-radius:30px;align-items:center;gap:10px;padding:12px 26px;font-size:11px;font-weight:700;transition:all .2s;display:inline-flex}.slide-btn-learn:hover{color:#0b514c;background:#fff;border-color:#fff;transform:translateY(-1px);box-shadow:0 8px 24px #00000040}.slide-btn-learn .arrow{font-size:14px;transition:transform .2s}.slide-btn-learn:hover .arrow{transform:translate(3px)}.slide-arrows{gap:8px;display:flex}.slide-arrow-btn{color:#fff;cursor:pointer;background:#00000059;border:1px solid #ffffff4d;border-radius:50%;place-items:center;width:38px;height:38px;font-size:20px;line-height:1;transition:all .18s;display:grid}.slide-arrow-btn:hover{background:#ffffff40;border-color:#fff}.slide-footer{border-top:1px solid #ffffff2e;justify-content:space-between;align-items:center;gap:20px;padding-top:20px;display:flex}.slide-social{flex-wrap:wrap;align-items:center;gap:12px;font-size:11px;display:flex}.slide-social-label{color:#a7f3d0;letter-spacing:.05em;font-size:10px;font-weight:700}.slide-hotline-badge{color:#fff;background:#ffffff26;border:1px solid #fff3;border-radius:6px;align-items:center;gap:6px;padding:5px 12px;font-weight:700;text-decoration:none;transition:all .15s;display:inline-flex}.slide-hotline-badge:hover{background:#ffffff40}.slide-social-icons{gap:6px;display:flex}.social-pill{color:#fff;cursor:pointer;background:#ffffff26;border:1px solid #ffffff40;border-radius:50%;place-items:center;width:28px;height:28px;font-size:11px;font-weight:700;transition:all .15s;display:grid}.social-pill:hover{color:#0b514c;background:#eab308;border-color:#eab308}.slide-dots{align-items:center;gap:8px;display:flex}.slide-dot{cursor:pointer;background:#ffffff59;border:0;border-radius:50%;width:9px;height:9px;transition:all .25s}.slide-dot.active{background:#fbbf24;border-radius:10px;width:26px;box-shadow:0 0 10px #fbbf2499}.login-panel{box-sizing:border-box;background:#f8fafc;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:40px 24px;display:flex;overflow-y:auto}.login-card-container{flex-direction:column;gap:18px;width:100%;max-width:440px;margin:auto;display:flex}.login-card-logo{text-align:center;flex-direction:column;align-items:center;gap:10px;margin-bottom:6px;display:flex}.login-card-logo .brand{align-items:center;gap:12px;display:flex}.login-card-logo .brand strong{letter-spacing:-.025em;text-align:left;font-size:18px;font-weight:800;color:#0f172a!important}.login-card-logo .brand span{letter-spacing:.02em;text-align:left;font-size:11px;font-weight:700;color:#0f6b63!important;opacity:1!important}.login-card-logo .brand img{border:2px solid #cbd5e1;border-radius:10px;box-shadow:0 4px 10px #00000014}.login-welcome-tag{color:#0b514c;letter-spacing:.06em;text-transform:uppercase;background:#e3f3f1;border:1px solid #bce3df;border-radius:20px;margin:0;padding:4px 14px;font-size:11px;font-weight:800;display:inline-block}.login-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:32px 30px;box-shadow:0 10px 30px #0f172a0f,0 1px 3px #0f172a0d}.login-card-title-group h2{letter-spacing:-.025em;color:#0f172a;margin:0;font-size:24px;font-weight:800}.login-card-title-group p{color:#475569;margin:6px 0 18px;font-size:12px;line-height:1.5}.login-pill-tabs{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;gap:4px;margin-bottom:20px;padding:4px;display:flex}.login-pill-tabs button{color:#64748b;cursor:pointer;background:0 0;border:0;border-radius:7px;flex:1;justify-content:center;align-items:center;gap:8px;min-height:38px;font-size:11px;font-weight:600;transition:all .15s;display:inline-flex}.login-pill-tabs button.active{color:#0b514c;background:#fff;font-weight:700;box-shadow:0 2px 6px #00000014}.login-form-inner{flex-direction:column;gap:16px;display:flex}.login-input-group{flex-direction:column;gap:6px;display:flex}.input-label{color:#334155;align-items:center;gap:6px;font-size:11px;font-weight:600;display:flex}.login-input-group input{border:1.5px solid var(--border-input,#cbd5e1);color:#0f172a;background:#fff;border-radius:9px;outline:0;height:44px;padding:0 14px;font-size:13px;transition:all .15s}.login-input-group input:hover{border-color:var(--border-input-hover,#94a3b8)}.login-input-group input:focus{border-color:#0b514c;box-shadow:0 0 0 3px #0b514c26}.login-input-group input::placeholder{color:#94a3b8;opacity:1}.password-input-wrap{align-items:center;display:flex;position:relative}.password-input-wrap input{border:1.5px solid var(--border-input,#cbd5e1);border-radius:9px;outline:0;width:100%;height:44px;padding:0 54px 0 14px;font-size:13px;transition:all .15s}.password-input-wrap input:hover{border-color:var(--border-input-hover,#94a3b8)}.password-input-wrap input:focus{border-color:#0b514c;box-shadow:0 0 0 3px #0b514c26}.password-input-wrap input::placeholder{color:#94a3b8;opacity:1}.password-toggle-btn{color:#0b514c;cursor:pointer;background:0 0;border:0;padding:6px;font-size:11px;font-weight:700;position:absolute;right:10px}.login-options-row{color:#475569;justify-content:space-between;align-items:center;margin-top:-2px;font-size:11px;display:flex}.remember-checkbox{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:7px;display:flex}.forgot-link{color:#0b514c;cursor:pointer;background:0 0;border:0;font-size:11px;font-weight:700}.forgot-link:hover{text-decoration:underline}.login-submit-btn{color:#fff;cursor:pointer;background:#0b514c;border:0;border-radius:9px;justify-content:center;align-items:center;gap:8px;min-height:46px;font-size:13px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 14px #0b514c40}.login-submit-btn:hover{background:#073d39;transform:translateY(-1px);box-shadow:0 6px 18px #0b514c59}.btn-arrow{font-size:14px;transition:transform .2s}.login-submit-btn:hover .btn-arrow{transform:translate(3px)}.login-alert-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;align-items:center;gap:8px;padding:10px 14px;font-size:11px;font-weight:500;display:flex}.login-panel-footer{text-align:center;color:#64748b;flex-direction:column;gap:5px;font-size:11px;display:flex}.powered-by{color:#64748b;justify-content:center;align-items:center;gap:6px;font-size:10px;display:flex}.powered-by strong{color:#0b514c;font-weight:800}.footer-links{color:#94a3b8;justify-content:center;align-items:center;gap:8px;font-size:10px;display:flex}.footer-links a{color:#0b514c;font-weight:600;text-decoration:none}@media (max-width:960px){.login-screen{grid-template-columns:1fr}.login-slideshow{min-height:420px}.slide-content-wrap{min-height:420px;padding:32px 24px}.slide-title{font-size:26px}.slide-body{margin:16px 0}.login-panel{padding:32px 20px 48px}}@media (max-width:640px){.slide-actions-row{flex-wrap:wrap}.slide-footer{flex-direction:column;align-items:flex-start;gap:14px}.login-card{padding:24px 18px}}.customer-shell{background:var(--bg);min-height:100vh;color:var(--text);flex-direction:column;display:flex}.customer-header{z-index:30;background:var(--surface);border-bottom:1px solid var(--border);height:70px;position:sticky;top:0;box-shadow:0 1px 3px #0f172a08}.customer-header-inner{justify-content:space-between;align-items:center;gap:20px;max-width:1400px;height:100%;margin:0 auto;padding:0 24px;display:flex}.customer-header .brand strong{color:var(--text);letter-spacing:-.02em;font-size:15px;font-weight:800}.customer-header .brand span{color:var(--primary);opacity:1;margin-top:1px;font-size:11px;font-weight:700}.customer-header .brand img{border:2px solid var(--border);border-radius:10px;box-shadow:0 2px 6px #0000000f}.customer-nav{align-items:center;gap:6px;display:flex}.customer-nav button{color:#475569;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:8px;min-height:38px;padding:0 14px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.customer-nav button:hover{background:var(--surface2);color:var(--text);border-color:var(--border)}.customer-nav button.active{background:var(--soft);color:var(--primary);border-color:#a7d4cf;font-weight:700}.customer-header-right{align-items:center;gap:12px;display:flex}.customer-theme-toggle{border:1px solid var(--border);background:var(--surface);width:36px;height:36px;color:var(--muted);cursor:pointer;border-radius:8px;place-items:center;transition:all .15s;display:grid}.customer-theme-toggle:hover{color:var(--primary);background:var(--soft);border-color:#a7d4cf}.customer-welcome{background:var(--surface2);border:1px solid var(--border);border-radius:20px;align-items:center;gap:10px;padding:4px 12px 4px 6px;display:flex}.customer-welcome .avatar{background:var(--soft);width:32px;height:32px;color:var(--primary);border:1.5px solid #a7d4cf;border-radius:50%;font-size:11px;font-weight:800}.customer-welcome-info{flex-direction:column;line-height:1.25;display:flex}.customer-welcome-info b{color:var(--text);white-space:nowrap;font-size:12px;font-weight:700}.customer-welcome-info .account-tag{color:var(--primary);letter-spacing:.04em;font-family:monospace;font-size:10px;font-weight:700}.customer-logout{border:1px solid var(--border);background:var(--surface);height:36px;color:var(--muted);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:0 13px;font-size:11px;font-weight:600;transition:all .15s;display:inline-flex}.customer-logout:hover{color:#b91c1c;background:#fef2f2;border-color:#fca5a5}.customer-content{flex:1;width:100%;max-width:1400px;margin:0 auto;padding:28px 24px 60px}.customer-bottom-nav{display:none}.dark .customer-nav button{color:var(--muted)}.dark .customer-nav button:hover{color:var(--text);background:var(--surface2)}.dark .customer-nav button.active{color:#5eead4;background:#0f6b6347;border-color:#0f6b63}.dark .customer-header .brand span,.dark .customer-welcome-info .account-tag{color:#5eead4}.portal-page{flex-direction:column;gap:20px;display:flex}.portal-hero{color:#fff;background:linear-gradient(135deg,#0b514c,#0f6b63);border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:26px 30px;display:flex;box-shadow:0 4px 20px #0b514c25}.portal-hero-text{flex-direction:column;gap:6px;display:flex}.portal-hero-badge-row{align-items:center;gap:8px;display:flex}.portal-hero-account{letter-spacing:.05em;background:#ffffff20;border-radius:6px;padding:3px 8px;font-family:monospace;font-size:11px;font-weight:700}.portal-hero-cat{opacity:.85;font-size:10px}.portal-hero-title{letter-spacing:-.025em;color:#fff;margin:0;font-size:26px;font-weight:800}.portal-hero-subtitle{color:#c5e4e0;align-items:center;gap:6px;margin:0;font-size:12px;display:flex}.portal-hero-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.portal-hero-actions .btn.outline{color:#fff;background:#ffffff18;border-color:#ffffff40}.portal-hero-actions .btn.outline:hover{background:#ffffff30}.portal-hero-actions .btn.primary{color:#0b514c;background:#f4c51f;box-shadow:0 4px 14px #00000030}.portal-hero-actions .btn.primary:hover{background:#fbbf24}.portal-kpis{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.portal-kpi-card{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);border-radius:12px;flex-direction:column;padding:18px 20px;transition:transform .18s,border-color .18s;display:flex}.portal-kpi-card:hover{border-color:#a7d4cf;transform:translateY(-2px)}.portal-kpi-card.warn{background:linear-gradient(to bottom, #fffbeb20, var(--surface));border-color:#fde68a}.portal-kpi-card.good{background:linear-gradient(to bottom, #f0fdf420, var(--surface));border-color:#bbf7d0}.portal-kpi-header{color:var(--muted);justify-content:space-between;align-items:center;font-size:11px;font-weight:600;display:flex}.portal-kpi-val{letter-spacing:-.02em;color:var(--text);margin:10px 0 8px;font-size:22px;font-weight:800}.portal-kpi-sub{color:var(--muted);font-size:10px}.text-green{color:#15803d!important}.text-amber{color:#b45309!important}.portal-grid{grid-template-columns:1.15fr .85fr;gap:18px;display:grid}.portal-card{padding:22px}.portal-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:18px;display:flex}.portal-card-header h3{margin:0;font-size:14px;font-weight:700}.portal-card-header p{color:var(--muted);margin:3px 0 0;font-size:10px}.portal-dl{grid-template-columns:1fr 1fr;gap:16px 24px;margin:0;display:grid}.portal-dl dt{color:var(--muted);margin-bottom:4px;font-size:10px}.portal-dl dd{color:var(--text);margin:0;font-size:12px;font-weight:600}.portal-column-stack{flex-direction:column;gap:18px;display:flex}.portal-link-btn{color:var(--primary);cursor:pointer;background:0 0;border:0;font-size:11px;font-weight:700}.portal-link-btn:hover{text-decoration:underline}.portal-empty-text{color:var(--muted);margin:12px 0 0;font-size:11px}.portal-mini-list{flex-direction:column;display:flex}.portal-mini-item{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.portal-mini-item:first-child{border-top:0;padding-top:0}.portal-mini-item-info{flex-direction:column;display:flex}.portal-mini-item-info b{font-size:12px}.portal-mini-item-info small{color:var(--muted);margin-top:3px;font-size:10px}.portal-mini-item-right{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.portal-mini-item-right b{font-size:12px}.portal-mini-item-badge{align-items:center;gap:6px;display:flex}.portal-icon-action{border:1px solid var(--border);background:var(--surface2);width:26px;height:26px;color:var(--muted);cursor:pointer;border-radius:6px;place-items:center;transition:all .15s;display:grid}.portal-icon-action:hover{background:var(--soft);color:var(--primary);border-color:var(--primary)}.portal-support-banner{color:#1e3a8a;background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;align-items:center;gap:16px;padding:18px 22px;display:flex}.portal-support-icon{color:#2563eb;background:#dbeafe;border-radius:10px;flex:none;place-items:center;width:40px;height:40px;display:grid}.portal-support-text{flex:1}.portal-support-text b{font-size:12px;display:block}.portal-support-text p{color:#3b82f6;margin:3px 0 0;font-size:11px}.portal-subpage-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.portal-subpage-header h2{letter-spacing:-.02em;margin:0;font-size:22px;font-weight:800}.portal-subpage-header p{color:var(--muted);margin:4px 0 0;font-size:12px}.portal-sub-summary{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.portal-sub-stat{flex-direction:column;padding:16px 20px;display:flex}.portal-sub-stat small{color:var(--muted);font-size:10px}.portal-sub-stat b{margin:6px 0 4px;font-size:18px}.portal-sub-stat span{color:var(--muted);font-size:10px}.portal-filter-bar{justify-content:space-between;align-items:center;display:flex}.portal-empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:240px;padding:30px;display:flex}.portal-empty-state .icon{width:44px;height:44px;color:var(--muted);margin-bottom:12px}.portal-empty-state h3{margin:0;font-size:15px}.portal-empty-state p{color:var(--muted);margin:6px 0 0;font-size:11px}@media (max-width:1000px){.portal-kpis{grid-template-columns:1fr 1fr}.portal-grid,.portal-sub-summary{grid-template-columns:1fr}}@media (max-width:800px){.customer-nav,.customer-header-right .customer-welcome-info,.customer-header-right .customer-welcome span{display:none}.customer-bottom-nav{z-index:25;background:var(--surface);border-top:1px solid var(--border);height:60px;display:flex;position:fixed;bottom:0;left:0;right:0}.customer-bottom-nav button{color:var(--muted);cursor:pointer;background:0 0;border:0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;font-size:9px;display:flex}.customer-bottom-nav button.active{color:var(--primary);font-weight:700}.customer-content{padding-bottom:80px}.portal-hero{flex-direction:column;align-items:flex-start}}@media (max-width:520px){.customer-header{height:62px}.customer-header-inner{gap:8px;padding:0 12px}.customer-header .brand img{width:36px;height:36px}.customer-header .brand strong{font-size:13px}.customer-header .brand span{font-size:9px}.customer-logout span{display:none}.customer-logout{padding:0 8px}.portal-kpis,.portal-dl{grid-template-columns:1fr}.portal-support-banner{flex-direction:column;align-items:flex-start}}.ph-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000008c;justify-content:center;align-items:center;padding:16px;animation:.2s phFadeIn;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}@keyframes phFadeIn{0%{opacity:0}to{opacity:1}}.ph-modal{background:var(--surface);border:1px solid var(--border);border-radius:18px;width:100%;max-width:460px;animation:.22s cubic-bezier(.34,1.56,.64,1) phSlideIn;overflow:hidden;box-shadow:0 20px 60px #00000059}@keyframes phSlideIn{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}.ph-header{border-bottom:1px solid var(--border);background:linear-gradient(135deg,#0b514c,#0f6b63);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.ph-header-brand{color:#fff;align-items:center;gap:8px;font-size:15px;font-weight:700;display:flex}.ph-header-brand svg{width:20px;height:20px}.ph-close{color:#fffc;cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;padding:4px;transition:all .15s;display:grid}.ph-close:hover{color:#fff;background:#ffffff26}.ph-close svg{width:18px;height:18px}.ph-body{flex-direction:column;gap:16px;padding:24px;display:flex}.ph-body.ph-center{text-align:center;align-items:center;padding:36px 24px}.ph-account-card{border:1px solid var(--border);background:var(--surface2);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:14px 16px;display:flex}.ph-account-info{flex-direction:column;display:flex}.ph-account-info b{font-size:14px;font-weight:700}.ph-account-info small{color:var(--muted);margin-top:2px;font-size:11px}.ph-balance-badge{text-align:right;flex-direction:column;align-items:flex-end;display:flex}.ph-balance-badge.due span{color:#d97706;font-size:10px;font-weight:600}.ph-balance-badge.due strong{color:#d97706;font-size:18px;font-weight:800}.ph-balance-badge.clear{color:#16a34a;flex-direction:row;align-items:center;gap:6px;font-size:12px;font-weight:700}.ph-balance-badge.clear svg{width:16px;height:16px}.ph-pay-summary{border:1px solid var(--border);border-radius:10px;overflow:hidden}.ph-pay-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:10px 14px;font-size:13px;display:flex}.ph-pay-row:last-child{border-bottom:0}.ph-pay-row span{color:var(--muted)}.ph-pay-row strong{color:var(--text);font-weight:700}.ph-notice{border-radius:10px;align-items:flex-start;gap:10px;padding:12px 14px;font-size:12px;display:flex}.ph-notice svg{flex:none;width:16px;height:16px;margin-top:1px}.ph-notice p{margin:0}.ph-notice.info{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.ph-notice.warn{color:#92400e;background:#fffbeb;border:1px solid #fde68a}.ph-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.ph-actions .btn{padding:9px 18px;font-size:13px}.ph-order-box{background:var(--surface2);border:1px solid var(--border);border-radius:10px;justify-content:space-between;align-items:center;padding:10px 14px;font-size:12px;display:flex}.ph-order-box span{color:var(--muted)}.ph-order-box code{background:var(--soft);border-radius:6px;padding:2px 8px;font-family:monospace;font-size:12px;font-weight:700}.ph-sandbox-confirm{color:#15803d;cursor:pointer;background:#f0fdf4;border:2px dashed #16a34a;border-radius:10px;width:100%;padding:10px;font-size:12px;font-weight:700;transition:all .15s}.ph-sandbox-confirm:hover{background:#dcfce7}.ph-spinner{border:4px solid var(--soft);border-top-color:var(--primary);border-radius:50%;width:44px;height:44px;margin-bottom:16px;animation:.7s linear infinite phSpin}@keyframes phSpin{to{transform:rotate(360deg)}}.ph-success-icon{border-radius:50%;place-items:center;width:60px;height:60px;margin-bottom:16px;display:grid}.ph-success-icon svg{width:28px;height:28px}.ph-success-icon.success{color:#16a34a;background:#dcfce7}.ph-success-icon.error{color:#dc2626;background:#fee2e2}.ph-success-icon.pending{color:#7c3aed;background:#ede9fe}.ph-body h3{margin:0;font-size:18px;font-weight:800}.ph-body p{color:var(--text);margin:0;font-size:13px}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-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}@property --tw-ease{syntax:"*";inherits:false}