@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700&display=swap";
:root{--bg-primary:#f0f4f8;--bg-secondary:#fff;--text-primary:#1e293b;--text-secondary:#64748b;--primary-color:#313131;--accent-primary:#313131;--accent-secondary:#8b5cf6;--accent-gradient:linear-gradient(135deg, var(--accent-primary) 0%, var(--accent-secondary) 100%);--border-color:#6366f126;--glass-bg:#ffffffb3;--glass-border:#ffffff80;--shadow-sm:0 4px 6px -1px #0000000d;--shadow-md:0 10px 15px -3px #0000000d;--shadow-glow:0 0 20px #6366f14d;--radius-md:10px;--radius-lg:18px;--input-bg:#fffc;--card-bg:#ffffff80;--chip-bg:#ffffffa6;--drawer-bg:#fffffff5;--stat-bg:#fff9;--header-user-bg:#ffffff80;--secondary-btn-bg:#ffffffbf;--table-row-hover:#6366f10a}.warranty-qr-preview-trigger.ant-btn{cursor:zoom-in;height:auto;padding:0;line-height:0}.warranty-qr-preview-list,.warranty-qr-preview-item{display:inline-flex}.warranty-qr-preview-modal-content{padding:12px 0;display:flex}.warranty-qr-preview-code{font-size:.75em}:root[data-theme=dark]{--bg-primary:#0f172a;--bg-secondary:#1e293b;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--primary-color:#313131;--accent-primary:#313131;--accent-secondary:#a78bfa;--border-color:#ffffff14;--glass-bg:#1e293ba6;--glass-border:#ffffff0f;--shadow-sm:0 4px 6px -1px #0000004d;--shadow-md:0 10px 20px -5px #0006;--input-bg:#0f172ab3;--card-bg:#0f172a80;--chip-bg:#1e293bbf;--drawer-bg:#0f172af7;--stat-bg:#1e293bbf;--header-user-bg:#1e293be6;--secondary-btn-bg:#1e293bd9;--table-row-hover:#818cf80f}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;background-image:radial-gradient(at 0 0,#6366f11f 0,#0000 50%),radial-gradient(at 100% 100%,#8b5cf61f 0,#0000 50%);background-attachment:fixed;font-family:Inter,sans-serif;line-height:1.5;transition:background-color .25s,color .25s}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-family:Outfit,sans-serif;font-weight:600}a{color:inherit;text-decoration:none}.sidebar-menu.ant-menu-dark .ant-menu-submenu-selected>.ant-menu-submenu-title,.sidebar-menu.ant-menu-dark .ant-menu-submenu-title a{color:#fff}.sidebar-menu.ant-menu-dark .ant-menu-item-selected,.sidebar-menu.ant-menu-dark .ant-menu-item-selected a{color:#fff;font-weight:700}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.4s ease-out forwards fadeIn}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem;display:grid}.dashboard-page-header{width:100%}.dashboard-page-title.ant-typography{margin-bottom:.25rem}.dashboard-list-card{height:100%}.stat-card{flex-direction:column;gap:.4rem;padding:1.25rem;display:flex}.stat-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem}.stat-value{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:2.2rem;font-weight:700}.secondary-button,.primary-button,.danger-button{cursor:pointer;white-space:nowrap;border:none;border-radius:999px;padding:.5rem 1rem;font-size:.85rem;font-weight:600;transition:opacity .15s,background .15s}.secondary-button{background:var(--secondary-btn-bg);color:var(--text-primary);border:1px solid var(--border-color);transition:background .2s,color .2s}.primary-button{background:var(--accent-gradient);color:#fff;box-shadow:0 4px 14px #6366f14d}.danger-button{color:#dc2626;background:#ef44441a}.secondary-button:hover{background:var(--card-bg)}.primary-button:hover{opacity:.9}.danger-button:hover{background:#ef44442e}.page-stack{flex-direction:column;gap:1.25rem;display:flex}.product-list-section{isolation:isolate;flex-direction:column;display:flex;position:relative}.product-list-sticky-controls{z-index:9;background:var(--bg-secondary);position:sticky;top:64px}.product-list-controls-card{z-index:1;border-bottom-right-radius:0;border-bottom-left-radius:0;position:relative;box-shadow:0 6px 12px #0f172a14}.product-list-mobile-actions{display:none}.product-list-table-card{z-index:0;isolation:isolate;border-top:0;border-top-left-radius:0;border-top-right-radius:0;position:relative}.product-editor-header{z-index:9;background:var(--bg-primary);border-bottom:1px solid var(--border-color);margin-inline:-.5rem;padding:.75rem .5rem;position:sticky;top:64px;box-shadow:0 6px 12px #0f172a14}.settings-grid{grid-template-columns:1fr 1fr 1fr;align-items:start;gap:1.25rem;max-width:1200px;display:grid}@media (max-width:900px){.settings-grid{grid-template-columns:1fr 1fr}}.page-title{letter-spacing:-.04em;font-size:1.75rem}.page-subtitle{color:var(--text-secondary);max-width:760px;margin-top:.25rem;font-size:.88rem}.management-grid{grid-template-columns:minmax(280px,360px) minmax(0,1fr);align-items:start;gap:1.25rem;display:grid}.list-page-section{padding:1rem}.list-page-header{justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:.85rem;display:flex}.list-page-header-actions{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.filter-bar{grid-template-columns:minmax(200px,1.4fr) repeat(2,minmax(140px,.8fr));gap:.65rem;margin-bottom:.85rem;display:grid}.table-panel{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:background .25s;overflow:hidden}.panel-section{padding:1.1rem}.panel-title{margin-bottom:.25rem;font-size:1rem}.panel-subtitle{color:var(--text-secondary);margin-bottom:1rem;font-size:.85rem}.admin-form{flex-direction:column;gap:.85rem;display:flex}.admin-form>.form-action-row{order:-1;justify-content:flex-end;align-self:stretch;display:flex}.form-field{flex-direction:column;gap:.35rem;display:flex}.form-label{color:var(--text-secondary);font-size:.82rem;font-weight:600}.text-input,.textarea-input{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--input-bg);width:100%;color:var(--text-primary);outline:none;padding:.55rem .8rem;font-size:.88rem;transition:background .25s,border-color .2s,box-shadow .2s}.textarea-input{resize:vertical;min-height:90px}.text-input:focus,.textarea-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px #6366f11f}.helper-text{color:var(--text-secondary);font-size:.77rem}.message-banner{border-radius:var(--radius-md);padding:.7rem .9rem;font-size:.88rem}.message-banner.error{color:#dc2626;background:#ef44441a}.message-banner.success{color:#059669;background:#10b9811a}.checkbox-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.6rem;display:grid}.checkbox-card{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--chip-bg);align-items:flex-start;gap:.65rem;padding:.7rem .85rem;transition:background .25s;display:flex}.checkbox-card input{margin-top:.1rem}.toolbar-row{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.85rem;display:flex}.stat-strip{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.85rem;display:grid}.mini-stat{border-radius:var(--radius-md);background:var(--stat-bg);border:1px solid var(--border-color);padding:.85rem 1rem;transition:background .25s}.mini-stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.07em;font-size:.75rem}.mini-stat-value{margin-top:.2rem;font-size:1.6rem;font-weight:700}.data-table-wrap{overflow-x:auto}.data-table{border-collapse:collapse;width:100%}.data-table tbody tr{transition:background-color .15s}.data-table tbody tr:hover{background:var(--table-row-hover)}.data-table tbody tr.table-row-link{cursor:pointer}.page-layout-preview{background:#f8fafc;border:1px solid #d9e2f2;border-radius:10px;margin:-4px 0 20px;overflow:hidden}.page-layout-option{gap:2px;display:grid}.page-layout-option span{color:#64748b;font-size:12px}.page-layout-preview-header{background:#dbeafe;height:18px}.page-layout-preview-body{gap:10px;min-height:82px;padding:12px;display:flex}.page-layout-preview-sidebar{background:#e2e8f0;border-radius:5px;width:28%}.page-layout-preview-content{background:#fff;border-radius:5px;flex:1;align-content:center;gap:7px;min-width:0;padding:10px;display:grid}.page-layout-preview-content span{background:#dbeafe;border-radius:99px;width:100%;height:7px;display:block}.page-layout-preview-content span:nth-child(2){width:76%}.page-layout-preview-content span:nth-child(3){width:52%}.page-layout-preview--fullwidth .page-layout-preview-body{padding:12px 0}.page-layout-preview--minimal .page-layout-preview-content{max-width:58%;margin:0 auto}.page-layout-preview p{color:#64748b;border-top:1px solid #d9e2f2;margin:0;padding:8px 12px;font-size:12px}.data-table th,.data-table td{text-align:left;border-bottom:1px solid var(--border-color);vertical-align:top;padding:.65rem .9rem}.data-table th{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.07em;font-size:.75rem}.table-actions{flex-wrap:wrap;gap:.5rem;display:flex}.debt-aging-panel .ant-card-body{padding:1rem 1.2rem}.debt-aging-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem;display:grid}.debt-aging-card{border-color:var(--border-color);background:#ffffff0a}.debt-aging-card--old{background:#fef2f2;border-color:#fca5a5}.debt-aging-label,.debt-aging-count{color:var(--text-secondary);font-size:.75rem}.debt-aging-label{margin-bottom:.2rem}.debt-aging-total{color:var(--text-primary);font-size:.95rem;font-weight:700}.debt-aging-card--old .debt-aging-label,.debt-aging-card--old .debt-aging-total{color:#ef4444}.debt-table .ant-table-row{cursor:pointer}.debt-phone{margin-left:.4rem}.debt-customer-tags{flex-direction:column;align-items:flex-start;gap:.25rem;display:flex}.debt-limit-warning{color:#ef4444;font-size:.72rem;font-weight:600}.debt-balance{color:var(--text-secondary);font-size:.95rem;font-weight:700}.debt-balance--positive{color:#ef4444}.debt-balance--over-limit{color:#dc2626}.debt-balance--business-owes{color:#16a34a}.debt-business-owes-label{color:#16a34a;font-size:.72rem;font-weight:600}.required-mark{color:#ef4444}.debt-transaction-type{width:100%;display:flex}.debt-transaction-type .ant-radio-button-wrapper{text-align:center;flex:1}.debt-transaction-description{margin-top:.65rem}.ant-input-number.debt-amount-input{width:100%!important}.debt-customer-select{width:100%}.inline-button{color:var(--accent-primary);cursor:pointer;background:0 0;border:none;padding:.2rem .1rem;font-size:.82rem;font-weight:600}.inline-button.danger{color:#dc2626}.badge-list{flex-wrap:wrap;gap:.4rem;display:flex}.badge{color:var(--accent-primary);background:#6366f11a;border-radius:999px;align-items:center;padding:.2rem .6rem;font-size:.75rem;font-weight:600;display:inline-flex}.inactive-badge{color:var(--text-secondary);background:#94a3b826}.empty-state{text-align:center;color:var(--text-secondary);padding:2rem;font-size:.9rem}.pagination-bar{justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem 0 0;display:flex}.pagination-summary{color:var(--text-secondary);font-size:.82rem}.pagination-actions{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.pagination-page-label{font-size:.85rem;font-weight:600}.pagination-size-select{width:100px;padding:.45rem .7rem}.drawer-tabs{border-bottom:1px solid var(--border-color);flex-shrink:0;margin:0 -1.1rem;padding:0 1.1rem;display:flex}.drawer-tab{color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:.6rem 1rem;font-size:.85rem;font-weight:600;transition:color .15s,border-color .15s}.drawer-tab:hover{color:var(--text-primary)}.drawer-tab.active{color:var(--accent-primary);border-bottom-color:var(--accent-primary)}.form-section{flex-direction:column;gap:.75rem;display:flex}.form-section-title{text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary);border-bottom:1px solid var(--border-color);padding-bottom:.5rem;font-size:.72rem;font-weight:700}.form-divider{background:var(--border-color);height:1px;margin:.25rem 0}.address-card{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--card-bg);flex-direction:column;gap:.5rem;padding:.85rem;transition:background .2s;display:flex}.address-card-header{align-items:center;gap:.5rem;display:flex}.address-card-header .text-input{flex:1;font-size:.82rem}.address-remove-btn{border:1px solid var(--border-color);cursor:pointer;width:28px;height:28px;color:var(--text-secondary);background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;line-height:1;transition:background .15s,color .15s,border-color .15s;display:flex}.address-remove-btn:hover{color:#dc2626;background:#ef44441a;border-color:#ef44444d}.address-default-label{color:var(--text-secondary);cursor:pointer;align-items:center;gap:.4rem;font-size:.8rem;display:flex}.address-default-label input[type=radio]{accent-color:var(--accent-primary)}.address-add-btn{border:1.5px dashed var(--border-color);border-radius:var(--radius-md);width:100%;color:var(--text-secondary);cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:.4rem;padding:.55rem;font-size:.82rem;font-weight:600;transition:border-color .18s,color .18s,background .18s;display:flex}.address-add-btn:hover{border-color:var(--accent-primary);color:var(--accent-primary);background:#6366f10a}@media (max-width:1080px){.management-grid{grid-template-columns:1fr}.filter-bar{grid-template-columns:1fr 1fr}}@media (max-width:900px){.filter-bar{grid-template-columns:1fr}}.dashboard-content{padding:1.5rem}.mobile-menu-btn,.header-logout-icon{display:none!important}@media (max-width:767px){.dashboard-content{padding:.75rem}.mobile-menu-btn,.header-logout-icon{display:flex!important}.header-eyebrow,.header-subtitle,.header-user-details,.header-logout-full{display:none!important}.filter-bar{grid-template-columns:1fr!important}.ant-table-wrapper{overflow-x:auto}.product-list-sticky-controls{top:56px}.product-list-controls-card .ant-card-head{padding-inline:12px}.product-list-controls-card .ant-card-head-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.product-list-controls-card .ant-card-extra{margin-left:8px}.product-list-desktop-actions{display:none!important}.product-list-mobile-actions{flex-wrap:nowrap;display:inline-flex!important}.product-list-filters{grid-template-columns:minmax(0,1fr);width:100%;display:grid!important}.product-list-filters>.ant-space-item{width:100%;min-width:0}.product-list-filters .ant-input-search,.product-list-filters .ant-select,.product-list-filters>.ant-space-item>.ant-btn{width:100%!important}}.invoice-print{display:none}@page a4-portrait{size:A4 portrait}@page a4-landscape{size:A4 landscape}.attendance-actions{flex-wrap:wrap;gap:8px;display:flex}.attendance-actions .ant-input{width:220px}.attendance-table .ant-table,.attendance-table .ant-table-container,.attendance-table .ant-table-thead>tr>th,.attendance-table .ant-table-tbody>tr>td,.attendance-table .ant-table-tbody>tr:hover>td{background:#fff!important}.attendance-table .ant-table-thead>tr>th,.attendance-table .ant-table-tbody>tr>td{white-space:nowrap}.attendance-print h2{text-align:center}.attendance-print th,.attendance-print td{text-align:center;padding:3px!important}.attendance-print-signatures{text-align:center;justify-content:space-around;margin-top:36px;display:flex}.system-config-card .ant-card-head{font-size:1rem;font-weight:600}.system-config-description{font-size:.82rem}.system-config-help-text{font-size:.8rem}.system-config-number-input,.system-config-prefix-input{width:120px}.system-config-prefix-label{width:160px}.product-detail-media{justify-content:space-between;align-items:flex-start;gap:24px;min-height:120px;margin-bottom:16px;display:flex}.product-detail-gallery{flex:1}.product-detail-store-qrs{flex-wrap:wrap;flex:none;justify-content:flex-end;gap:12px;display:flex}.product-detail-store-qr{color:#101828;background:#fff;border:1px solid #e4e7ec;border-radius:12px;justify-items:center;padding:4px;text-decoration:none;transition:border-color .2s,box-shadow .2s,transform .2s;display:grid;box-shadow:0 6px 18px #10182814}.product-detail-store-qr:hover{color:var(--primary-color);border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 10px 24px #10182824}@media (max-width:767px){.product-detail-media{flex-direction:column}.product-detail-store-qrs{justify-content:flex-start;width:100%}}@media print{body>:not(.invoice-print),body.printing-warranty-qr>.invoice-print:not(.warranty-qr-print){display:none!important}.invoice-print{color:#000;width:100%;margin:0;padding:24px;font-size:13px;display:block;position:static}.a4-portrait-print{page:a4-portrait}.a4-landscape-print{page:a4-landscape;padding:12px;font-size:10px}.invoice-print table{border-collapse:collapse;width:100%;margin-top:12px}.invoice-print th,.invoice-print td{border:1px solid #000;padding:6px 8px}.invoice-print th{text-align:left;background:#f0f0f0}.inventory-document-print .ant-descriptions-view,.inventory-document-print .ant-descriptions-view table,.inventory-document-print .ant-table,.inventory-document-print .ant-table-container,.inventory-document-print .ant-table-content table{border:0!important}.inventory-document-print .ant-descriptions-view th,.inventory-document-print .ant-descriptions-view td,.inventory-document-print .ant-table th,.inventory-document-print .ant-table td{background:0 0!important;border:0!important}.warranty-qr-print.invoice-print,.product-qr-print.invoice-print{padding:0}.product-qr-grid{grid-template-columns:repeat(4,25mm);grid-auto-rows:12mm;gap:1mm;width:103mm;display:grid}.product-qr-label{box-sizing:border-box;flex-direction:row;align-items:center;gap:.75mm;width:25mm;height:12mm;padding:.5mm;display:flex;overflow:hidden}.product-qr-code{flex:0 0 10mm;min-width:10mm;max-width:10mm;min-height:10mm;max-height:10mm;width:10mm!important;height:10mm!important}.product-qr-label-content{flex:1;justify-content:center;align-items:center;min-width:0;display:flex}.product-qr-code-value{letter-spacing:0;text-overflow:ellipsis;white-space:nowrap;max-width:13.25mm;font-size:2mm;font-weight:700;line-height:2.3mm;overflow:hidden}.warranty-qr-grid{grid-template-columns:repeat(4,25mm);grid-auto-rows:12mm;gap:1mm;width:103mm;display:grid}.warranty-qr-label{box-sizing:border-box;flex-direction:row;align-items:center;gap:.75mm;width:25mm;height:12mm;padding:.5mm;display:flex;overflow:hidden}.warranty-qr-code{flex:0 0 10mm;min-width:10mm;max-width:10mm;min-height:10mm;max-height:10mm;width:10mm!important;height:10mm!important}.warranty-qr-label-content{flex:1;justify-content:center;align-items:center;min-width:0;display:flex}.warranty-qr-code-value{letter-spacing:0;text-overflow:ellipsis;white-space:nowrap;max-width:13.25mm;font-size:2mm;font-weight:700;line-height:2.3mm;overflow:hidden}}.currency-input{display:inline-block;position:relative}.currency-input .ant-input-number-input{padding-right:28px!important}.currency-input>span{color:#000000e0;pointer-events:none;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.guide-docs{color:#1c1e21;background:#fff;min-height:calc(100vh - 64px);margin:-24px}.guide-docs-header{z-index:4;background:#fff;border-bottom:1px solid #e6e6e6;justify-content:space-between;align-items:center;gap:16px;min-height:64px;padding:12px 24px;display:flex;position:sticky;top:64px}.guide-docs-layout{grid-template-columns:260px minmax(0,760px) 190px;max-width:1260px;margin:0 auto;display:grid}.guide-docs-nav{border-right:1px solid #e6e6e6;align-self:start;min-height:calc(100vh - 128px);max-height:calc(100vh - 128px);padding:24px 12px;position:sticky;top:128px;overflow-y:auto}.guide-docs-main{min-width:0;padding:48px clamp(24px,5vw,64px)}.guide-docs-toc{border-left:1px solid #e6e6e6;align-self:start;padding:56px 16px;position:sticky;top:128px}@media (max-width:900px){.guide-docs{margin:-16px}.guide-docs-layout{grid-template-columns:minmax(0,1fr)}.guide-docs-nav{border-bottom:1px solid #e6e6e6;border-right:0;min-height:0;max-height:none;position:static}.guide-docs-toc{display:none}.guide-docs-main{padding:32px 24px}}
