:root{--font-family-sans:Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-size-default:13px;--font-weight-default:400;--line-height-default:22px;--font-size-display:32px;--font-size-h1:30px;--font-size-h2:24px;--font-size-h3:19px;--font-size-body:13px;--font-size-caption:12.5px;--font-size-tiny:11px;--font-size-table:12px;--line-height-table:18px;--font-size-14:14px;--line-height-14:20px;--font-size-16:16px;--line-height-16:24px;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--line-height-display:40px;--line-height-h1:35px;--line-height-h2:28px;--line-height-h3:25px;--line-height-body:22px;--line-height-caption:19px;--line-height-tiny:16px;--letter-spacing-tight:-.02em;--letter-spacing-normal:-.006em;--letter-spacing-wide:.06em;--color-primary-50:#eef1fa;--color-primary-100:#dde3f7;--color-primary-500:#27409b;--color-primary-600:#1e3278;--color-primary-700:#172559;--color-illustration-fill:var(--color-primary-50);--color-illustration-stroke:#c3cdee;--color-illustration-accent:#8b9bd6;--color-accent-500:#f26a1b;--color-accent-600:#d95a10;--color-accent-50:#fef0e6;--color-success-50:#e7f5ee;--color-success-100:#e7f5ee;--color-success-700:#1f8a5b;--color-warning-50:#fef3e2;--color-warning-100:#fef3e2;--color-warning-700:#d97706;--color-danger-50:#fdeaea;--color-danger-100:#fdeaea;--color-danger-200:#f5c6c6;--color-danger-700:#dc2626;--color-info-50:#eaf6fd;--color-info-700:#0284c7;--color-special-50:#f0eefb;--color-special-700:#6d28d9;--color-slate-0:#fff;--color-slate-50:#f7f8fa;--color-slate-100:#f4f6fa;--color-slate-200:#e6e9f0;--color-slate-300:#cbd2df;--color-slate-400:#b3bac6;--color-slate-500:#6b7385;--color-slate-600:#8a93a4;--color-slate-700:#4a5262;--color-slate-800:#2a303c;--color-slate-900:#1c294f;--color-sidebar-bg:#0f172a;--color-bg:#f4f6fa;--color-surface:#fff;--color-text:#17202a;--color-muted:var(--color-slate-500);--color-border:#e6e9f0;--color-input-border:#d9dee7;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:22px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:11px;--radius-xl:14px;--radius-2xl:16px;--radius-3xl:20px;--radius-full:9999px;--shadow-sm:0 1px 3px #1c294f1a;--shadow-md:0 6px 18px #1c294f1a;--shadow-lg:0 16px 40px #1c294f29;--shadow-popover:0 12px 34px #1c294f24;--ring-primary:0 0 0 3px #27409b2e;--ring-danger:0 0 0 3px #dc262624;--ring-success:0 0 0 3px #1f8a5b21;--control-height-sm:32px;--control-height-md:38px;--control-height-lg:46px;--sidebar-width:280px;--header-height:62px;--motion-fast:.12s ease;--motion-normal:.18s ease;--z-dropdown:20;--z-dialog:50;--z-toast:60}*{box-sizing:border-box}html,body,#root{min-height:100%}html{touch-action:manipulation}body{font-family:var(--font-family-sans);font-size:var(--font-size-default);font-weight:var(--font-weight-default);line-height:var(--line-height-default);background:var(--color-surface);color:var(--color-text);margin:0}@media (width>=768px){*{scrollbar-width:thin;scrollbar-color:var(--color-slate-300) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background-color:var(--color-slate-300);border-radius:var(--radius-full);background-clip:padding-box;border:2.5px solid #0000}::-webkit-scrollbar-thumb:hover{background-color:var(--color-slate-400)}}button,input,select,textarea{font-family:var(--font-family-sans);font-size:var(--font-size-default);font-weight:var(--font-weight-default)}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a{color:inherit}h1,h2,h3,p{margin-top:0}.tn-button{border-radius:var(--radius-md);min-height:var(--control-height-md);padding:0 var(--space-4);font-weight:var(--font-weight-semibold);justify-content:center;align-items:center;gap:var(--space-2);white-space:nowrap;transition:background var(--motion-fast), color var(--motion-fast), box-shadow var(--motion-fast);border:0;flex-shrink:0;display:inline-flex}.tn-button--primary{background:var(--color-primary-500);color:#fff}.tn-button--primary:hover{background:var(--color-primary-600)}.tn-button--secondary{background:var(--color-slate-100);color:var(--color-slate-700)}.tn-button--secondary:hover{background:var(--color-slate-200)}.tn-button--ghost{color:var(--color-slate-700);background:0 0}.tn-button--ghost:hover{background:var(--color-slate-100)}.tn-button--danger{background:var(--color-danger-700);color:#fff}.tn-button--danger:hover{filter:brightness(1.1)}.tn-button--success{background:var(--color-success-700);color:#fff}.tn-button--success:hover{filter:brightness(1.1)}.tn-button--warning{background:var(--color-warning-700);color:#fff}.tn-button--warning:hover{filter:brightness(1.1)}.tn-button--outline{color:var(--color-slate-700);border:1px solid var(--color-input-border);background:0 0}.tn-button--outline:hover{background:var(--color-slate-50);border-color:var(--color-slate-300)}.tn-button--outline-primary{color:var(--color-primary-600);border:1px solid var(--color-primary-500);background:0 0}.tn-button--outline-primary:hover{background:var(--color-primary-50);border-color:var(--color-primary-600)}.tn-button--excel{color:#fff;background:#217346}.tn-button--excel:hover{background:#185c37}.tn-button--sm{min-height:var(--control-height-sm);padding:0 var(--space-3)}.tn-button--md{min-height:var(--control-height-md);padding:0 var(--space-4)}.tn-button--lg{min-height:var(--control-height-lg);padding:0 var(--space-5)}.tn-icon-button{width:var(--control-height-md);height:var(--control-height-md);border-radius:var(--radius-md);background:var(--color-slate-100);color:var(--color-slate-700);border:0;place-items:center;display:inline-grid}.tn-icon-button--danger{background:var(--color-danger-50);color:var(--color-danger-700)}.tn-icon-button--danger:hover{background:var(--color-danger-100)}.tn-icon-button--success{background:var(--color-success-50);color:var(--color-success-700)}.tn-icon-button--success:hover{background:var(--color-success-100)}.tn-icon-button:disabled{background:var(--color-slate-50);color:var(--color-slate-300);cursor:not-allowed}.tn-icon-button:disabled:hover{background:var(--color-slate-50)}.tn-icon-button--sm{width:var(--control-height-sm);height:var(--control-height-sm)}.tn-field{margin:var(--space-4) 0;display:block}.tn-label{margin-bottom:var(--space-1);font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);color:var(--color-text);display:block}.tn-info-tooltip{vertical-align:-2px;margin-left:var(--space-1);color:var(--color-text-muted);cursor:pointer;align-items:center;display:inline-flex;position:relative}.tn-info-tooltip:hover,.tn-info-tooltip:focus-visible{color:var(--color-primary)}.tn-info-tooltip__bubble{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--color-text);color:#fff;font-size:var(--font-size-caption);font-weight:var(--font-weight-regular);white-space:normal;text-align:left;box-shadow:var(--shadow-md,0 4px 12px #00000026);z-index:var(--z-toast);line-height:1.4;position:fixed}.tn-info-tooltip__bubble:after{content:"";left:var(--arrow-left,50%);border:5px solid #0000;position:absolute;transform:translate(-50%)}.tn-info-tooltip__bubble:not(.tn-info-tooltip__bubble--down):after{border-top-color:var(--color-text);top:100%}.tn-info-tooltip__bubble--down:after{border-bottom-color:var(--color-text);bottom:100%}.tn-control{width:100%;min-height:var(--control-height-md);border:1px solid var(--color-input-border);border-radius:var(--radius-md);transition:border-color var(--motion-fast), box-shadow var(--motion-fast), background var(--motion-fast);background:#fff;align-items:center;display:flex;position:relative;overflow:hidden}.tn-control:focus-within{border-color:var(--color-primary-500);box-shadow:var(--ring-primary)}.tn-control.is-error{border-color:var(--color-danger-700)}.tn-control.is-error:focus-within{box-shadow:var(--ring-danger)}.tn-control.is-disabled{background:var(--color-slate-50);border-color:var(--color-slate-200);color:var(--color-slate-400);cursor:not-allowed}.tn-control-textarea{align-items:stretch;min-height:0;overflow:visible}.tn-control-clear--textarea{top:var(--space-3);right:var(--space-3);transform:none}.tn-input,.tn-select,.tn-textarea,.tn-search{width:100%;min-height:36px;color:var(--color-text);font-size:var(--font-size-default);font-weight:var(--font-weight-default);line-height:var(--line-height-default);background:0 0;border:0;outline:none}.tn-input{padding:0 36px 0 var(--space-3)}.tn-input--tight-right{padding-right:var(--space-3)}.tn-search{padding:0 36px}.tn-select{appearance:none;padding:0 42px 0 var(--space-3);cursor:pointer}.tn-input::placeholder,.tn-search::placeholder,.tn-textarea::placeholder{color:var(--color-slate-400)}.tn-input[type=number]{appearance:textfield}.tn-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.tn-input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.tn-input:disabled,.tn-select:disabled,.tn-textarea:disabled,.tn-search:disabled{color:var(--color-slate-400);cursor:not-allowed}.tn-input:read-only,.tn-textarea:read-only{background:var(--color-slate-50);color:var(--color-slate-700);cursor:default}.tn-control:focus-within:has(input:read-only,textarea:read-only){border-color:var(--color-input-border);box-shadow:none}.tn-detail-grid{gap:0 var(--space-5);grid-template-columns:repeat(2,1fr);display:grid}.tn-detail-grid .tn-field{margin:var(--space-2) 0}.tn-detail-grid.tn-detail-grid--3col{grid-template-columns:repeat(3,1fr)}@media (width<=1023px){.tn-detail-grid.tn-detail-grid--3col{grid-template-columns:repeat(2,1fr)}}@media (width<=767px){.tn-detail-grid,.tn-detail-grid.tn-detail-grid--3col{grid-template-columns:minmax(0,1fr)}}.tn-debt-detail-columns{gap:var(--space-6);grid-template-columns:1.1fr 1fr;align-items:start;display:grid}@media (width<=767px){.tn-debt-detail-columns{grid-template-columns:minmax(0,1fr)}}.tn-form-grid{gap:0 var(--space-5);grid-template-columns:repeat(2,1fr);display:grid}.tn-form-grid .tn-field{margin:var(--space-2) 0}.tn-field--full{grid-column:1/-1}.tn-form-grid.tn-form-grid--3col{grid-template-columns:repeat(3,1fr)}@media (width<=1023px){.tn-form-grid.tn-form-grid--3col{grid-template-columns:repeat(2,1fr)}}@media (width<=767px){.tn-form-grid,.tn-form-grid.tn-form-grid--3col{grid-template-columns:minmax(0,1fr)}}.tn-textarea{min-height:96px;padding:var(--space-3);resize:vertical}.tn-textarea--with-clear{padding-right:36px}.tn-control-clear{right:var(--space-3);color:var(--color-slate-400);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.tn-control-clear--circle{width:12px;height:12px}.tn-control-eye{width:18px;height:18px}.tn-control-clear:hover{color:var(--color-slate-600)}.tn-control-icon{left:var(--space-3);color:var(--color-slate-400);pointer-events:none;place-items:center;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.tn-select-arrow{right:var(--space-3);width:16px;height:16px;color:var(--color-slate-500);pointer-events:none;background:0 0;place-items:center;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.tn-field-error{color:var(--color-danger-700);font-size:var(--font-size-caption);margin-top:var(--space-1);display:block}.tn-combobox{position:relative}.tn-combobox .tn-input{padding-right:34px}.tn-combobox .tn-input--with-clear{padding-right:60px}.tn-combobox .tn-control-clear{right:32px}.tn-combobox .tn-select-arrow{right:var(--space-2)}.tn-field-row{align-items:center;gap:var(--space-2);display:flex}.tn-field-row-label{font-size:var(--font-size-body);color:var(--color-text);white-space:nowrap;flex:none}.tn-field-row-label:after{content:":"}.tn-field-row-control{flex:none}.tn-field-row-control .tn-field{margin:0}.tn-datepicker{position:relative}.tn-filter-row-right .tn-field-row .tn-datepicker{flex:none;width:148px}@media (width<=767px){.tn-field-row{align-items:stretch;gap:var(--space-1);flex-direction:column}.tn-field-row-label{white-space:normal}.tn-field-row-control{width:100%}.tn-filter-row-right .tn-field-row .tn-datepicker{flex:auto;width:100%}}.tn-datepicker-trigger{width:100%;min-height:36px;padding:0 30px 0 var(--space-2);text-align:left;font-size:var(--font-size-default);font-weight:var(--font-weight-default);color:var(--color-text);white-space:nowrap;cursor:pointer;background:0 0;border:0;outline:none}.tn-datepicker-trigger:disabled{cursor:not-allowed;color:var(--color-slate-400)}.tn-datepicker-placeholder{color:var(--color-slate-400)}.tn-datepicker-icon{right:var(--space-2);color:var(--color-slate-500);pointer-events:none;place-items:center;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.tn-datepicker-popover{z-index:var(--z-dropdown);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:280px;box-shadow:var(--shadow-popover);padding:var(--space-3);position:absolute;top:calc(100% + 4px);left:0}.tn-datepicker-popover--right{left:auto;right:0}.tn-datepicker-header{justify-content:space-between;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);font-size:var(--font-size-body);color:var(--color-text);display:flex}.tn-datepicker-weekdays{text-align:center;font-size:var(--font-size-tiny);color:var(--color-muted);margin-bottom:var(--space-1);grid-template-columns:repeat(7,1fr);display:grid}.tn-datepicker-grid{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.tn-datepicker-day{border-radius:var(--radius-sm);padding:var(--space-2) 0;font-size:var(--font-size-caption);color:var(--color-text);cursor:pointer;background:0 0;border:1px solid #0000}.tn-datepicker-day:hover{background:var(--color-slate-100)}.tn-datepicker-day.is-muted{color:var(--color-slate-400)}.tn-datepicker-day.is-today{border-color:var(--color-primary-500)}.tn-datepicker-day.is-selected{background:var(--color-primary-500);border-color:var(--color-primary-500);color:var(--color-slate-0);font-weight:var(--font-weight-semibold)}.tn-datepicker-footer{justify-content:center;align-items:center;gap:var(--space-4);margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--color-border);display:flex}.tn-datepicker-today{color:var(--color-primary-600);font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);cursor:pointer;background:0 0;border:0}.tn-datepicker-today:hover{text-decoration:underline}.tn-combobox-list{z-index:var(--z-toast);padding:var(--space-1);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);overscroll-behavior:contain;margin:0;list-style:none;position:fixed;overflow-y:auto}.tn-combobox-list button{border-radius:var(--radius-sm);width:100%;padding:var(--space-2) var(--space-3);color:var(--color-text);text-align:left;font-size:var(--font-size-body);cursor:pointer;background:0 0;border:0;display:block}.tn-combobox-list button:hover{background:var(--color-slate-100)}.tn-combobox-sheet-backdrop{z-index:var(--z-toast);background:#1c294f80;position:fixed;inset:0}.tn-combobox-sheet{background:var(--color-surface);border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;width:100%;height:75vh;box-shadow:var(--shadow-lg);flex-direction:column;transition:bottom .12s ease-out;display:flex;position:fixed;bottom:0;left:0;right:0;overflow:hidden}.tn-combobox-sheet__header{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-4) var(--space-3);border-bottom:1px solid var(--color-border);flex:none;display:flex}.tn-combobox-sheet__search{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);flex:none}.tn-combobox-sheet__search .tn-input{width:100%}.tn-combobox-sheet__list{padding:var(--space-2);overscroll-behavior:contain;min-height:0;padding-bottom:max(var(--space-4), env(safe-area-inset-bottom));flex:auto;margin:0;list-style:none;overflow-y:auto}.tn-combobox-sheet__list button{border-radius:var(--radius-md);width:100%;padding:var(--space-3) var(--space-4);color:var(--color-text);text-align:left;font-size:var(--font-size-body);cursor:pointer;background:0 0;border:0;display:block}.tn-combobox-sheet__list button:active{background:var(--color-slate-100)}.tn-combobox-sheet__list button.is-selected{background:var(--color-primary-50);color:var(--color-primary-700);font-weight:var(--font-weight-semibold)}.tn-combobox-sheet__empty{padding:var(--space-5) var(--space-4);text-align:center;color:var(--color-muted);font-size:var(--font-size-caption)}.tn-action-menu-trigger{flex:none}.tn-action-menu-list{z-index:var(--z-toast);padding:var(--space-1);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);flex-direction:column;gap:2px;display:flex;position:fixed}.tn-action-menu-item{align-items:center;gap:var(--space-2);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);color:var(--color-text);text-align:left;font-size:var(--font-size-body);white-space:nowrap;cursor:pointer;background:0 0;border:0;display:flex}.tn-action-menu-item:hover{background:var(--color-slate-100)}.tn-action-menu-item--danger{color:var(--color-danger-700)}.tn-action-menu-item--danger:hover{background:var(--color-danger-50)}.tn-action-menu-item--success{color:var(--color-success-700)}.tn-action-menu-item--success:hover{background:var(--color-success-50)}.tn-action-menu-item:disabled{color:var(--color-slate-300);cursor:not-allowed}.tn-action-menu-item:disabled:hover{background:0 0}.tn-field-hint{color:var(--color-muted);font-size:var(--font-size-caption);line-height:var(--line-height-caption);margin:var(--space-1) 0 0}.tn-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-5);box-shadow:var(--shadow-md)}.tn-card-title{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.tn-card-title h2{font-size:var(--font-size-h3);line-height:var(--line-height-h3);font-weight:var(--font-weight-bold);margin:0}.tn-card-title p{margin:var(--space-1) 0 0;color:var(--color-muted);font-size:var(--font-size-caption)}.tn-card-title-actions{align-items:center;gap:var(--space-2);flex:none;display:flex}.tn-card-title-actions .tn-field,.page-actions .tn-field{margin:0}.tn-dashboard-period-actions .tn-field{min-width:112px}@media (width<=767px){.page-title:has(.tn-dashboard-period-actions){flex-wrap:nowrap}.page-actions.tn-dashboard-period-actions{gap:var(--space-1)}.tn-dashboard-period-actions .tn-field{flex:0 auto;width:auto;min-width:0}.tn-dashboard-period-actions .tn-control,.tn-dashboard-period-actions .tn-select{width:auto}}.tn-chip,.tn-badge{border-radius:var(--radius-full);padding:var(--space-1) 10px;font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);line-height:var(--line-height-caption);white-space:nowrap;align-items:center;display:inline-flex}.tn-chip--default,.tn-badge--default{background:var(--color-slate-100);color:var(--color-slate-600)}.tn-chip--success,.tn-badge--success{background:var(--color-success-50);color:var(--color-success-700)}.tn-chip--warning,.tn-badge--warning{background:var(--color-warning-50);color:var(--color-warning-700)}.tn-chip--danger,.tn-badge--danger{background:var(--color-danger-50);color:var(--color-danger-700)}.tn-chip--info,.tn-badge--info{background:var(--color-info-50);color:var(--color-info-700)}.tn-chip--special,.tn-badge--special{background:var(--color-special-50);color:var(--color-special-700)}.tn-alert{margin:var(--space-4) 0;padding:var(--space-3);border-radius:var(--radius-md)}.tn-alert--info{color:var(--color-primary-700);background:var(--color-primary-50);border:1px solid var(--color-primary-100)}.tn-alert--danger{color:var(--color-danger-700);background:var(--color-danger-50);border:1px solid var(--color-danger-200)}.tn-alert--success{color:var(--color-success-700);background:var(--color-success-50);border:1px solid var(--color-success-100)}.tn-alert--warning{color:var(--color-warning-700);background:var(--color-warning-50);border:1px solid var(--color-warning-100)}.tn-sales-customer-alert.tn-field--full{margin:var(--space-2) 0 0}.tn-sales-customer-alert .tn-alert{margin:0}.tn-toast-container{top:var(--space-5);right:var(--space-5);z-index:var(--z-toast);gap:var(--space-3);pointer-events:none;flex-direction:column;max-width:min(360px,100vw - 32px);display:flex;position:fixed}.tn-toast{align-items:flex-start;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);background:var(--color-slate-0);box-shadow:var(--shadow-lg);border:1px solid var(--color-border);pointer-events:auto;animation:.18s tn-toast-in;display:flex}.tn-toast-icon{flex:none;margin-top:1px}.tn-toast-message{font-size:var(--font-size-body);line-height:var(--line-height-body,22px);color:var(--color-text);flex:auto}.tn-toast-close{color:var(--color-muted);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:0;flex:none;padding:2px;display:flex}.tn-toast-close:hover{background:var(--color-slate-100);color:var(--color-text)}.tn-toast--success{border-color:var(--color-success-200,var(--color-success-100))}.tn-toast--success .tn-toast-icon{color:var(--color-success-700)}.tn-toast--danger{border-color:var(--color-danger-200)}.tn-toast--danger .tn-toast-icon{color:var(--color-danger-700)}.tn-toast--warning{border-color:var(--color-warning-200,var(--color-warning-100))}.tn-toast--warning .tn-toast-icon{color:var(--color-warning-700)}.tn-toast--info{border-color:var(--color-primary-100)}.tn-toast--info .tn-toast-icon{color:var(--color-primary-700)}@keyframes tn-toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (width<=767px){.tn-toast-container{left:var(--space-4);right:var(--space-4);top:var(--space-4);max-width:none}}.more-list{gap:var(--space-5);flex-direction:column;display:flex}.more-list-group{flex-direction:column;display:flex}.more-list-card{border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface);box-shadow:var(--shadow-sm);overflow:hidden}.more-list-item{align-items:center;gap:var(--space-3);border:0;border-bottom:1px solid var(--color-border);background:var(--color-surface);width:100%;min-height:52px;padding:var(--space-1) var(--space-4);text-align:left;display:flex}.more-list-item:last-child{border-bottom:0}.more-list-icon{width:24px;height:24px;color:var(--color-primary-600);flex:0 0 24px;place-items:center;display:grid}.more-list-text{flex-direction:column;flex:1;min-width:0;display:flex}.more-list-text strong{font-weight:var(--font-weight-semibold);color:var(--color-text)}.more-list-text span{font-size:var(--font-size-caption);line-height:var(--line-height-caption);color:var(--color-muted)}.more-list-chevron{color:var(--color-slate-400);flex:none}.more-list-section-header{margin:0 0 var(--space-2) var(--space-1);font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);color:var(--color-muted);text-transform:uppercase;letter-spacing:.02em}.bottom-nav-picker-list{gap:var(--space-2);margin-bottom:var(--space-4);flex-direction:column;display:flex}.bottom-nav-picker-row,.bottom-nav-picker-add-row{align-items:center;gap:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);width:100%;padding:var(--space-2) var(--space-3);text-align:left;display:flex}.bottom-nav-picker-row{position:relative}.bottom-nav-picker-row--dragging{z-index:2;box-shadow:var(--shadow-md,0 6px 16px #0f172a29);background:var(--color-surface)}.bottom-nav-picker-add-row{min-height:44px;color:var(--color-primary-600);cursor:pointer}.bottom-nav-picker-add-row:disabled{color:var(--color-slate-400);cursor:not-allowed}.bottom-nav-picker-row__handle{padding:var(--space-1);margin:calc(-1 * var(--space-1));border-radius:var(--radius-md);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;flex:none;align-items:center;gap:2px;display:flex}.bottom-nav-picker-row__handle:active,.bottom-nav-picker-row--dragging .bottom-nav-picker-row__handle{cursor:grabbing;background:var(--color-slate-100)}.bottom-nav-picker-row__grip{color:var(--color-slate-400);flex:none}.bottom-nav-picker-row__icon{color:var(--color-primary-600);flex:none}.bottom-nav-picker-row__label{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:var(--font-weight-medium);color:var(--color-text);flex:1;overflow:hidden}.bottom-nav-picker-add-row .bottom-nav-picker-row__label{color:inherit;font-weight:var(--font-weight-default)}.bottom-nav-picker-row__actions{align-items:center;gap:var(--space-1);flex-shrink:0;display:flex}.tn-filterbar{gap:var(--space-2);flex-direction:column;display:flex}.tn-filterbar-leaf,.tn-filterbar-group summary{justify-content:space-between;align-items:center;gap:var(--space-2);border-radius:var(--radius-md);width:100%;padding:var(--space-3);color:var(--color-text);font-weight:var(--font-weight-medium);cursor:pointer;background:0 0;border:0;list-style:none;display:flex}.tn-filterbar-group summary::-webkit-details-marker{display:none}.tn-filterbar-leaf:hover,.tn-filterbar-group summary:hover{background:var(--color-slate-100)}.tn-filterbar-leaf.active{background:var(--color-primary-50);color:var(--color-primary-700)}.tn-filterbar-children{gap:var(--space-1);padding-left:var(--space-4);margin-top:var(--space-1);flex-direction:column;display:flex}.tn-filterbar-children button{justify-content:space-between;align-items:center;gap:var(--space-2);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);color:var(--color-muted);text-align:left;cursor:pointer;background:0 0;border:0;display:flex}.tn-filterbar-children button:hover{background:var(--color-slate-100);color:var(--color-text)}.tn-filterbar-children button.active{background:var(--color-primary-50);color:var(--color-primary-700);font-weight:var(--font-weight-semibold)}.tn-filterbar-count{font-size:var(--font-size-caption);color:var(--color-slate-400)}.tn-filter-row{justify-content:space-between;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.tn-filter-row-left{flex:390px;min-width:200px}.tn-filter-row-left .tn-search-control{width:100%;max-width:390px;margin:0}.tn-filter-row-left.tn-filter-row-tabs{align-items:center;gap:var(--space-3);flex-wrap:wrap;flex:0 auto;min-width:0;display:flex}@media (width>=768px){.tn-filter-row-left.tn-filter-row-tabs .tn-search-control{width:auto;min-width:260px;max-width:390px}}.tn-filter-row-left.tn-filter-row-tabs .tn-tabs-select{min-width:160px;max-width:220px}.tn-filter-row-left.tn-filter-row-tabs .tn-field{margin:0}.tn-filter-row-right{justify-content:flex-end;align-items:flex-start;gap:var(--space-3);flex-wrap:wrap;flex:2 auto;display:flex}.tn-filter-daterange{display:contents}.tn-filter-row-right .tn-field{flex:208px;width:auto;min-width:140px;max-width:208px;margin:0}@media (width>=1280px){.tn-filter-row,.tn-filter-row-right{flex-wrap:nowrap}}@media (width<=767px){.tn-filter-row{gap:var(--space-2);margin-bottom:var(--space-3);flex-direction:column}.tn-filter-row-left{flex:none;width:100%;max-width:none;margin-bottom:0}.tn-filter-row-left .tn-search-control{width:100%;max-width:none;margin-bottom:0}.tn-filter-row-right{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.tn-filter-row-right .tn-field{width:100%;min-width:0;max-width:none}.tn-filter-daterange{gap:var(--space-2);grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}}.tn-filter-actions-row{justify-content:flex-end;gap:var(--space-2);margin-bottom:var(--space-4);display:flex}@media (width<=767px){.tn-filter-actions-row .tn-button{flex:1 1 0;width:auto;min-width:0}}.tn-table-wrap{border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);background:#fff;overflow:hidden}.tn-table{border-collapse:collapse;table-layout:auto;width:100%}.tn-table th,.tn-table td{padding:var(--space-2) var(--space-3);text-align:left;font-size:var(--font-size-table);font-weight:var(--font-weight-regular);line-height:var(--line-height-table);white-space:nowrap;border-bottom:1px solid #eef0f5}.tn-table th{background:var(--color-slate-50);color:var(--color-slate-600);font-weight:var(--font-weight-semibold)}.tn-table tr:last-child td{border-bottom:0}.tn-table-sort{align-items:center;gap:var(--space-1);color:inherit;font-weight:inherit;font-size:inherit;cursor:pointer;background:0 0;border:0;padding:0;display:inline-flex}.tn-table-sort-icon{color:var(--color-slate-400)}.tn-table-sort.is-active .tn-table-sort-icon{color:var(--color-primary-600)}.tn-table-sort:hover .tn-table-sort-icon{color:var(--color-primary-500)}.account-avatar-row{align-items:center;gap:var(--space-4);margin-bottom:var(--space-3);display:flex}.account-avatar{border-radius:var(--radius-full);background:var(--color-primary-500);color:#fff;width:88px;height:88px;font-size:var(--font-size-h1);font-weight:var(--font-weight-semibold);flex:0 0 88px;place-items:center;display:grid;overflow:hidden}.account-avatar img{object-fit:cover;width:100%;height:100%}.account-avatar-actions{align-items:flex-start;gap:var(--space-2);flex-direction:column;display:flex}.avatar-crop-viewport{margin:0 auto var(--space-3);border-radius:var(--radius-lg);background:var(--color-slate-900);touch-action:none;cursor:grab;position:relative;overflow:hidden}.avatar-crop-viewport__img{-webkit-user-select:none;user-select:none;pointer-events:none;max-width:none;position:absolute}.avatar-crop-viewport__guide{border-radius:var(--radius-full);pointer-events:none;border:2px solid #fff;position:absolute;inset:0;box-shadow:0 0 0 9999px #0f172a8c}.avatar-crop-zoom{width:100%;display:block}.tn-sort-bar{padding-bottom:var(--space-1);margin-bottom:var(--space-2);gap:0;display:flex;overflow-x:auto}.tn-sort-bar__item{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);background:var(--color-slate-100);color:var(--color-muted);font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);white-space:nowrap;cursor:pointer;border:0;flex:none;display:inline-flex}.tn-sort-bar__item.is-active{background:var(--color-primary-50);color:var(--color-primary-700)}.tn-sort-bar__icon{color:var(--color-slate-400)}.tn-sort-bar__item.is-active .tn-sort-bar__icon{color:var(--color-primary-600)}.tn-table-row--clickable{cursor:pointer}.tn-table-row--clickable:hover{background:var(--color-slate-50)}.tn-table-cell--sticky-right{z-index:1;background:#fff;position:sticky;right:0;box-shadow:-8px 0 8px -8px #0f172a2e}.tn-table th.tn-table-cell--sticky-right{background:var(--color-slate-50);z-index:2}.tn-table-row--clickable:hover .tn-table-cell--sticky-right{background:var(--color-slate-50)}.tn-table-title{font-weight:var(--font-weight-semibold);color:var(--color-primary-600)}.tn-dialog-section-header{justify-content:space-between;align-items:center;gap:var(--space-3);margin:var(--space-5) 0 var(--space-3);display:flex}.tn-dialog-section-header>strong,.tn-dialog-section-header>span{flex:1;min-width:0}.tn-section-title{font-size:var(--font-size-16);font-weight:var(--font-weight-bold);color:var(--color-text)}.tn-audit-log-card .tn-info-list,.tn-lineitem-view-card .tn-info-list{margin:0}.tn-card.tn-lineitem-view-card{padding-top:4px}.tn-lineitem-view-card__toggle{justify-content:center;align-items:center;gap:var(--space-1);width:100%;margin-top:var(--space-2);padding:var(--space-1) 0;color:var(--color-primary-600);font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);cursor:pointer;background:0 0;border:none;display:flex}.tn-lineitem-view-card__chevron{transition:transform .15s}.tn-lineitem-view-card__chevron.is-open{transform:rotate(180deg)}@media (width<=767px){.tn-audit-log-cards.tn-mobile-only,.tn-lineitem-view-cards.tn-mobile-only,.tn-lineitem-cards.tn-mobile-only{gap:var(--space-3);flex-direction:column;display:flex}}.tn-supplier-price-list{gap:var(--space-2);margin-bottom:var(--space-5);flex-direction:column;display:flex}.tn-supplier-price-row{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-slate-50);display:flex}.tn-supplier-price-row__info{flex-direction:column;gap:2px;min-width:0;display:flex}.tn-supplier-price-row__name{align-items:center;gap:var(--space-2);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);display:flex}.tn-supplier-price-row__meta{font-size:var(--font-size-sm);color:var(--color-text-secondary)}@media (width<=767px){.tn-supplier-price-row{flex-direction:column;align-items:stretch}}.tn-upload-zone{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-6) var(--space-4);border:1px dashed var(--color-border);color:var(--color-slate-500);cursor:pointer;text-align:center;margin-bottom:var(--space-4);border-radius:14px;flex-direction:column;transition:border-color .15s,background-color .15s,color .15s;display:flex}.tn-upload-zone:hover{border-color:var(--color-primary-500);color:var(--color-primary-600)}.tn-upload-zone--dragging{border-color:var(--color-primary-500);background-color:var(--color-primary-50);color:var(--color-primary-600)}.tn-upload-zone strong{color:var(--color-text)}.tn-upload-filelist{gap:var(--space-1);max-height:220px;margin-bottom:var(--space-4);flex-direction:column;display:flex;overflow-y:auto}.tn-upload-filelist__item{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);color:var(--color-slate-600);border-radius:10px;display:flex}.tn-upload-filelist__name{text-overflow:ellipsis;white-space:nowrap;color:var(--color-text);font-size:var(--font-size-body-sm);flex:1;overflow:hidden}.tn-table-subtext{font-size:var(--font-size-caption);line-height:var(--line-height-caption);color:var(--color-muted);font-weight:var(--font-weight-regular);margin-top:2px}.tn-table-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.tn-table-actions--end{justify-content:flex-end}.tn-table-actions--nowrap{flex-wrap:nowrap}.tn-table-actions-menu{display:none}@media (width<=1440px){.tn-table-actions-icons{display:none}.tn-table-actions-menu{display:inline-flex}}.tn-dialog-actions-row{gap:var(--space-2);margin:var(--space-4) 0 0;flex-wrap:wrap;display:flex}.tn-order-summary{gap:var(--space-1);margin:var(--space-4) 0 0;padding:var(--space-3) var(--space-4);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);flex-direction:column;max-width:340px;margin-left:auto;display:flex}@media (width<=767px){.tn-order-summary{max-width:none;margin-left:0}}.tn-order-summary-row{justify-content:space-between;align-items:center;gap:var(--space-4);font-size:var(--font-size-body);color:var(--color-text);display:flex}.tn-order-summary-row span{color:var(--color-muted)}.tn-order-summary-row--total{padding-top:var(--space-2);margin-top:var(--space-1);border-top:1px solid var(--color-border);font-weight:var(--font-weight-semibold)}.tn-order-summary-row--total span,.tn-order-summary-row--total strong{color:var(--color-text)}.tn-order-summary-row--debt strong{color:var(--color-danger-700)}.tn-info-list{flex-direction:column;display:flex}.tn-info-list__row{justify-content:space-between;align-items:center;gap:var(--space-4);border-bottom:1px solid var(--color-border);min-height:44px;padding:0;display:flex}.tn-info-list__row:last-child{border-bottom:0}.tn-info-list__label{color:var(--color-muted);font-size:var(--font-size-body)}.tn-info-list__value{font-weight:var(--font-weight-semibold);color:var(--color-text);text-align:right}.tn-lineitems-wrap{border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);background:#fff;overflow:visible}.tn-lineitems-wrap .tn-table{width:100%}.tn-lineitems-wrap .tn-field,.tn-lineitems-wrap .tn-combobox{margin:0}.tn-lineitems-wrap th{white-space:nowrap}.tn-lineitem-hint-row td{padding-top:var(--space-1);padding-bottom:var(--space-2);background:var(--color-slate-50)}.tn-lineitem-hint{align-items:center;gap:var(--space-1);font-size:var(--font-size-caption);color:var(--color-slate-600);display:flex}.tn-lineitem-hint strong{color:var(--color-slate-900);font-weight:var(--font-weight-semibold)}.tn-lineitems-wrap thead tr:first-child th:first-child{border-top-left-radius:var(--radius-xl)}.tn-lineitems-wrap thead tr:first-child th:last-child{border-top-right-radius:var(--radius-xl)}.tn-lineitems-wrap tbody:last-of-type tr:last-child td:first-child{border-bottom-left-radius:var(--radius-xl)}.tn-lineitems-wrap tbody:last-of-type tr:last-child td:last-child{border-bottom-right-radius:var(--radius-xl)}.tn-lineitems-wrap tfoot tr:last-child td:first-child{border-bottom-left-radius:var(--radius-xl)}.tn-lineitems-wrap tfoot tr:last-child td:last-child{border-bottom-right-radius:var(--radius-xl)}.tn-lineitems-total-row td{background:var(--color-slate-50);border-top:1px solid var(--color-border);border-bottom:0}.tn-lineitems-total-row .tn-input:read-only{font-weight:var(--font-weight-semibold);background:0 0}.tn-lineitems-total-row td.tn-lineitems-total-label{font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);color:var(--color-text)}.tn-lineitems-total-row td.tn-lineitems-total-amount{font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);color:var(--color-danger-700)}.tn-lineitem-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-3);background:#fff}.tn-lineitem-card--empty{text-align:center;color:var(--color-slate-500);font-size:var(--font-size-caption)}.tn-lineitem-card__head{align-items:flex-end;gap:var(--space-2);display:flex}.tn-lineitem-card__product{flex:auto;min-width:0}.tn-lineitem-card__product .tn-field{margin:0}.tn-lineitem-card__remove{flex:none;margin-bottom:2px}.tn-lineitem-card__grid{gap:var(--space-2) var(--space-3);margin-top:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.tn-lineitem-card__grid .tn-field{margin:0}.tn-lineitem-card__total{height:40px;padding:0 var(--space-3);font-weight:var(--font-weight-semibold);color:var(--color-text);background:var(--color-slate-50);border:1px solid var(--color-border);border-radius:var(--radius-md);justify-content:flex-end;align-items:center;display:flex}.tn-lineitem-card .tn-lineitem-hint{margin-top:var(--space-2);flex-wrap:wrap}.tn-lineitem-card--total{background:var(--color-slate-50);font-weight:var(--font-weight-semibold);color:var(--color-text);justify-content:space-between;align-items:center;display:flex}.tn-form-checkbox{align-items:center;gap:var(--space-2);margin:var(--space-4) 0;font-size:var(--font-size-body);color:var(--color-text);display:flex}.tn-radio-group{gap:var(--space-5);margin:var(--space-4) 0;flex-wrap:wrap;display:flex}.tn-radio{align-items:center;gap:var(--space-2);font-size:var(--font-size-body);color:var(--color-text);cursor:pointer;display:flex}.tn-radio input[type=radio]{width:18px;height:18px;accent-color:var(--color-primary-500);cursor:pointer}.tn-permission-grid{gap:var(--space-3);margin-top:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(140px,1fr));display:grid}.tn-permission-checkbox{align-items:center;gap:var(--space-2);font-size:var(--font-size-body);color:var(--color-text);cursor:pointer;display:flex}.tn-permission-checkbox input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-primary-500);cursor:pointer}.tn-pagination{justify-content:center;align-items:center;gap:var(--space-1);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.tn-pagination-item{align-items:center;gap:var(--space-1);display:inline-flex}.tn-pagination-btn{min-width:32px;height:32px;padding:0 var(--space-2);border:1px solid var(--color-input-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-slate-600);font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);cursor:pointer;transition:background var(--motion-fast), border-color var(--motion-fast), color var(--motion-fast);justify-content:center;align-items:center;display:inline-flex}.tn-pagination-btn:hover:not(:disabled):not(.is-active){background:var(--color-slate-50);border-color:var(--color-slate-300)}.tn-pagination-btn.is-active{background:var(--color-primary-500);border-color:var(--color-primary-500);color:#fff}.tn-pagination-btn:disabled{color:var(--color-slate-300);cursor:not-allowed}.tn-pagination-arrow{color:var(--color-slate-500)}.tn-pagination-ellipsis{color:var(--color-slate-400);font-size:var(--font-size-caption);padding:0 2px}.tn-empty,.tn-loading,.tn-error{padding:var(--space-6);border-radius:var(--radius-lg);border:1px solid var(--color-border);background:#fff}.tn-loading,.tn-empty{color:var(--color-muted)}.tn-error{color:var(--color-danger-700);background:var(--color-danger-50);border-color:var(--color-danger-200)}.tn-empty:has(.tn-empty__icon-badge){align-items:center;gap:var(--space-2);text-align:center;padding:var(--space-8) var(--space-6);flex-direction:column;display:flex}.tn-empty:has(.tn-empty__icon-badge) span{color:var(--color-text)}.tn-empty__icon-badge{background:var(--color-primary-50);width:64px;height:64px;margin-bottom:var(--space-1);border-radius:50%;place-items:center;display:grid}.tn-dialog-backdrop{z-index:var(--z-dialog);background:#1c294f80;position:fixed;inset:0}.tn-dialog{border-radius:var(--radius-2xl);width:min(600px,100vw - 32px);max-height:calc(100vh - 80px);box-shadow:var(--shadow-lg);background:#fff;flex-direction:column;margin:40px auto;display:flex;overflow:hidden}.tn-dialog--lg{width:min(900px,100vw - 32px)}.tn-dialog--xl{width:min(1280px,100vw - 32px)}.tn-dialog.tn-dialog--sm{border-radius:var(--radius-2xl);width:min(400px,100vw - 32px);height:auto;max-height:calc(100dvh - 64px);margin:0;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.tn-dialog__header,.tn-dialog__footer{padding:var(--space-5);border-bottom:1px solid #eef0f5;flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.tn-dialog__header h2{font-size:var(--font-size-h2);line-height:var(--line-height-h2);font-weight:var(--font-weight-semibold);margin:0}.tn-dialog__body{padding:var(--space-5);overscroll-behavior:contain;flex:auto;min-height:0;overflow-y:auto}.tn-dialog__footer{justify-content:flex-end;gap:var(--space-2);border-top:1px solid #eef0f5;border-bottom:0}.tn-dialog-footer-row{gap:var(--space-2);display:flex}.tn-tabs{gap:var(--space-2);flex-wrap:wrap;display:flex}.tn-tabs-select{display:none}@media (width<=1600px){.tn-tabs.tn-tabs--responsive{display:none}.tn-tabs-select{min-width:160px;display:block}}.tn-page-tabs{margin-bottom:var(--space-6)}.tn-tabs button{border:1px solid var(--color-input-border);color:var(--color-slate-900);border-radius:var(--radius-md);min-height:var(--control-height-md);padding:0 var(--space-4);font-weight:var(--font-weight-regular);background:#fff}.tn-tabs button.active{background:var(--color-slate-900);color:#fff;border-color:var(--color-slate-900)}.tn-tabs--pills{gap:var(--space-1);flex-wrap:nowrap;display:inline-flex}.tn-tabs--pills button{min-height:30px;padding:0 var(--space-3);background:var(--color-primary-50);color:var(--color-primary-700);font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);white-space:nowrap;border:0;border-radius:6px}.tn-tabs--pills button:hover{background:var(--color-primary-100)}.tn-tabs--pills button.active{background:var(--color-primary-500);color:#fff;font-weight:var(--font-weight-semibold);border-color:#0000}.tn-tabs--pills button.active:hover{background:var(--color-primary-500)}@media (width<=480px){.tn-tabs--pills{width:100%}.tn-tabs--pills button{flex:1 1 0}}.tn-tabs--segmented{background:var(--color-slate-100);border-radius:var(--radius-xl);flex-wrap:nowrap;gap:2px;padding:4px;display:inline-flex}.tn-tabs--segmented button{color:var(--color-muted);min-height:32px;padding:0 var(--space-4);border-radius:var(--radius-lg);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);white-space:nowrap;background:0 0;border:0;transition:background .12s,color .12s,box-shadow .12s}.tn-tabs--segmented button:hover{color:var(--color-text)}.tn-tabs--segmented button.active{background:var(--color-slate-0);color:var(--color-text);font-weight:var(--font-weight-semibold);box-shadow:var(--shadow-sm)}.tn-tabs--segmented button.active:hover{color:var(--color-text)}@media (width<=480px){.tn-tabs--segmented{width:100%}.tn-tabs--segmented button{flex:1 1 0}}.tn-search-control{max-width:420px;margin-bottom:var(--space-4)}.tn-button,.tn-icon-button,.tn-tabs button,.tn-control{-webkit-tap-highlight-color:transparent}.tn-table-wrap{max-width:100%;overflow-x:auto}.tn-table-hscroll-sticky{z-index:var(--z-toast);background:0 0;height:14px;position:fixed;overflow:auto hidden}.tn-table-hscroll-sticky>div{height:1px}@media (width<=767px){.tn-table-hscroll-sticky{display:none}}@media (width<=1023px){.tn-dialog{width:min(720px,100vw - 32px);margin:var(--space-8) auto}}@media (width<=767px){.tn-button{width:100%}.tn-button.tn-button-auto{width:auto}.tn-search-control{width:100%;max-width:none}.tn-card{padding:var(--space-4);border-radius:var(--radius-lg)}.tn-table-wrap{box-shadow:none;background:0 0;border:0;border-radius:0;overflow:visible}.tn-table,.tn-table thead,.tn-table tbody,.tn-table tr,.tn-table th,.tn-table td{display:block}.tn-table thead{display:none}.tn-table tr{border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-3);margin-bottom:var(--space-3);background:#fff}.tn-table td{padding:var(--space-2) 0;gap:var(--space-3);word-break:break-word;white-space:normal;border-bottom:1px solid #eef0f5;grid-template-columns:minmax(92px,38%) 1fr;align-items:start;display:grid}.tn-table td:last-child{border-bottom:0}.tn-table td:before{content:attr(data-label);color:var(--color-slate-500);font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold)}.tn-dialog-backdrop{display:block}.tn-dialog{border-radius:0;width:100%;height:100dvh;max-height:100dvh;margin:0;overflow:hidden}.tn-dialog__header,.tn-dialog__footer,.tn-dialog__body{padding:var(--space-4)}.tn-dialog__footer .tn-button{flex:1 1 0;width:auto}.tn-dialog-actions-row{flex-wrap:nowrap}.tn-dialog-actions-row .tn-button{flex:1 1 0;width:auto;min-width:0}.tn-dialog-footer-row{width:100%}.tn-dialog-footer-row .tn-button{flex:1 1 0;width:auto}.tn-tabs{padding-bottom:var(--space-1);flex-wrap:nowrap;overflow-x:auto}.tn-tabs button{flex:none}.tn-card-title-actions{flex:100%;width:100%;overflow-x:auto}.tn-tabs--pills,.tn-tabs--segmented{max-width:100%}.showcase-row{align-items:stretch}}.tn-dashboard-panel{margin-bottom:var(--space-6)}.tn-dashboard-grid{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.tn-revenue-split{gap:var(--space-5);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;display:grid}.tn-revenue-split__chart,.tn-revenue-split__table{min-width:0}.tn-revenue-split__chart .tn-bar-chart{height:100%}.tn-revenue-split__table .tn-table-wrap{scrollbar-width:none;-ms-overflow-style:none;height:440px;overflow-y:auto}.tn-revenue-split__table .tn-table-wrap::-webkit-scrollbar{display:none}.tn-revenue-split__table .tn-table th{z-index:1;position:sticky;top:0}.tn-bar-chart{align-items:flex-end;gap:var(--space-1);height:200px;padding:var(--space-2) 0 0;display:flex;overflow-x:auto}.tn-bar-chart-col{flex-direction:column;flex:0 0 42px;align-items:center;min-width:42px;height:100%;display:flex}.tn-bar-chart-track{flex:1;justify-content:center;align-items:flex-end;width:100%;display:flex}.tn-bar-chart-bar{background:var(--color-primary-500);border-radius:var(--radius-xs) var(--radius-xs) 0 0;width:100%;max-width:22px;min-height:3px;transition:background var(--motion-fast)}.tn-bar-chart-bar:hover{background:var(--color-primary-600)}.tn-bar-chart-label{margin-top:var(--space-2);font-size:var(--font-size-tiny);line-height:var(--line-height-tiny);color:var(--color-muted);white-space:nowrap}.tn-hbar-list{gap:var(--space-3);flex-direction:column;display:flex}.tn-hbar-row{align-items:center;gap:var(--space-3);display:flex}.tn-hbar-rank{color:var(--color-muted);font-size:var(--font-size-caption);text-align:center;flex:0 0 20px}.tn-hbar-row-label{text-overflow:ellipsis;white-space:nowrap;font-size:var(--font-size-body);flex:0 0 140px;overflow:hidden}.tn-hbar-track{background:var(--color-slate-100);border-radius:var(--radius-full);flex:1;height:10px;overflow:hidden}.tn-hbar-fill{background:var(--color-primary-500);border-radius:var(--radius-full);height:100%}.tn-hbar-value{text-align:right;min-width:90px;font-weight:var(--font-weight-semibold);flex:none}.tn-mobile-only,.page-actions.tn-mobile-only{display:none}@media (width<=767px){.tn-desktop-only{display:none}.tn-mobile-only{display:block}.page-actions.tn-page-actions-compact.tn-mobile-only{display:flex}}.tn-rank-list{gap:var(--space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.tn-rank-row{align-items:flex-start;gap:var(--space-3);padding-bottom:var(--space-3);border-bottom:1px solid #eef0f5;display:flex}.tn-rank-row:last-child{border-bottom:0;padding-bottom:0}.tn-rank-num{color:var(--color-muted);font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);line-height:var(--line-height-body);flex:0 0 20px}.tn-rank-body{flex:1;min-width:0}.tn-rank-name{font-weight:var(--font-weight-semibold);color:var(--color-primary-600);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tn-rank-name--with-chip{justify-content:space-between;align-items:center;gap:var(--space-2);white-space:normal;display:flex;overflow:visible}.tn-rank-name-text{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.tn-rank-meta{font-size:var(--font-size-caption);color:var(--color-muted);margin-top:2px}.tn-product-row{border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-2);cursor:pointer;background:#fff}.tn-product-row:active{background:var(--color-slate-50)}.tn-product-row__line1{align-items:baseline;gap:var(--space-2);display:flex}.tn-product-row__name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--font-size-14);line-height:var(--line-height-14);font-weight:var(--font-weight-bold);color:var(--color-primary-600);flex:1;overflow:hidden}.tn-product-row__badge{font-size:var(--font-size-tiny);font-weight:var(--font-weight-medium);color:var(--color-danger-700);flex-shrink:0}.tn-product-row__price{font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);color:var(--color-text);flex-shrink:0}.tn-product-row__line2{justify-content:space-between;align-items:baseline;gap:var(--space-2);font-size:var(--font-size-caption);color:var(--color-muted);margin-top:2px;display:flex}.tn-product-row__meta{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.tn-product-row__stock{text-align:right;flex-shrink:0}.tn-product-row__stock strong{color:var(--color-text);font-weight:var(--font-weight-semibold)}.tn-product-row__dot{color:var(--color-slate-300);margin:0 2px}.tn-variant-rows{border-top:1px solid #eef0f5}.tn-variant-row{padding:var(--space-3) 0;border-bottom:1px solid #eef0f5}.tn-variant-row__line1{align-items:center;gap:var(--space-2);display:flex}.tn-variant-row__name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);color:var(--color-text);flex:1;overflow:hidden}.tn-variant-row__price{font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);color:var(--color-text);flex-shrink:0}.tn-order-row{border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-2);cursor:pointer;background:#fff}.tn-order-row:active{background:var(--color-slate-50)}.tn-order-row__line1{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.tn-order-row__code{font-size:var(--font-size-14);line-height:var(--line-height-14);font-weight:var(--font-weight-bold);color:var(--color-primary-600)}.tn-order-row__line2{justify-content:space-between;align-items:baseline;gap:var(--space-2);margin-top:2px;display:flex}.tn-order-row__meta{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--font-size-caption);color:var(--color-muted);overflow:hidden}.tn-order-row__meta--default{color:var(--color-text)}.tn-order-row__amount{font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);color:var(--color-text);flex-shrink:0}.tn-order-row__amount--lg{font-size:var(--font-size-16);line-height:var(--line-height-16);font-weight:var(--font-weight-bold,var(--font-weight-semibold))}.tn-order-row__line3{justify-content:space-between;align-items:center;gap:var(--space-2);margin-top:var(--space-2);padding-top:var(--space-2);font-size:var(--font-size-caption);border-top:1px solid #eef0f5;display:flex}.tn-order-row__line3--pay{font-size:var(--font-size-14);font-weight:var(--font-weight-medium)}.tn-order-row__actions{gap:var(--space-2);margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px solid #eef0f5;display:flex}.tn-order-row__actions .tn-button{flex:1 1 0;width:auto}.tn-swipe-row{border-radius:var(--radius-lg);margin-bottom:var(--space-2);position:relative;overflow:hidden}.tn-swipe-row .tn-order-row,.tn-swipe-row .tn-product-row{margin-bottom:0}.tn-swipe-row__content{z-index:1;touch-action:pan-y;will-change:transform;transition:transform .2s;position:relative}.tn-swipe-row__actions-clip{will-change:width;transition:width .2s;position:absolute;top:0;bottom:0;right:0;overflow:hidden}.tn-swipe-row__actions{display:flex;position:absolute;top:0;bottom:0;right:0}.tn-swipe-row__action-btn{padding:0 var(--space-1);cursor:pointer;color:#fff;font-size:var(--font-size-tiny);font-weight:var(--font-weight-medium);text-align:center;white-space:nowrap;padding-left:calc(var(--space-1) + 10px);border:0;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:4px;display:flex}.tn-swipe-row__action-btn:not(:last-child){z-index:1;border-top-right-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg);margin-right:-10px;position:relative;box-shadow:3px 0 6px #0000002e}.tn-swipe-row__action-btn--adjust{background:var(--color-warning-700)}.tn-swipe-row__action-btn--pay{background:var(--color-primary-500)}.tn-swipe-row__action-btn--delete{background:var(--color-danger-700)}.tn-swipe-row__action-btn.tn-swipe-row__action-btn--edit{background:var(--color-warning-700);box-shadow:none}.tn-swipe-row__action-btn:disabled{opacity:.5;cursor:not-allowed}.tn-statement-toolbar__dates,.tn-statement-toolbar__buttons{align-items:center;gap:var(--space-2);display:flex}@media (width<=767px){.tn-table-actions.tn-statement-toolbar{flex-direction:column;align-items:stretch;width:100%}.tn-statement-toolbar__dates{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.tn-statement-toolbar__buttons{width:100%}.tn-statement-toolbar__buttons .tn-button{flex:1 1 0;width:auto}}.tn-print-invoice{color:#000;padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:#fff;font-family:Times New Roman,Times,serif;font-size:16px}.tn-print-invoice__company{align-items:center;gap:var(--space-4);margin-bottom:var(--space-2);display:flex}.tn-print-invoice__logo{object-fit:contain;flex-shrink:0;width:auto;height:100px}.tn-print-invoice__company-text{text-align:left}.tn-print-invoice__company-text strong{font-size:18px;display:block}.tn-print-invoice__company-text div{font-size:15px;line-height:1.5}.tn-print-invoice__title{text-align:center;padding:var(--space-2) 0;margin:var(--space-8) 0 var(--space-1);letter-spacing:1px;font-size:26px;font-weight:700}.tn-print-invoice__date{text-align:center;margin-bottom:var(--space-3);font-size:16px}.tn-print-invoice__buyer{margin-bottom:var(--space-3);font-size:17px;line-height:1.8}.tn-print-invoice__buyer b{margin-right:var(--space-1)}.tn-print-invoice__buyer-name{text-transform:uppercase;font-size:18px;font-weight:700}.tn-print-invoice table{border-collapse:collapse;width:100%;margin-bottom:var(--space-1);border:2px solid #000;font-size:16px}.tn-print-invoice__table-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.tn-print-invoice th,.tn-print-invoice td{border:1px solid #000;padding:3px 8px}.tn-print-invoice thead th{-webkit-print-color-adjust:exact;print-color-adjust:exact;text-align:center;white-space:nowrap;background:#aac4e8;font-size:16px;font-weight:700}.tn-print-invoice td.tn-num{text-align:right}.tn-print-invoice td.tn-center{text-align:center}.tn-print-invoice__items-body td{border-top-style:dotted;border-bottom-style:dotted}.tn-print-invoice__totals-body td{border:1px solid #000;font-size:16px;font-weight:700}.tn-print-invoice__totals-body td:first-child{text-align:right}.tn-print-invoice__totals-body td.tn-num{text-align:right;background:#fdebd3}.tn-print-invoice__totals-body tr:last-child td{font-size:17px}.tn-print-invoice__ledger-total-row td{background:#fdebd3;border-top-style:dotted;border-bottom-style:dotted;font-weight:700}.tn-print-invoice__words{margin:var(--space-2) 0 0;font-size:16px;font-style:italic}.tn-print-invoice__signatures{gap:var(--space-4);margin-top:var(--space-5);text-align:center;grid-template-columns:1fr 1fr;font-size:16px;display:grid}.tn-print-invoice__signatures--3col{grid-template-columns:1fr 1fr 1fr}.tn-print-invoice__signatures strong{font-size:17px;display:block}.tn-print-invoice__signatures em{color:var(--color-slate-600);margin-bottom:70px;font-style:italic;display:block}.tn-print-invoice__signatures span{font-weight:700;display:block}.tn-print-invoice__header-actions{justify-content:flex-end;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}@page{size:A4;margin:20mm 15mm 20mm 20mm}@media print{body *{visibility:hidden}.tn-print-invoice,.tn-print-invoice *{visibility:visible}.tn-print-invoice{visibility:visible;border:0;border-radius:0;width:100%;padding:0;position:absolute;top:0;left:0}.tn-print-invoice__header-actions{display:none!important}.tn-print-invoice__table-scroll{overflow:visible}}@media (width<=900px){.tn-dashboard-grid,.tn-revenue-split{grid-template-columns:minmax(0,1fr)}.tn-revenue-split__chart .tn-bar-chart{height:200px}.tn-hbar-row-label{flex-basis:100px}}.tn-notif-bell{position:relative}.tn-notif-bell__button{width:var(--control-height-md);height:var(--control-height-md);border-radius:var(--radius-md);color:var(--color-slate-700);cursor:pointer;background:0 0;border:0;place-items:center;display:inline-grid;position:relative}.tn-notif-bell__button:hover{background:var(--color-slate-100)}.tn-notif-bell__badge{border-radius:var(--radius-full);background:var(--color-danger-700);color:#fff;min-width:16px;height:16px;font-size:10px;font-weight:var(--font-weight-semibold);text-align:center;padding:0 4px;line-height:16px;position:absolute;top:2px;right:2px;box-shadow:0 0 0 2px #fff}.tn-notif-dropdown{top:calc(100% + var(--space-2));border:1px solid var(--color-border);border-radius:var(--radius-lg);width:min(360px,100vw - 32px);max-height:420px;z-index:var(--z-dropdown);background:#fff;flex-direction:column;display:flex;position:absolute;right:0;overflow:hidden;box-shadow:0 12px 32px #1c294f29}.tn-notif-dropdown__header{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);flex:none;display:flex}.tn-notif-dropdown__header button{color:var(--color-primary-600);font-size:var(--font-size-caption);cursor:pointer;background:0 0;border:0;padding:0}.tn-notif-dropdown__header button:disabled{color:var(--color-slate-400);cursor:default}.tn-notif-dropdown__list{flex:auto;overflow-y:auto}.tn-notif-dropdown__state{padding:var(--space-5) var(--space-4);text-align:center;color:var(--color-muted);font-size:var(--font-size-body)}.tn-notif-dropdown__state--error{color:var(--color-danger-700)}.tn-notif-dropdown__footer{border-top:1px solid var(--color-border);flex:none}.tn-notif-dropdown__footer button{width:100%;padding:var(--space-3);color:var(--color-primary-600);font-weight:var(--font-weight-medium);font-size:var(--font-size-body);cursor:pointer;background:0 0;border:0}.tn-notif-dropdown__footer button:hover{background:var(--color-slate-50)}.tn-user-menu{position:relative}.tn-user-menu__trigger{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);cursor:pointer;background:0 0;border:0;font-family:inherit;display:flex}.tn-user-menu__trigger:hover{background:var(--color-slate-100)}.tn-user-menu__chevron{color:var(--color-slate-400);flex:none;transition:transform .15s}.tn-user-menu__chevron.is-open{transform:rotate(180deg)}.tn-user-menu__dropdown{top:calc(100% + var(--space-2));border:1px solid var(--color-border);border-radius:var(--radius-lg);width:min(260px,100vw - 32px);z-index:var(--z-dropdown);padding:var(--space-2) 0;background:#fff;position:absolute;right:0;overflow:hidden;box-shadow:0 12px 32px #1c294f29}.tn-user-menu__summary{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4) var(--space-3);min-width:0;display:flex}.app-header-avatar--lg{width:44px;height:44px;font-size:var(--font-size-h3);flex:0 0 44px}.tn-user-menu__summary-text{flex-direction:column;min-width:0;display:flex}.tn-user-menu__summary-text strong{font-size:var(--font-size-body);color:var(--color-slate-900);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.tn-user-menu__summary-text span{font-size:var(--font-size-caption);color:var(--color-muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.tn-user-menu__divider{background:var(--color-border);height:1px;margin:var(--space-1) 0}.tn-user-menu__item{align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-4);font-family:inherit;font-size:var(--font-size-body);color:var(--color-slate-700);cursor:pointer;text-align:left;background:0 0;border:0;display:flex}.tn-user-menu__item:hover{background:var(--color-slate-50)}.tn-user-menu__item--danger{color:var(--color-danger-700)}.tn-user-menu__item--danger:hover{background:var(--color-danger-50)}.tn-notif-item{align-items:flex-start;gap:var(--space-3);border:0;border-bottom:1px solid var(--color-border);width:100%;padding:var(--space-3) var(--space-4);text-align:left;cursor:pointer;background:#fff;display:flex}.tn-notif-item:last-child{border-bottom:0}.tn-notif-item:hover{background:var(--color-slate-50)}.tn-notif-item--unread{background:var(--color-primary-50)}.tn-notif-item--unread:hover{background:var(--color-primary-100)}.tn-notif-item__clickarea{align-items:flex-start;gap:var(--space-3);text-align:left;cursor:pointer;min-width:0;font:inherit;color:inherit;background:0 0;border:0;flex:auto;padding:0;display:flex}.tn-notif-item__delete{flex:none}.tn-notif-item__dot{border-radius:var(--radius-full);background:var(--color-slate-400);flex:none;width:8px;height:8px;margin-top:6px}.tn-notif-item__dot--danger{background:var(--color-danger-700)}.tn-notif-item__dot--warning{background:var(--color-warning-700)}.tn-notif-item__dot--info{background:var(--color-info-700)}.tn-notif-item__body{flex-direction:column;flex:auto;gap:2px;min-width:0;display:flex}.tn-notif-item__title{font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);color:var(--color-slate-900)}.tn-notif-item__title-row{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.tn-notif-item__message{font-size:var(--font-size-caption);color:var(--color-muted);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.tn-notif-item__time{font-size:var(--font-size-caption);color:var(--color-slate-400)}.tn-notif-item__meta{gap:var(--space-3);font-size:var(--font-size-caption);color:var(--color-slate-400);flex-wrap:wrap;display:flex}.tn-notif-list{border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:var(--space-4);background:#fff;overflow:hidden}.tn-notif-item--page{padding:var(--space-4)}@media (width<=767px){.tn-notif-dropdown{width:auto;max-height:calc(100vh - 80px);position:fixed;top:56px;left:8px;right:8px}.tn-notif-item__title-row{flex-direction:column;align-items:flex-start;gap:4px}.tn-notif-dropdown__list .tn-notif-item:nth-child(n+4){display:none}.tn-notif-list{padding-top:var(--space-4);background:0 0;border:0;border-radius:0}.tn-notif-item__excerpt{font-size:var(--font-size-caption);color:var(--color-muted);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;overflow:hidden}.tn-notif-tabs{top:calc(-1 * var(--space-4) + var(--control-height-md) + (var(--space-3) * 2));z-index:5;margin:0 calc(-1 * var(--space-4));padding:var(--space-3) var(--space-4) var(--space-4);background:var(--color-surface);margin-top:calc(-1 * var(--space-4));position:sticky}.tn-notif-tabs .tn-tabs{padding-bottom:0}}.tn-debts-header-row{margin:var(--space-4) 0}.app-shell{width:100%;height:100vh;min-height:100vh;display:flex;overflow:hidden}.app-sidebar{width:var(--sidebar-width);flex:0 0 var(--sidebar-width);height:100vh;min-height:100vh;padding:var(--space-5);background:var(--color-sidebar-bg);color:#fff;gap:var(--space-5);flex-direction:column;display:flex;overflow:hidden}.app-sidebar-inner{gap:var(--space-5);flex-direction:column;width:100%;height:100%;display:flex}.app-logo{gap:var(--space-3);padding:var(--space-2) var(--space-1) var(--space-5);border-bottom:1px solid #ffffff1a;flex:none;align-items:center;display:flex}.app-logo__mark,.login-brand{border-radius:var(--radius-md);background:var(--color-primary-500);color:#fff;width:44px;height:44px;font-weight:var(--font-weight-bold);place-items:center;display:grid}.login-brand--lg{border-radius:var(--radius-2xl);width:56px;height:56px}.app-logo span,.app-user span,.login-header-brand span{color:var(--color-slate-400);font-size:var(--font-size-caption);margin-top:2px;display:block}.app-nav{gap:var(--space-2);scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;flex:auto;min-height:0;display:flex;overflow:hidden auto}.app-nav::-webkit-scrollbar{display:none}.app-nav button,.app-logout{border-radius:var(--radius-md);padding:var(--space-3);color:var(--color-slate-300);align-items:center;gap:var(--space-2);cursor:pointer;text-align:left;font-weight:var(--font-weight-regular);background:0 0;border:0;display:flex}.app-nav button.active{color:#fff;background:var(--color-primary-600)}.app-nav button:hover,.app-logout:hover{color:#fff;background:#ffffff14}.app-nav-group{flex-direction:column;gap:2px;display:flex}.app-nav-group__chevron{flex:none;margin-left:auto;transition:transform .15s}.app-nav-group__chevron.is-open{transform:rotate(90deg)}.app-nav-subgroup{padding-left:var(--space-5);flex-direction:column;gap:2px;display:flex}.app-nav-subgroup button{padding:var(--space-2) var(--space-3);font-size:var(--font-size-caption)}.app-sidebar-footer{padding-top:var(--space-3);color:var(--color-slate-400);font-size:var(--font-size-caption);border-top:1px solid #ffffff1a;flex-direction:column;flex:none;gap:2px;margin-top:auto;display:flex}.app-user{padding:var(--space-3);border-radius:var(--radius-md);gap:var(--space-2);background:#ffffff14;flex:none;align-items:center;margin-top:auto;display:flex}.app-logout{color:#fecaca;flex:none;width:100%}.app-content{background:var(--color-bg);flex-direction:column;flex:1;min-width:0;height:100vh;min-height:100vh;display:flex;overflow:hidden}.app-header{min-height:var(--header-height);padding:0 var(--space-5);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:var(--space-5);background:#fff;flex:none;display:flex}.app-header-brand{align-items:center;gap:var(--space-2);min-width:0;display:flex}.app-header-logo{border-radius:var(--radius-sm);background:var(--color-primary-500);color:#fff;flex:0 0 32px;place-items:center;width:32px;height:32px;display:none}.app-header-title{font-size:var(--font-size-h3);line-height:var(--line-height-h3);font-weight:var(--font-weight-semibold);color:var(--color-slate-900);white-space:nowrap}.app-header-user{align-items:center;gap:var(--space-2);min-width:0;display:flex}.app-header-avatar{border-radius:var(--radius-full);background:var(--color-primary-500);color:#fff;width:36px;height:36px;font-family:inherit;font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);cursor:pointer;border:0;flex:0 0 36px;place-items:center;padding:0;line-height:1;display:grid;overflow:hidden}.app-header-avatar img{object-fit:cover;width:100%;height:100%}.app-header-user-name{font-family:inherit;font-size:var(--font-size-body);line-height:var(--line-height-body);font-weight:var(--font-weight-medium);color:var(--color-slate-900);white-space:nowrap;text-overflow:ellipsis;cursor:pointer;background:0 0;border:0;max-width:220px;padding:0;overflow:hidden}.tn-breadcrumb{align-items:center;gap:var(--space-1);padding:var(--space-3) var(--space-5) 0;font-size:var(--font-size-caption);line-height:var(--line-height-caption);color:var(--color-muted);flex-wrap:wrap;flex:none;display:flex}.tn-breadcrumb-item{align-items:center;gap:var(--space-1);display:flex}.tn-breadcrumb-item button{align-items:center;gap:var(--space-1);color:var(--color-muted);font-size:var(--font-size-caption);cursor:pointer;background:0 0;border:0;padding:0;display:inline-flex}.tn-breadcrumb-item button:hover{color:var(--color-primary-600);text-decoration:underline}.tn-breadcrumb-current{align-items:center;gap:var(--space-1);color:var(--color-text);font-weight:var(--font-weight-medium);display:inline-flex}.tn-breadcrumb-icon{flex:none}.tn-breadcrumb-sep{color:var(--color-slate-300)}.app-main{background:var(--color-bg);min-height:0;padding:var(--space-5);flex:auto;overflow:hidden auto}.app-footer{padding:var(--space-3) var(--space-5);color:var(--color-slate-400);font-size:var(--font-size-caption);flex:none}.bottom-nav{display:none}.page-title{margin-bottom:var(--space-6);justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.page-actions{gap:var(--space-2);flex:none;display:flex}.page-title h1{font-size:var(--font-size-h1);line-height:var(--line-height-h1);font-weight:var(--font-weight-extrabold);margin:0}.page-title p{margin:var(--space-1) 0 0;color:var(--color-muted)}.kpi-grid{gap:var(--space-4);margin-bottom:var(--space-6);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.kpi-grid.kpi-grid--5col{grid-template-columns:repeat(5,minmax(0,1fr))}@media (width<=1279px){.kpi-grid.kpi-grid--5col{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=1023px){.kpi-grid.kpi-grid--5col{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=767px){.kpi-grid.kpi-grid--5col{grid-template-columns:repeat(2,minmax(0,1fr))}}.kpi-card{padding:var(--space-3)}.kpi-card__header{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.kpi-card span{color:var(--color-muted);font-size:var(--font-size-body)}.kpi-card strong{font-size:var(--font-size-16);line-height:var(--line-height-16);margin-top:0;display:block}.kpi-card--clickable{cursor:pointer;transition:box-shadow .12s,border-color .12s}.kpi-card--clickable:hover{box-shadow:var(--shadow-md);border-color:var(--color-border-strong,var(--color-border))}.kpi-card__chevron{color:var(--color-muted);flex-shrink:0}.two-col{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.login-shell{background:radial-gradient(circle at 0 0,#dde3f7,#0000 35%),linear-gradient(135deg,#f9fafc,#eef1fa);flex-direction:column;min-height:100vh;display:flex}.login-header{min-height:var(--header-height);padding:0 var(--space-5);border-bottom:1px solid var(--color-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffd1;align-items:center;display:flex}.login-header-brand{align-items:center;gap:var(--space-3);display:flex}.login-header-brand strong{font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);line-height:var(--line-height-body);display:block}.login-brand-small{border-radius:var(--radius-sm);width:36px;height:36px;font-size:var(--font-size-caption)}.login-page{padding:var(--space-5);flex:1;place-items:center;display:grid}.login-card{width:100%;max-width:420px;padding:var(--space-8);border-radius:var(--radius-3xl);box-shadow:var(--shadow-lg);background:#fff;border:1px solid #e6e9f0}.login-card-brand{align-items:center;gap:var(--space-3);margin:0 0 var(--space-6);display:flex}.login-card-brand-text{flex-direction:column;line-height:1.3;display:flex}.login-card-brand-text span{font-size:var(--font-size-caption);color:var(--color-muted)}.login-card-brand-text strong{font-size:var(--font-size-h2);font-weight:var(--font-weight-extrabold);color:var(--color-text)}.login-field .tn-control{border-radius:var(--radius-lg);min-height:44px}.login-field .tn-input{font-size:var(--font-size-16)}.login-submit{border-radius:var(--radius-lg);width:100%;min-height:44px}.login-hint{margin-top:var(--space-4);font-size:var(--font-size-caption);color:var(--color-muted)}@media (width<=767px){.login-shell{min-height:100dvh}.login-header{display:none}.login-page{padding:var(--space-8) var(--space-4);flex-direction:column;justify-content:flex-start;align-items:stretch;display:flex;overflow-y:auto}.login-card{max-width:none;padding:var(--space-2);box-shadow:none;background:0 0;border:none}}.showcase-grid{gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.showcase-row{align-items:center;gap:var(--space-3);margin:var(--space-3) 0;flex-wrap:wrap;display:flex}.color-swatch{border-radius:var(--radius-lg);border:1px solid var(--color-border);height:76px;padding:var(--space-3);color:#fff;font-weight:var(--font-weight-semibold);align-items:end;display:flex}.token-table{border-collapse:collapse;width:100%}.token-table td{padding:var(--space-2);border-bottom:1px solid var(--color-border)}@media (width<=1600px){:root{--sidebar-width:260px}}@media (width<=1400px){:root{--sidebar-width:240px}.app-main{padding:var(--space-4)}.app-header{padding:0 var(--space-4)}.tn-breadcrumb{padding:var(--space-3) var(--space-4) 0}}@media (width<=1440px) and (width>=768px){.app-sidebar{flex:0 0 64px;width:64px;min-width:0;padding:0;position:relative;overflow:visible}.app-sidebar-inner{width:64px;height:100%;padding:var(--space-4) var(--space-2);background:var(--color-sidebar-bg);gap:var(--space-5);z-index:30;flex-direction:column;transition:width .16s;display:flex;position:absolute;top:0;left:0;overflow:hidden}.app-sidebar:hover .app-sidebar-inner,.app-sidebar:focus-within .app-sidebar-inner{width:260px;box-shadow:var(--shadow-lg);overflow:visible}.app-logo{padding:var(--space-2) 0 var(--space-4);justify-content:flex-start}.app-logo-text,.app-nav-label,.app-nav-group__chevron{display:none}.app-logo-text{white-space:nowrap}.app-sidebar-footer{display:none}.app-sidebar:hover .app-logo-text,.app-sidebar:focus-within .app-logo-text{display:block}.app-sidebar:hover .app-nav-label,.app-sidebar:focus-within .app-nav-label{display:inline}.app-sidebar:hover .app-nav-group__chevron,.app-sidebar:focus-within .app-nav-group__chevron{display:inline-flex}.app-sidebar:hover .app-sidebar-footer,.app-sidebar:focus-within .app-sidebar-footer{display:flex}.app-nav button,.app-logout{padding:var(--space-3) 0;justify-content:center}.app-sidebar:hover .app-nav button,.app-sidebar:hover .app-logout,.app-sidebar:focus-within .app-nav button,.app-sidebar:focus-within .app-logout{padding:var(--space-3);justify-content:flex-start}.app-nav-subgroup{display:none}.app-sidebar:hover .app-nav-subgroup,.app-sidebar:focus-within .app-nav-subgroup{padding-left:var(--space-5);display:flex}}@media (width<=1023px){.kpi-grid,.showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=767px){*{scrollbar-width:none;-ms-overflow-style:none}::-webkit-scrollbar{display:none}.app-shell{height:100dvh;min-height:100dvh;overflow:hidden}.app-sidebar{display:none}.app-content{width:100%;height:100dvh;min-height:100dvh;overflow:hidden}.app-header{min-height:56px;padding:0 var(--space-4);padding-top:env(safe-area-inset-top);border-bottom:none}.app-header-title{font-size:var(--font-size-body);line-height:var(--line-height-body)}.app-header-avatar{width:32px;height:32px;font-size:var(--font-size-caption);flex-basis:32px}.app-header-user-name{display:none}.app-main{padding:var(--space-4);padding-bottom:calc(76px + env(safe-area-inset-bottom));overflow:auto}.app-footer{display:none}.bottom-nav{z-index:var(--z-dropdown);height:64px;padding:0 var(--space-2);padding-bottom:env(safe-area-inset-bottom);background:var(--color-surface);border-top:1px solid var(--color-border);box-shadow:var(--shadow-sm);grid-template-columns:repeat(5,minmax(0,1fr));display:grid;position:fixed;bottom:0;left:0;right:0}.bottom-nav button{min-width:0;color:var(--color-slate-500);font-size:var(--font-size-tiny);line-height:var(--line-height-tiny);font-weight:var(--font-weight-medium);background:0 0;border:0;border-radius:0;flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex;position:relative}.bottom-nav button svg{flex:none}.bottom-nav button.active{color:var(--color-primary-500);font-weight:var(--font-weight-semibold)}.bottom-nav button.active:before{content:"";border-radius:var(--radius-full);background:var(--color-primary-500);width:28px;height:3px;position:absolute;top:0;left:50%;transform:translate(-50%)}.tn-breadcrumb{display:none}.page-title{top:calc(-1 * var(--space-4));z-index:6;margin:calc(-1 * var(--space-4)) calc(-1 * var(--space-4)) var(--space-4);padding:var(--space-3) var(--space-4);background:var(--color-surface);min-height:calc(var(--control-height-md) + (var(--space-3) * 2));position:sticky}.page-title h1{font-size:var(--font-size-h2);line-height:var(--line-height-h2)}.page-actions{flex-direction:column;width:100%}.page-actions.tn-page-actions-compact{flex-direction:row;width:auto}.page-title p{display:none}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.two-col,.showcase-grid{grid-template-columns:minmax(0,1fr)}}.app-header-menu,.mobile-menu-button,.mobile-sidebar-toggle,.header-menu-button{display:none!important}@media (width<=767px){.app-header{min-height:56px;padding:0 var(--space-4);justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.app-header-logo{display:grid}.app-header-brand{flex:auto;min-width:0;overflow:hidden}.app-header-title{font-size:var(--font-size-body);line-height:var(--line-height-body);font-weight:var(--font-weight-semibold);color:var(--color-slate-900);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.app-header-title__brand{flex-direction:column;justify-content:center;line-height:1.25;display:flex;overflow:hidden}.app-header-title__brand span{font-size:var(--font-size-tiny);font-weight:var(--font-weight-regular);color:var(--color-slate-500);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.app-header-title__brand strong{font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);color:var(--color-slate-900);white-space:nowrap}.app-header-user{flex:none}.app-header-avatar{width:32px;height:32px;font-size:var(--font-size-caption);flex-basis:32px}.app-header-user-name{display:none}.tn-breadcrumb{padding:var(--space-2) var(--space-4) 0}}@media (width>=768px){.app-sidebar .sidebar-close,.app-sidebar .app-sidebar-close,.app-sidebar .sidebar-toggle,.app-sidebar .mobile-sidebar-close,.app-sidebar .mobile-menu-button,.app-sidebar .header-menu-button,.app-sidebar button[aria-label=Đóng\ menu],.app-sidebar button[aria-label=Close\ menu],.app-sidebar button[aria-label=Close\ sidebar]{display:none!important}}.pm-stats{gap:var(--space-3);margin-bottom:var(--space-4);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.pm-stats>div{border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-sm);background:#fff}.pm-stats span{color:var(--color-muted);font-size:var(--font-size-caption);line-height:var(--line-height-caption);display:block}.pm-stats strong{margin-top:var(--space-1);font-size:var(--font-size-h3);line-height:var(--line-height-h3);color:var(--color-slate-900);display:block}.pm-filter-row .tn-field{width:180px}.pm-filter-row .tn-search-control{min-width:320px}.pm-result-count{margin:0 0 var(--space-3);color:var(--color-muted);font-size:var(--font-size-caption)}.pm-product-cell,.pm-variant-cell{min-width:0}.pm-product-name,.pm-sku{color:var(--color-slate-900);font-weight:var(--font-weight-semibold);line-height:var(--line-height-body)}.pm-muted,.pm-muted-normal{color:var(--color-slate-500);font-size:var(--font-size-caption)}.pm-muted-normal{color:var(--color-slate-700)}.pm-price{font-weight:var(--font-weight-semibold);color:var(--color-slate-900)}.pm-mobile-list{display:none}.pm-card{border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-4);box-shadow:var(--shadow-sm);background:#fff}.pm-card+.pm-card{margin-top:var(--space-3)}.pm-card-head{justify-content:space-between;align-items:flex-start;gap:var(--space-3);display:flex}.pm-card-code{color:var(--color-slate-500);font-size:var(--font-size-caption);line-height:var(--line-height-caption);margin-bottom:2px}.pm-card-title{color:var(--color-slate-900);font-weight:var(--font-weight-semibold);line-height:var(--line-height-body)}.pm-card-meta{gap:var(--space-2);margin-top:var(--space-3);flex-wrap:wrap;display:flex}.pm-card-meta span{background:var(--color-slate-50);color:var(--color-slate-600);border-radius:var(--radius-full);padding:2px var(--space-2);font-size:var(--font-size-caption)}.pm-card-grid{gap:var(--space-3);margin-top:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.pm-card-grid span{color:var(--color-slate-500);font-size:var(--font-size-caption);line-height:var(--line-height-caption);display:block}.pm-card-grid strong{color:var(--color-slate-900);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);line-height:var(--line-height-body);word-break:break-word;margin-top:2px;display:block}@media (width<=1279px){.pm-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.pm-filter-row .tn-field{width:160px}}@media (width<=767px){.pm-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.pm-stats>div{padding:var(--space-3)}.pm-filter-row .tn-search-control,.pm-filter-row .tn-field{width:100%;min-width:0}.pm-table-desktop{display:none}.pm-mobile-list{display:block}}.pm-product-name{color:var(--color-slate-900);font-weight:var(--font-weight-semibold);line-height:var(--line-height-body)}.pm-product-meta,.pm-variant-name{gap:var(--space-1);color:var(--color-slate-500);font-size:var(--font-size-caption);line-height:var(--line-height-caption);flex-wrap:wrap;margin-top:2px;display:flex}.pm-product-meta span:not(:last-child):after{content:"•";margin-left:var(--space-1);color:var(--color-slate-300)}.pm-sku,.pm-card-title,.pm-variant-main{color:var(--color-slate-900);font-weight:var(--font-weight-semibold);line-height:var(--line-height-body)}.pm-product-meta{color:var(--color-slate-500);font-size:var(--font-size-caption);line-height:var(--line-height-caption);margin-top:2px}.pm-product-meta span{white-space:nowrap;text-overflow:ellipsis;max-width:520px;display:block;overflow:hidden}