@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Inter:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&family=DM+Mono:wght@400;500&display=swap";:root{--sidebar-w:240px;--navbar-h:60px;--radius:12px;--radius-sm:8px;--radius-lg:16px;--transition:.2s cubic-bezier(.4, 0, .2, 1);--shadow:0 1px 3px #00000014, 0 2px 8px #0000000f;--shadow-md:0 4px 16px #0000001a, 0 1px 4px #0000000f;--shadow-lg:0 8px 32px #00000024}:root,[data-theme=light],[data-theme=dark]{--bg:#fff;--bg-2:#f2fcf7;--bg-3:#e6f7ee;--card-bg:#fff;--card-bg-2:#f2fcf7;--sidebar-bg:#053d1e;--sidebar-text:#ffffffbf;--sidebar-active:#fff;--navbar-bg:#fffffff7;--border:#008c3c1c;--border-2:#008c3c33;--text:#0c1f14;--text-muted:#5a7265;--text-dim:#93afa0;--primary:#008c3d;--primary-hover:#006e2f;--primary-glow:#008c3d21;--success:#008c3d;--success-light:#008c3d1c;--warning:#d97706;--warning-light:#d977061f;--danger:#dc2626;--danger-light:#dc26261f;--info:#0891b2;--purple:#7c3aed;--amber:#d97706;--teal:#0d9488;--orange:#ea580c;--input-bg:#f5fbf7;--input-border:#008c3c33;--input-focus:#008c3d;--scrollbar:#c8e8d4;--filter-green-plus:#006e2f;--filter-green:#008c3d;--filter-yellow:#b45309;--filter-red:#b91c1c;--bg-hover:#edf8f1;--accent:#008c3d}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Inter,system-ui,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;outline:none;font-family:inherit}input,textarea,select{outline:none;font-family:inherit}img{max-width:100%;display:block}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--scrollbar);border-radius:99px}.fw-600{font-weight:600}.text-muted{color:var(--text-muted)}.text-dim{color:var(--text-dim)}.text-sm{font-size:.8rem}.mono{letter-spacing:.02em;font-family:DM Mono,Courier New,monospace;font-size:.85em}.amount{color:var(--text);font-weight:600}.danger{color:var(--danger)}.green{color:var(--success)}.layout-root{min-height:100vh;display:flex}.layout-main{min-height:100vh;transition:margin-left var(--transition);background:#f0f9f3;flex-direction:column;flex:1;display:flex;overflow-x:hidden}.sidebar-expanded{margin-left:calc(var(--sidebar-w) + 12px)}.sidebar-collapsed{margin-left:0}.sidebar-overlay{z-index:99;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000059;position:fixed;inset:0}.sidebar{width:var(--sidebar-w);z-index:100;transition:transform var(--transition);background:linear-gradient(175deg,#00a855 0%,#009846 55%,#007a38 100%);border-right:none;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;overflow:hidden;transform:translate(0);box-shadow:4px 0 24px #0098464d}.sidebar-closed{transform:translate(-100%)}.sidebar-logo{min-height:var(--navbar-h);border-bottom:1px solid #ffffff1f;align-items:center;gap:12px;padding:20px 18px;display:flex}.logo-icon{font-size:1.6rem}.logo-title{color:#fff;letter-spacing:-.01em;font-family:Plus Jakarta Sans,sans-serif;font-size:1.05rem;font-weight:800;display:block}.logo-sub{color:#fff9;letter-spacing:.08em;text-transform:uppercase;font-size:.68rem;display:block}.sidebar-nav{flex:1;padding:12px 10px;overflow-y:auto}.nav-section-label{letter-spacing:.12em;text-transform:uppercase;color:#ffffff80;padding:8px 8px 4px;font-size:.65rem;font-weight:700}.nav-item{border-radius:var(--radius-sm);color:#ffffffbf;transition:all var(--transition);align-items:center;gap:10px;margin-bottom:2px;padding:10px 12px;font-size:.875rem;font-weight:500;display:flex;position:relative}.nav-item:hover{color:#fff;background:#ffffff1f}.nav-active{font-weight:700;color:#fff!important;background:#fff3!important}.nav-active:before{content:"";background:#fff;border-radius:0 2px 2px 0;width:3px;position:absolute;top:4px;bottom:4px;left:0}.nav-icon{text-align:center;flex-shrink:0;width:20px;font-size:1.05rem}.nav-label{flex:1}.nav-badge{color:#fff;text-align:center;background:#ef4444;border-radius:99px;min-width:18px;padding:1px 6px;font-size:.65rem;font-weight:700}.sidebar-footer{border-top:1px solid #ffffff1f;padding:12px 18px}.sidebar-user{align-items:center;gap:10px;padding:10px 0 12px;display:flex}.sidebar-user-avatar{color:#fff;background:#fff3;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:.9rem;font-weight:700;display:flex}.sidebar-user-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.sidebar-user-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;font-weight:600;overflow:hidden}.sidebar-user-role{color:#ffffff8c;text-transform:capitalize;font-size:.68rem}.sidebar-logout-btn{cursor:pointer;color:#fff9;transition:background var(--transition), color var(--transition);background:0 0;border:none;border-radius:6px;flex-shrink:0;align-items:center;padding:6px;display:flex}.sidebar-logout-btn:hover{color:#fff;background:#ffffff26}.sidebar-version{color:#ffffff80;font-size:.7rem}.navbar{height:var(--navbar-h);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);z-index:50;background:#fff;justify-content:space-between;align-items:center;gap:16px;padding:0 20px;display:flex;position:sticky;top:0;box-shadow:0 1px 4px #0000000d}.navbar-left{flex:1;align-items:center;gap:14px;min-width:0;display:flex}.navbar-right{flex-shrink:0;align-items:center;gap:8px;display:flex}.menu-toggle{border-radius:var(--radius-sm);transition:background var(--transition);background:0 0;flex-direction:column;flex-shrink:0;gap:4px;padding:8px;display:flex}.menu-toggle:hover{background:var(--bg-3)}.hamburger{background:var(--text);width:18px;height:2px;transition:all var(--transition);border-radius:2px;display:block}.breadcrumb{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.825rem;overflow:hidden}.breadcrumb-current{color:var(--text);font-weight:600}.breadcrumb-sep{opacity:.4}.icon-btn{border-radius:var(--radius-sm);transition:background var(--transition);color:var(--text-muted);background:0 0;padding:7px;font-size:1.1rem}.icon-btn:hover{background:var(--bg-3);color:var(--text)}.navbar-notif{position:relative}.notif-dot{background:var(--danger);border:1.5px solid #fff;border-radius:50%;width:7px;height:7px;position:absolute;top:5px;right:5px}.navbar-user{border-radius:var(--radius);background:var(--bg-3);border:1px solid var(--border);align-items:center;gap:10px;padding:4px 10px;display:flex}.user-avatar{color:#fff;background:linear-gradient(135deg,#00b84f,#007a38);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:.85rem;font-weight:700;display:flex;box-shadow:0 2px 6px #0098464d}.user-info{flex-direction:column;display:flex}.user-name{font-size:.8rem;font-weight:600;line-height:1.2}.user-role{color:var(--text-muted);font-size:.68rem}.logout-btn{color:var(--text-muted);transition:color var(--transition);background:0 0;border-radius:4px;padding:4px;font-size:1rem}.logout-btn:hover{color:var(--danger)}.page-content{background:#f5f6fa;flex:1}.page-wrapper{width:100%;padding:16px}.dashboard-page{font-family:serif}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.page-title{letter-spacing:-.02em;color:var(--text);font-family:Plus Jakarta Sans,sans-serif;font-size:1.6rem;font-weight:700}.page-desc{color:var(--text-muted);margin-top:2px;font-size:.85rem}.btn-primary{color:#fff;border-radius:var(--radius-sm);transition:all var(--transition);white-space:nowrap;background:linear-gradient(135deg,#00ad52,#007a38);align-items:center;gap:6px;padding:10px 22px;font-size:.9rem;font-weight:700;display:inline-flex;box-shadow:0 2px 8px #00984647}.btn-primary:hover{background:linear-gradient(135deg,#00c45e,#008c3d);transform:translateY(-1px);box-shadow:0 4px 16px #00984666}.btn-primary:active{transform:translateY(0)}.btn-outline{color:var(--text);border:1.5px solid var(--border-2);border-radius:var(--radius-sm);transition:all var(--transition);white-space:nowrap;background:#fff;align-items:center;gap:6px;padding:9px 18px;font-size:.875rem;font-weight:500;display:inline-flex}.btn-outline:hover{background:var(--bg-3);border-color:var(--primary);color:var(--primary)}.btn-sm{background:var(--bg-3);color:var(--text);transition:background var(--transition);border:1px solid var(--border);border-radius:6px;padding:4px 10px;font-size:.78rem}.btn-sm:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.btn-success{background:#009846!important}.btn-loading{opacity:.7;pointer-events:none}.link-btn{color:var(--primary);transition:background var(--transition);background:0 0;border-radius:6px;padding:4px 8px;font-size:.82rem;font-weight:600}.link-btn:hover{background:var(--primary-glow)}.back-btn{color:var(--text-muted);transition:color var(--transition);background:0 0;align-items:center;gap:6px;margin-bottom:8px;padding:6px 0;font-size:.85rem;display:flex}.back-btn:hover{color:var(--primary)}.btn-place-order{color:#fff;border-radius:var(--radius);transition:all var(--transition);white-space:nowrap;letter-spacing:-.01em;background:linear-gradient(135deg,#00ad52,#007a38);align-items:center;gap:8px;padding:14px 32px;font-size:1.05rem;font-weight:700;display:inline-flex;box-shadow:0 4px 16px #00984652}.btn-place-order:hover{background:linear-gradient(135deg,#00c45e,#008c3d);transform:translateY(-2px);box-shadow:0 6px 24px #00984673}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.stats-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin-bottom:24px;display:grid}.stat-card{border:1px solid var(--border);border-radius:var(--radius-lg);transition:transform var(--transition), box-shadow var(--transition);box-shadow:var(--shadow);background:#fff;padding:20px;position:relative;overflow:hidden}.stat-card:before{content:"";height:3px;position:absolute;top:0;left:0;right:0}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-blue:before{background:#009846}.stat-purple:before{background:#7c3aed}.stat-indigo:before{background:#6366f1}.stat-amber:before{background:#d97706}.stat-green:before{background:#009846}.stat-top{justify-content:space-between;align-items:flex-start;display:flex}.stat-title{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:6px;font-size:.78rem;font-weight:600}.stat-value{letter-spacing:-.03em;color:var(--text);font-family:Plus Jakarta Sans,sans-serif;font-size:2rem;font-weight:800}.stat-sub{color:var(--text-muted);margin-top:2px;font-size:.75rem}.stat-icon{opacity:.7;font-size:1.8rem}.stat-trend{margin-top:10px;font-size:.75rem;font-weight:600}.trend-up{color:var(--success)}.trend-down{color:var(--danger)}.charts-grid{grid-template-columns:1fr 1fr 380px;gap:16px;margin-bottom:24px;display:grid}.chart-card{border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);background:#fff;padding:20px}.chart-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.chart-title{color:var(--text);font-family:Plus Jakarta Sans,sans-serif;font-size:.95rem;font-weight:700}.chart-badge{background:var(--bg-3);color:var(--text-muted);border-radius:99px;padding:3px 8px;font-size:.72rem;font-weight:600}.pie-legend{flex-wrap:wrap;gap:12px;margin-top:12px;display:flex}.legend-item{align-items:center;gap:5px;display:flex}.legend-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.legend-label{color:var(--text-muted);font-size:.75rem}.alert-card{border-radius:var(--radius-lg);background:#dc26260a;border:1px solid #dc262626;margin-bottom:24px;padding:18px}.alert-header{color:var(--text);align-items:center;gap:10px;margin-bottom:12px;font-weight:600;display:flex}.alert-icon{font-size:1.2rem}.low-stock-list{flex-direction:column;gap:6px;display:flex}.low-stock-item{border-radius:var(--radius-sm);border:1px solid var(--border);background:#fff;align-items:center;gap:12px;padding:8px 12px;display:flex}.low-stock-name{flex:1;font-size:.875rem;font-weight:600}.low-stock-cat{color:var(--text-muted);font-size:.78rem}.low-stock-qty{font-size:.875rem;font-weight:700}.two-col-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px;display:grid}.table-card{border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);background:#fff;margin-bottom:24px;padding:20px;overflow:hidden}.card-header-row{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.card-title{color:var(--text);font-family:Plus Jakarta Sans,sans-serif;font-size:1rem;font-weight:700}.table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.data-table{border-collapse:collapse;width:100%;font-size:.875rem}.data-table th{text-align:left;text-transform:uppercase;letter-spacing:.07em;color:#3d7058;border-bottom:2px solid var(--border-2);white-space:nowrap;background:#edf8f2;padding:10px 12px;font-size:.72rem;font-weight:700}.data-table td{border-bottom:1px solid var(--border);vertical-align:middle;color:var(--text);padding:12px}.data-table tr:last-child td{border-bottom:none}.data-table tbody tr{transition:background var(--transition)}.data-table tbody tr:hover{background:#edf8f1}.clickable-row{cursor:pointer}.row-warning td{background:#d9770608}.table-avatar-row{align-items:center;gap:10px;display:flex}.customer-mini-list{flex-direction:column;gap:2px;display:flex}.customer-mini-item{border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition);align-items:center;gap:12px;padding:10px 8px;display:flex}.customer-mini-item:hover{background:var(--bg-3)}.cust-info{flex:1;min-width:0}.cust-name{white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:600;overflow:hidden}.cust-shop{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.cust-right{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:4px;display:flex}.cust-amount{color:var(--text-muted);font-size:.78rem;font-weight:600}.category-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;display:grid}.category-chip{border:1px solid var(--border);border-radius:var(--radius);border-top:3px solid var(--cat-color,var(--primary));transition:transform var(--transition), box-shadow var(--transition);cursor:default;background:#fff;padding:14px}.category-chip:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.cat-icon{margin-bottom:6px;font-size:1.2rem}.cat-name{color:var(--text);margin-bottom:2px;font-size:.8rem;font-weight:700}.cat-count,.cat-stock{color:var(--text-muted);font-size:.72rem}.badge{letter-spacing:.02em;white-space:nowrap;border-radius:99px;align-items:center;padding:3px 8px;font-size:.72rem;font-weight:700;display:inline-flex}.badge-green-plus{color:#059669;background:#05966926;border:1px solid #05966940}.badge-green{color:#009846;background:#0098461f;border:1px solid #00984633}.badge-yellow{color:#b45309;background:#d977061f;border:1px solid #d9770633}.badge-red{color:#b91c1c;background:#dc26261a;border:1px solid #dc26262e}.badge-amber{color:#b45309;background:#d977061f;border:1px solid #d9770633}.badge-blue{color:#007a38;background:#0098461a;border:1px solid #00984633}.badge-purple{color:#7c3aed;background:#7c3aed1a;border:1px solid #7c3aed33}.badge-teal{color:#0d9488;background:#0d94881a;border:1px solid #0d948833}.badge-orange{color:#ea580c;background:#ea580c1a;border:1px solid #ea580c33}.badge-gray{background:var(--bg-3);color:var(--text-muted);border:1px solid var(--border)}.toast-container{z-index:9999;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:24px;right:24px}.toast{border-radius:var(--radius);box-shadow:var(--shadow-lg);pointer-events:all;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);align-items:center;gap:10px;max-width:320px;padding:12px 16px;font-size:.875rem;font-weight:500;animation:.3s slideIn;display:flex}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.toast-success{color:#fff;background:#009846f2}.toast-error{color:#fff;background:#dc2626f2}.toast-info{color:#fff;background:#009846f2}.toast-warn{color:#fff;background:#d97706f2}.toast-icon{font-size:1rem;font-style:normal;font-weight:700}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;background:#00000073;justify-content:center;align-items:center;padding:16px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.modal{border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-height:90vh;box-shadow:var(--shadow-lg);background:#fff;flex-direction:column;animation:.25s cubic-bezier(.34,1.56,.64,1) modalIn;display:flex}@keyframes modalIn{0%{opacity:0;transform:scale(.94)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-sm{max-width:420px}.modal-md{max-width:560px}.modal-lg{max-width:680px}.modal-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.modal-title{color:var(--text);font-family:Plus Jakarta Sans,sans-serif;font-size:1rem;font-weight:700}.modal-close{background:var(--bg-3);color:var(--text-muted);width:28px;height:28px;transition:all var(--transition);border:1px solid var(--border);border-radius:50%;justify-content:center;align-items:center;font-size:.85rem;display:flex}.modal-close:hover{background:var(--danger);color:#fff;border-color:var(--danger)}.modal-body{flex:1;padding:20px;overflow-y:auto}.search-bar{border:1.5px solid var(--border-2);border-radius:var(--radius-sm);min-width:220px;max-width:400px;transition:border-color var(--transition);box-shadow:var(--shadow);background:#fff;flex:1;align-items:center;gap:8px;padding:0 12px;display:flex}.search-bar:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.search-icon{color:var(--text-muted);flex-shrink:0;font-size:.9rem}.search-input{color:var(--text);background:0 0;border:none;flex:1;padding:9px 0;font-size:.875rem}.search-input::placeholder{color:var(--text-muted)}.search-clear{color:var(--text-muted);transition:color var(--transition);background:0 0;border-radius:4px;padding:2px 4px;font-size:.75rem}.search-clear:hover{color:var(--danger)}.filters-bar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;display:flex}.filter-tabs{flex-wrap:wrap;gap:4px;display:flex}.filter-tab{color:var(--text-muted);border:1.5px solid var(--border-2);transition:all var(--transition);white-space:nowrap;background:#fff;border-radius:99px;padding:6px 12px;font-size:.78rem;font-weight:600}.filter-tab:hover{color:var(--text);border-color:var(--primary)}.filter-tab.active{background:var(--primary);color:#fff;border-color:var(--primary)}.tab-count{background:#fff3;border-radius:99px;margin-left:3px;padding:1px 5px;font-size:.68rem}.filter-tab:not(.active) .tab-count{background:var(--bg-3);color:var(--text-muted)}.view-toggle{border:1px solid var(--border);border-radius:var(--radius-sm);background:#fff;gap:2px;margin-left:auto;padding:3px;display:flex}.view-btn{color:var(--text-muted);transition:all var(--transition);background:0 0;border-radius:6px;padding:4px 10px;font-size:1rem}.view-btn.active{background:var(--primary);color:#fff}.pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin-top:20px;display:flex}.page-btn{border:1.5px solid var(--border-2);color:var(--text);border-radius:var(--radius-sm);transition:all var(--transition);background:#fff;min-width:36px;padding:6px 12px;font-size:.82rem;font-weight:600}.page-btn:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.page-btn.active{background:var(--primary);border-color:var(--primary);color:#fff}.page-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-bar{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:20px;display:flex}.page-info{color:var(--text-muted);font-size:.82rem;font-weight:600}.filter-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;align-self:center;margin-right:4px;font-size:.75rem;font-weight:700}.sortable-th{cursor:pointer;-webkit-user-select:none;user-select:none}.sortable-th:hover{color:var(--primary)}.sort-icon{margin-left:3px;font-size:.75rem;display:inline-block}.sort-icon.inactive{opacity:.3}.sort-icon.active{color:var(--primary)}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:60px 20px;display:flex}.empty-icon{opacity:.4;margin-bottom:8px;font-size:3rem}.empty-state h3{color:var(--text);font-size:1.1rem;font-weight:700}.empty-state p{color:var(--text-muted);font-size:.875rem}.empty-state.small{padding:24px}.skeleton{border-radius:var(--radius-sm);background:linear-gradient(90deg,#eaf7ee 25%,#d6f0de 50%,#eaf7ee 75%) 0 0/200% 100%;animation:1.4s infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}.skeleton-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:#fff;flex-direction:column;gap:10px;padding:20px;display:flex}.skeleton-title{width:60%;height:18px}.skeleton-line{width:100%;height:14px}.skeleton-line.short{width:40%}.skeleton-table{flex-direction:column;gap:8px;display:flex}.skeleton-row{border-radius:var(--radius-sm);height:44px}.skeleton-table-wrap{flex-direction:column;padding:0 16px 8px;display:flex}.skeleton-thead{border-bottom:1px solid var(--border);gap:16px;margin-bottom:2px;padding:14px 0;display:flex}.skeleton-trow{border-bottom:1px solid var(--border);gap:16px;padding:14px 0;display:flex}.skeleton-th{border-radius:4px;height:11px}.skeleton-td{border-radius:4px;height:13px}.skeleton-th.w-xs,.skeleton-td.w-xs{flex-shrink:0;width:50px}.skeleton-th.w-sm,.skeleton-td.w-sm{flex-shrink:0;width:90px}.skeleton-th.w-md,.skeleton-td.w-md{flex:1;min-width:70px}.skeleton-th.w-lg,.skeleton-td.w-lg{flex:1.6;min-width:100px}.skeleton-detail-header{align-items:center;gap:14px;padding:20px 24px 16px;display:flex}.skeleton-back-btn{border-radius:8px;flex-shrink:0;width:34px;height:34px}.skeleton-page-title{border-radius:6px;width:220px;height:26px}.skeleton-badge{border-radius:20px;width:90px;height:26px;margin-left:auto}.skeleton-detail-grid{grid-template-columns:1fr 1fr;gap:20px;padding:0 24px 24px;display:grid}@media (width<=768px){.skeleton-detail-grid{grid-template-columns:1fr}}.skeleton-detail-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:#fff;flex-direction:column;gap:18px;padding:20px;display:flex}.skeleton-card-title{border-radius:4px;width:110px;height:14px}.skeleton-field{flex-direction:column;gap:7px;display:flex}.skeleton-label{border-radius:3px;width:75px;height:10px}.skeleton-value{border-radius:4px;width:100%;height:15px}.skeleton-value.short{width:55%}.form-card{border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);background:#fff;margin-bottom:20px;padding:28px}.form-grid-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.form-group{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.form-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;font-weight:700}.form-input{border:1.5px solid var(--input-border);border-radius:var(--radius-sm);color:var(--text);transition:all var(--transition);background:#fff;width:100%;padding:10px 12px;font-size:.875rem}.form-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.form-input::placeholder{color:var(--text-muted)}.form-input.textarea{resize:vertical;min-height:80px;font-family:inherit}.form-input.input-error{border-color:var(--danger);box-shadow:0 0 0 3px #dc26261f}select.form-input{cursor:pointer}.error-msg{color:var(--danger);font-size:.75rem;font-weight:500}.form-section-title{text-transform:uppercase;letter-spacing:.08em;color:var(--primary);border-bottom:1px solid var(--border);margin-top:8px;margin-bottom:16px;padding-bottom:8px;font-family:Plus Jakarta Sans,sans-serif;font-size:.85rem;font-weight:700}.form-actions{border-top:1px solid var(--border);justify-content:flex-end;gap:10px;margin-top:8px;padding-top:16px;display:flex}.section-title{color:var(--text);margin-bottom:16px;font-family:Plus Jakarta Sans,sans-serif;font-size:1rem;font-weight:700}.subsection-title{color:var(--text-muted);margin-bottom:10px;font-size:.85rem;font-weight:700}.photo-upload-section{background:var(--bg-3);border-radius:var(--radius);border:1px dashed var(--border-2);align-items:center;gap:16px;margin-bottom:20px;padding:16px;display:flex}.photo-preview{background:var(--bg-2);border:2px dashed var(--border-2);cursor:pointer;width:72px;height:72px;transition:border-color var(--transition);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.photo-preview:hover{border-color:var(--primary)}.photo-img{object-fit:cover;width:100%;height:100%}.photo-placeholder{text-align:center;color:var(--text-muted);font-size:.7rem}.input-wrap{align-items:center;display:flex;position:relative}.input-wrap .form-input{padding-left:36px}.input-icon{color:var(--text-muted);pointer-events:none;z-index:1;font-size:.9rem;position:absolute;left:11px}.input-toggle{color:var(--text-muted);transition:color var(--transition);background:0 0;font-size:.9rem;position:absolute;right:10px}.input-toggle:hover{color:var(--text)}.customer-grid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:16px;margin-bottom:20px;display:grid}.customer-card{border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition);box-shadow:var(--shadow);background:#fff;padding:18px}.customer-card:hover{box-shadow:var(--shadow-md);border-color:var(--primary);transform:translateY(-3px)}.ccard-top{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.ccard-name{color:var(--text);margin-bottom:2px;font-size:1rem;font-weight:700}.ccard-shop{color:var(--text-muted);margin-bottom:6px;font-size:.8rem}.ccard-type{margin-bottom:10px}.ccard-details{flex-direction:column;gap:5px;margin-bottom:12px;display:flex}.ccard-detail{color:var(--text-muted);align-items:center;gap:7px;font-size:.78rem;display:flex}.ccard-footer{border-top:1px solid var(--border);justify-content:space-between;margin-top:4px;padding-top:10px;display:flex}.ccard-stat-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-size:.68rem;font-weight:600}.ccard-stat-val{color:var(--text);margin-top:2px;font-size:.9rem;font-weight:700}.status-green-plus{color:#059669}.status-green{color:#009846}.status-yellow{color:#b45309}.status-red{color:#b91c1c}.order-stat-row{display:none}.type-badge{border-radius:99px;padding:2px 8px;font-size:.72rem;font-weight:700}.type-regular{color:#007a38;background:#0098461a;border:1px solid #00984633}.type-custom{color:#ea580c;background:#ea580c1a;border:1px solid #ea580c33}.profile-banner{z-index:5;margin-bottom:24px;position:relative;overflow:visible}.banner-bg{border-radius:var(--radius-lg);background:#009846;height:180px}.profile-header{flex-wrap:wrap;align-items:flex-end;gap:20px;display:flex;position:absolute;bottom:-10px;left:24px;right:24px}.profile-avatar-wrap{flex-shrink:0}.profile-avatar{color:#fff;background:#009846;border:4px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:88px;height:88px;font-size:2rem;font-weight:900;display:flex}.profile-info{flex:1;min-width:0;padding-bottom:0}.profile-name{color:#fff;font-family:Plus Jakarta Sans,sans-serif;font-size:1.4rem;font-weight:800}.profile-shop{color:#ffffffb3;font-size:.875rem}.profile-badges{flex-wrap:wrap;gap:8px;margin-top:6px;display:flex}.profile-actions{flex-wrap:wrap;gap:8px;padding-bottom:8px;display:flex}.profile-grid{grid-template-columns:1fr 1fr;gap:16px;margin-top:36px;display:grid}.detail-card{border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);background:#fff;padding:20px}.wide-card{grid-column:1/-1}.detail-title{border-bottom:1px solid var(--border);color:var(--text);margin-bottom:16px;padding-bottom:10px;font-family:Plus Jakarta Sans,sans-serif;font-size:.95rem;font-weight:700}.detail-list{flex-direction:column;gap:12px;display:flex}.detail-row{align-items:flex-start;gap:12px;display:flex}.detail-icon{flex-shrink:0;margin-top:2px;font-size:1rem}.detail-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:2px;font-size:.72rem;font-weight:700}.detail-val{color:var(--text);font-size:.875rem;font-weight:500}.finance-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.finance-item{background:var(--bg-3);border-radius:var(--radius-sm);border:1px solid var(--border);padding:12px}.finance-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:4px;font-size:.72rem;font-weight:700}.finance-val{color:var(--text);font-family:Plus Jakarta Sans,sans-serif;font-size:1.1rem;font-weight:700}.timeline{flex-direction:column;gap:0;display:flex}.timeline-item{gap:12px;padding-bottom:16px;display:flex;position:relative}.timeline-item:before{content:"";background:var(--border);width:2px;position:absolute;top:28px;bottom:0;left:14px}.timeline-item:last-child:before{display:none}.timeline-icon{background:var(--bg-3);border:2px solid var(--border);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.85rem;display:flex}.timeline-content{flex:1}.timeline-event{color:var(--text);font-size:.875rem;font-weight:500}.timeline-date{color:var(--text-muted);margin-top:2px;font-size:.75rem}.notes-text{color:var(--text-muted);font-size:.875rem;line-height:1.6}.stepper{border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);background:#fff;align-items:center;gap:0;margin-bottom:20px;padding:20px;display:flex;overflow-x:auto}.step{flex:1;align-items:center;min-width:0;display:flex;position:relative}.step-num{background:var(--bg-3);border:2px solid var(--border);width:32px;height:32px;transition:all var(--transition);color:var(--text);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.8rem;font-weight:700;display:flex}.step-label{white-space:nowrap;color:var(--text-muted);transition:color var(--transition);margin-left:8px;font-size:.78rem;font-weight:600}.step-line{background:var(--border);flex:1;min-width:20px;height:2px;margin:0 12px}.step-active .step-num{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 0 0 4px var(--primary-glow)}.step-active .step-label{color:var(--text)}.step-done .step-num{background:var(--success);border-color:var(--success);color:#fff}.step-done .step-label{color:var(--success)}.step-done .step-line{background:var(--success)}.step-actions{border-top:1px solid var(--border);justify-content:flex-end;gap:10px;margin-top:20px;padding-top:16px;display:flex}.customer-search-results{flex-direction:column;gap:6px;max-height:280px;margin:12px 0;display:flex;overflow-y:auto}.cust-search-item{border:1.5px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);box-shadow:var(--shadow);background:#fff;align-items:center;gap:12px;padding:10px 14px;display:flex}.cust-search-item:hover,.cust-search-item.selected{background:var(--primary-glow);border-color:var(--primary)}.cs-info{flex:1;min-width:0}.cs-name{color:var(--text);font-size:.875rem;font-weight:600}.cs-details{color:var(--text-muted);font-size:.78rem}.cs-address{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.73rem;overflow:hidden}.cs-id{background:var(--bg-3);color:var(--text);border:1px solid var(--border);border-radius:4px;flex-shrink:0;padding:2px 6px;font-size:.72rem;font-weight:700}.selected-customer-banner{border-radius:var(--radius);background:#00984614;border:1.5px solid #00984640;align-items:center;gap:14px;margin-top:12px;padding:14px;display:flex}.sc-name{color:var(--text);font-weight:700}.sc-detail{color:var(--text-muted);font-size:.8rem}.sc-badge{background:var(--success);color:#fff;border-radius:99px;margin-left:auto;padding:3px 10px;font-size:.72rem;font-weight:700}.order-type-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px;display:grid}.order-type-card{border:2px solid var(--border);border-radius:var(--radius);cursor:pointer;text-align:center;transition:all var(--transition);box-shadow:var(--shadow);background:#fff;padding:20px}.order-type-card:hover,.type-selected{border-color:var(--primary);background:var(--primary-glow)}.ot-icon{margin-bottom:8px;font-size:2rem}.ot-name{color:var(--text);margin-bottom:4px;font-size:.95rem;font-weight:700}.ot-desc{color:var(--text-muted);font-size:.78rem}.custom-details-form{background:var(--bg-3);border-radius:var(--radius);border:1px solid var(--border);margin-top:8px;padding:16px}.file-upload-zone{border:2px dashed var(--border-2);border-radius:var(--radius-sm);text-align:center;cursor:pointer;color:var(--text-muted);transition:all var(--transition);padding:16px;font-size:.85rem}.file-upload-zone:hover{border-color:var(--primary);color:var(--primary)}.product-order-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-bottom:16px;display:grid}.product-order-card{border:2px solid var(--border);border-radius:var(--radius);transition:all var(--transition);box-shadow:var(--shadow);background:#fff;padding:14px}.product-order-card:hover{border-color:var(--border-2)}.prod-selected{border-color:var(--primary)!important;background:var(--primary-glow)!important}.prod-low-stock{border-color:#dc262640}.poc-header{justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:4px;display:flex}.poc-name{color:var(--text);font-size:.82rem;font-weight:700}.low-badge{background:var(--danger);color:#fff;white-space:nowrap;border-radius:4px;flex-shrink:0;padding:2px 5px;font-size:.65rem;font-weight:700}.poc-cat{color:var(--text-muted);margin-bottom:6px;font-size:.72rem}.poc-price{color:var(--primary);margin-bottom:2px;font-size:.85rem;font-weight:700}.poc-stock{color:var(--text-muted);margin-bottom:10px;font-size:.72rem}.qty-control{align-items:center;gap:6px;display:flex}.qty-btn{background:var(--bg-2);border:1px solid var(--border);width:26px;height:26px;color:var(--text);transition:all var(--transition);border-radius:50%;justify-content:center;align-items:center;font-size:1rem;line-height:1;display:flex}.qty-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.qty-input{text-align:center;border:1.5px solid var(--input-border);width:42px;color:var(--text);background:#fff;border-radius:6px;padding:4px;font-size:.85rem;font-weight:600}.order-summary{background:var(--bg-3);border-radius:var(--radius);border:1px solid var(--border);margin-bottom:16px;padding:16px}.summary-row{border-bottom:1px solid var(--border);color:var(--text);align-items:center;gap:12px;padding:6px 0;font-size:.875rem;display:flex}.summary-row span:first-child{flex:1}.summary-total{color:var(--text);align-items:center;gap:12px;margin-top:2px;padding-top:10px;font-weight:700;display:flex}.summary-total span:first-child{flex:1}.amount.lg{color:var(--primary);font-size:1.3rem}.review-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;margin-bottom:16px;display:grid}.review-section{background:var(--bg-3);border-radius:var(--radius-sm);border:1px solid var(--border);padding:12px}.review-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:4px;font-size:.72rem;font-weight:700}.review-val{color:var(--text);font-size:.9rem;font-weight:700}.success-modal-body{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:20px;display:flex}.success-icon{font-size:3.5rem}.call-stats{gap:16px;display:flex}.call-stat{text-align:center;border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow);background:#fff;padding:8px 18px}.cs-num{color:var(--primary);font-family:Plus Jakarta Sans,sans-serif;font-size:1.4rem;font-weight:800;display:block}.cs-lbl{color:var(--text-muted);font-size:.72rem;font-weight:600}.calls-grid{flex-direction:column;gap:10px;margin-bottom:24px;display:flex}.call-card{border:1px solid var(--border);border-radius:var(--radius);transition:all var(--transition);box-shadow:var(--shadow);background:#fff;align-items:center;gap:20px;padding:14px 20px;display:flex}.call-card:hover{box-shadow:var(--shadow-md);border-color:var(--primary)}.call-card-left{flex:1;align-items:center;gap:16px;min-width:0;display:flex}.call-info{min-width:0}.call-name{color:var(--text);font-size:.925rem;font-weight:700}.call-shop{color:var(--text-muted);font-size:.78rem}.call-franchise{color:var(--text-muted);font-size:.73rem}.call-meta-row{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:20px;display:flex}.call-detail-row{color:var(--text-muted);white-space:nowrap;align-items:center;gap:5px;font-size:.78rem;display:flex}.call-actions-row{flex-shrink:0;align-items:center;gap:8px;display:flex}.call-btn{color:#fff;border-radius:var(--radius-sm);transition:all var(--transition);white-space:nowrap;background:#009846;padding:8px 18px;font-size:.82rem;font-weight:700}.call-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0098464d}.call-card-top{align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.call-details{display:none}.call-modal-body{flex-direction:column;gap:14px;display:flex}.call-modal-header{background:var(--bg-3);border-radius:var(--radius);border:1px solid var(--border);align-items:flex-start;gap:16px;padding:14px;display:flex}.call-modal-name{color:var(--text);font-size:1rem;font-weight:700}.call-modal-shop{color:var(--text-muted);margin-bottom:4px;font-size:.82rem}.call-modal-phone{color:var(--success);font-size:.82rem}.call-modal-addr{color:var(--text-muted);margin-top:2px;font-size:.78rem}.call-modal-prev-order{background:var(--bg-3);border-radius:var(--radius-sm);border:1px solid var(--border);padding:10px 14px}.prev-order-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:4px;font-size:.72rem;font-weight:700}.prev-order-info{color:var(--text);font-size:1rem;font-weight:500}.call-start-btn{width:100%;padding:12px;font-size:1rem}.call-progress{background:var(--bg-3);border-radius:var(--radius);border:1px solid var(--border);flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;padding:16px;display:flex}.call-stage{color:var(--text-muted);align-items:center;gap:6px;font-size:.82rem;font-weight:600;display:flex}.stage-dot{background:var(--border-2);border-radius:50%;width:10px;height:10px;transition:all .3s}.stage-done .stage-dot{background:var(--success);box-shadow:0 0 6px var(--success)}.stage-active .stage-dot{background:var(--primary);animation:.8s infinite pulse}.stage-active{color:var(--primary)}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.4)}}.sheet-integration{border-radius:var(--radius);background:#0098460a;border:1px solid #00984633;padding:16px}.sheet-header{color:var(--success);margin-bottom:12px;font-size:.875rem;font-weight:700}.sheet-grid{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:4px;display:grid}.sheet-cell{border-radius:var(--radius-sm);border:1px solid var(--border);background:#fff;padding:8px 10px}.sheet-key{text-transform:capitalize;color:var(--text-muted);margin-bottom:2px;font-size:.68rem;font-weight:600}.sheet-val{color:var(--text);font-size:.82rem;font-weight:600}.cat-summary-row{flex-wrap:wrap;gap:10px;margin-bottom:16px;display:flex}.cat-summary-chip{border:1.5px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);box-shadow:var(--shadow);background:#fff;padding:10px 14px}.cat-summary-chip:hover,.cat-active{background:var(--primary-glow);border-color:var(--primary)}.cat-chip-name{color:var(--text);font-size:.78rem;font-weight:700}.cat-chip-meta{color:var(--text-muted);margin-top:2px;font-size:.7rem}.stock-cell{align-items:center;gap:8px;display:flex}.stock-bar-wrap{background:var(--bg-3);border-radius:99px;flex-shrink:0;width:60px;height:5px;overflow:hidden}.stock-bar{border-radius:99px;height:100%;transition:width .5s}.prod-icon{flex-shrink:0;font-size:1.2rem}.alert-chip{color:var(--warning);background:#d977061a;border:1px solid #d9770633;border-radius:99px;padding:6px 12px;font-size:.78rem;font-weight:700}.settings-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.settings-avatar-row{background:var(--bg-3);border-radius:var(--radius);border:1px solid var(--border);align-items:center;gap:16px;margin-bottom:20px;padding:16px;display:flex}.settings-avatar{color:#fff;background:#009846;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.3rem;font-weight:800;display:flex}.setting-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;padding:12px 0;display:flex}.setting-row:last-of-type{border-bottom:none}.setting-label{color:var(--text);margin-bottom:2px;font-size:.875rem;font-weight:600}.setting-desc{color:var(--text-muted);font-size:.78rem}.toggle-switch{background:var(--bg-3);border:2px solid var(--border-2);cursor:pointer;width:44px;height:24px;transition:background var(--transition);border-radius:99px;flex-shrink:0;position:relative}.toggle-on{background:var(--primary);border-color:var(--primary)}.toggle-knob{width:16px;height:16px;transition:left var(--transition);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 4px #0003}.toggle-on .toggle-knob{left:22px}.theme-preview-row{gap:12px;margin-top:12px;display:flex}.theme-preview{background:var(--bg-3);border:2px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;text-align:center;transition:all var(--transition);color:var(--text);flex:1;padding:12px;font-size:.8rem;font-weight:600}.preview-active{border-color:var(--primary);background:var(--primary-glow)}.tp-dark,.tp-light{border-radius:4px;flex-direction:column;gap:3px;height:36px;margin-bottom:6px;padding:6px;display:flex;overflow:hidden}.tp-dark{background:#1a2035}.tp-light{background:#f0f4f8}.tp-bar{background:#00984680;border-radius:2px;height:4px}.tp-bar.short{width:60%}.info-grid{flex-direction:column;gap:0;display:flex}.info-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:10px 0;font-size:.875rem;display:flex}.info-row:last-child{border-bottom:none}.info-key{color:var(--text-muted)}.info-val{color:var(--text);font-weight:600}.login-root{background:#f5f6fa;flex-direction:column;justify-content:center;align-items:center;gap:24px;min-height:100vh;padding:20px;display:flex;position:relative;overflow:hidden}.login-bg{pointer-events:none;position:absolute;inset:0;overflow:hidden}.login-blob{filter:blur(100px);opacity:.4;border-radius:50%;position:absolute}.blob-1{background:linear-gradient(135deg,#009846 0%,#10b981 100%);width:600px;height:600px;animation:12s ease-in-out infinite float1;top:-200px;right:-150px}.blob-2{background:linear-gradient(135deg,#3b82f6 0%,#2dd4bf 100%);width:500px;height:500px;animation:14s ease-in-out infinite float2;bottom:-150px;left:-150px}.blob-3{opacity:.3;background:linear-gradient(135deg,#8b5cf6 0%,#d946ef 100%);width:400px;height:400px;animation:10s ease-in-out infinite reverse float1;top:40%;left:50%;transform:translate(-50%,-50%)}@keyframes float1{0%,to{transform:translate(0)scale(1)}50%{transform:translate(30px,-40px)scale(1.1)}}@keyframes float2{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-20px,30px)scale(1.15)}}.login-card{border:1px solid var(--border);border-radius:var(--radius-lg);z-index:1;width:100%;max-width:440px;box-shadow:var(--shadow-lg);background:#fff;padding:40px;animation:.4s modalIn;position:relative}.login-brand{text-align:center;margin-bottom:32px}.login-logo{justify-content:center;align-items:center;margin-bottom:16px;display:inline-flex}.login-title{letter-spacing:-.02em;color:var(--text);font-family:Plus Jakarta Sans,sans-serif;font-size:1.6rem;font-weight:800}.login-subtitle{color:var(--text-muted);margin-top:2px;font-size:.8rem}.login-heading{color:var(--text);margin-bottom:4px;font-family:Plus Jakarta Sans,sans-serif;font-size:1.2rem;font-weight:700}.login-desc{color:var(--text-muted);margin-bottom:20px;font-size:.82rem}.login-error{color:var(--danger);border-radius:var(--radius-sm);background:#dc26260f;border:1px solid #dc262633;margin-bottom:14px;padding:10px 12px;font-size:.82rem}.login-btn{border-radius:var(--radius-sm);justify-content:center;width:100%;margin-top:4px;padding:12px;font-size:.95rem;font-weight:700}.login-hint{text-align:center;color:var(--text-muted);margin-top:14px;font-size:.78rem}.login-hint code{background:var(--bg-3);color:var(--text);border:1px solid var(--border);border-radius:4px;padding:2px 6px;font-size:.78rem}.login-features{z-index:1;flex-wrap:wrap;justify-content:center;gap:8px;display:flex;position:relative}.login-feature-chip{border:1px solid var(--border);color:var(--text-muted);box-shadow:var(--shadow);background:#fff;border-radius:99px;padding:7px 14px;font-size:.78rem;font-weight:600}@media (width<=1200px){.charts-grid{grid-template-columns:1fr 1fr}.charts-grid .chart-card:last-child{grid-column:1/-1}.settings-grid{grid-template-columns:1fr}}@media (width<=900px){.two-col-grid,.profile-grid,.charts-grid,.form-grid-2{grid-template-columns:1fr}.finance-grid,.order-type-grid{grid-template-columns:1fr 1fr}}@media (width<=768px){:root{--sidebar-w:260px}.sidebar-expanded{margin-left:0}.page-wrapper{padding:16px}.navbar{padding:0 14px}.user-info{display:none}.breadcrumb{font-size:.75rem}.stats-grid{grid-template-columns:1fr 1fr}.customer-grid{grid-template-columns:1fr}.product-order-grid{grid-template-columns:1fr 1fr}.stepper{gap:0;padding:14px}.step-label{display:none}.profile-header{flex-direction:column;align-items:flex-start;bottom:-60px}.profile-banner{margin-bottom:80px}.profile-grid{margin-top:60px}.filters-bar{flex-direction:column;align-items:flex-start}.search-bar{width:100%;max-width:100%}.view-toggle{margin-left:0}.call-card{flex-wrap:wrap}.call-meta-row{display:none}}@media (width<=480px){.stats-grid{grid-template-columns:1fr}.category-grid{grid-template-columns:1fr 1fr}.sheet-grid,.finance-grid,.order-type-grid,.product-order-grid{grid-template-columns:1fr}.review-grid{grid-template-columns:1fr 1fr}.login-card{padding:24px}.navbar-user{gap:6px;padding:4px 6px}.page-title{font-size:1.3rem}.stat-value{font-size:1.6rem}}.od-page{max-width:1400px}.od-topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.od-topbar-right{align-items:center;gap:10px;display:flex}.order-status-pill{letter-spacing:.04em;text-transform:uppercase;border-radius:99px;align-items:center;gap:6px;padding:6px 16px;font-size:.82rem;font-weight:800;display:inline-flex}.ods-delivered{color:#007a38;background:#0098461f;border:1.5px solid #00984640}.ods-pending{color:#b45309;background:#d977061f;border:1.5px solid #d9770640}.ods-processing{color:#007a38;background:#0098461f;border:1.5px solid #00984640}.ods-cancelled{color:#b91c1c;background:#dc26261a;border:1.5px solid #dc262633}.od-hero{border-radius:var(--radius-lg);background:#009846;border:none;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px;padding:28px 32px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #0098464d}.od-hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff26 0%,#0000 70%);width:200px;height:200px;position:absolute;top:-60px;right:-60px}.od-hero-left{flex:1;min-width:0}.od-order-id{color:#fff;letter-spacing:-.02em;margin-bottom:4px;font-family:Plus Jakarta Sans,sans-serif;font-size:2rem;font-weight:900}.od-invoice{color:#ffffffa6;margin-bottom:10px;font-size:.82rem}.od-dates{color:#fffc;flex-wrap:wrap;gap:16px;margin-bottom:12px;font-size:.8rem;display:flex}.od-dates span{align-items:center;gap:5px;display:flex}.od-type-badge-wrap{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.od-payment-chip{color:#ffffffe6;background:#ffffff26;border:1px solid #fff3;border-radius:99px;padding:3px 10px;font-size:.75rem;font-weight:600}.od-hero-right{flex-shrink:0}.od-total-box{border-radius:var(--radius);text-align:right;background:#ffffff1f;border:1px solid #fff3;min-width:160px;padding:18px 24px}.od-total-label{text-transform:uppercase;letter-spacing:.08em;color:#ffffffa6;margin-bottom:4px;font-size:.72rem}.od-total-value{color:#fff;font-family:Plus Jakarta Sans,sans-serif;font-size:1.9rem;font-weight:900;line-height:1}.od-total-gst{color:#ffffff80;margin-top:4px;font-size:.68rem}.od-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.od-section{border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);background:#fff;overflow:hidden}.od-section-full{grid-column:1/-1}.od-section-header{border-bottom:1px solid var(--border);background:#f8f9fc;align-items:center;gap:10px;padding:14px 18px;display:flex}.od-section-icon{font-size:1rem}.od-section-title{letter-spacing:-.01em;color:var(--text);font-family:Plus Jakarta Sans,sans-serif;font-size:.9rem;font-weight:700}.od-section-body{padding:16px 18px}.od-customer-card{background:var(--bg-3);border-radius:var(--radius-sm);border:1px solid var(--border);align-items:center;gap:12px;margin-bottom:14px;padding:12px;display:flex}.od-cust-name{color:var(--text);font-size:.95rem;font-weight:700}.od-cust-shop{color:var(--text-muted);margin-top:2px;font-size:.78rem}.od-info-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:12px;padding:9px 0;font-size:.85rem;display:flex}.od-info-row:last-child{border-bottom:none}.od-info-label{color:var(--text-muted);white-space:nowrap;flex-shrink:0;font-weight:500}.od-info-value{text-align:right;word-break:break-word;color:var(--text);font-weight:600}.od-empty{color:var(--text-muted);font-style:italic;font-weight:400}.od-highlight-primary{color:var(--primary)}.od-highlight-danger{color:var(--danger)}.od-address-block{background:var(--bg-3);border:1px solid var(--border);border-radius:var(--radius-sm);flex-direction:column;gap:3px;padding:14px 16px;display:flex}.od-addr-line{color:var(--text);font-size:.875rem}.od-addr-building{font-size:.95rem;font-weight:700}.od-addr-pin{color:var(--text-muted);margin-top:4px;font-size:.78rem;font-weight:600}.od-products-table th{background:#f8f9fc}.od-cat-chip{background:var(--bg-3);border:1px solid var(--border);white-space:nowrap;color:var(--text-muted);border-radius:99px;padding:3px 8px;font-size:.72rem;font-weight:700}.od-qty-pill{color:#007a38;background:#0098461a;border-radius:99px;justify-content:center;align-items:center;min-width:36px;padding:3px 10px;font-size:.82rem;font-weight:700;display:inline-flex}.od-totals{border-top:2px solid var(--border);flex-direction:column;gap:6px;max-width:340px;margin-top:16px;margin-left:auto;padding-top:12px;display:flex}.od-totals-row{color:var(--text-muted);justify-content:space-between;font-size:.875rem;display:flex}.od-totals-grand{color:var(--text);border-top:1px solid var(--border);margin-top:4px;padding-top:8px;font-family:Plus Jakarta Sans,sans-serif;font-size:1.1rem;font-weight:800}.od-totals-grand span:last-child{color:var(--primary)}.header-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.btn-csv{border:1.5px solid var(--success)!important;color:var(--success)!important;background:#0098460f!important}.btn-csv:hover{background:#0098461f!important}.primary-link{color:var(--primary);font-weight:600}@media (width<=900px){.od-grid{grid-template-columns:1fr}.od-section-full{grid-column:1}.od-hero{flex-direction:column}.od-total-box{text-align:left;min-width:unset;width:100%}.od-total-value{font-size:1.5rem}}@media (width<=600px){.od-hero{padding:20px}.od-order-id{font-size:1.5rem}.od-dates{flex-direction:column;gap:6px}.od-totals{max-width:100%}}.cust-avatar,.cs-avatar{color:#fff;background:#009846;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-weight:700;display:flex}.table-avatar{color:#fff;background:#009846;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.85rem;font-weight:700;display:flex}.call-modal-avatar{color:#fff;background:#009846;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.4rem;font-weight:800;display:flex}.sc-avatar{color:#fff;background:#009846;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.1rem;font-weight:700;display:flex}.logo-icon-wrap{background:#ffffff2e;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.prod-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.prod-header-left{flex:1;min-width:max-content}.prod-title-row{align-items:center;gap:14px;display:flex}.prod-title-icon{color:#fff;background:#009846;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:0 4px 14px #00984659}.prod-search-wrap{border:1.5px solid var(--border-2);border-radius:var(--radius-sm);min-width:260px;max-width:340px;transition:border-color var(--transition), box-shadow var(--transition);box-shadow:var(--shadow);background:#fff;align-items:center;gap:8px;padding:0 12px;display:flex}.prod-search-wrap:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.prod-search-icon{color:var(--text-muted);flex-shrink:0}.prod-search-input{color:var(--text);background:0 0;border:none;flex:1;padding:9px 0;font-size:.875rem}.prod-search-input::placeholder{color:var(--text-muted)}.prod-search-clear{color:var(--text-muted);transition:color var(--transition);background:0 0;border-radius:4px;flex-shrink:0;align-items:center;padding:2px;display:flex}.prod-search-clear:hover{color:var(--danger)}.prod-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.prod-sort-group{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.prod-toolbar-label{text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);margin-right:4px;font-size:.72rem;font-weight:700}.prod-sort-btn{border:1.5px solid var(--border-2);color:var(--text-muted);transition:all var(--transition);white-space:nowrap;background:#fff;border-radius:99px;align-items:center;gap:5px;padding:6px 12px;font-size:.78rem;font-weight:600;display:inline-flex}.prod-sort-btn:hover{border-color:var(--primary);color:var(--primary)}.prod-sort-btn--active{background:var(--primary);border-color:var(--primary);color:#fff}.prod-refresh-btn{border:1.5px solid var(--border-2);color:var(--text-muted);border-radius:var(--radius-sm);transition:all var(--transition);background:#fff;justify-content:center;align-items:center;gap:6px;padding:6px 10px;font-size:.78rem;font-weight:600;display:inline-flex}.prod-refresh-btn:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.prod-refresh-btn:disabled{opacity:.5;cursor:not-allowed}.sort-ico{vertical-align:middle;flex-shrink:0;margin-left:3px;display:inline-block}.sort-ico--inactive{opacity:.25}.sort-ico--active{color:var(--primary)}.prod-sort-btn--active .sort-ico--active{color:#fff}@keyframes spin-cw{to{transform:rotate(360deg)}}.prod-table-card{border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);background:#fff;margin-bottom:20px;overflow:hidden}.prod-table thead th{text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);border-bottom:2px solid var(--border);white-space:nowrap;background:#f8f9fc;padding:11px 14px;font-size:.72rem;font-weight:700}.prod-table thead th.sortable-th{cursor:pointer;-webkit-user-select:none;user-select:none;transition:color var(--transition)}.prod-table thead th.sortable-th:hover{color:var(--primary)}.prod-table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:13px 14px}.prod-table tbody tr:last-child td{border-bottom:none}.prod-row{transition:background var(--transition)}.prod-row:hover{background:#f5f6fa}.prod-idx{color:var(--text-muted);width:48px;font-size:.78rem;font-weight:500}.prod-name-cell{align-items:center;gap:10px;display:flex}.prod-avatar{color:#009846;background:#0098461a;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.prod-name-text{color:var(--text);font-size:.875rem;font-weight:600}.prod-sku-badge{background:var(--bg-3);border:1px solid var(--border);color:var(--text-muted);letter-spacing:.02em;border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-family:DM Mono,monospace;font-size:.75rem;font-weight:600;display:inline-flex}.prod-price{color:var(--text);align-items:center;gap:2px;font-size:.9rem;font-weight:700;display:inline-flex}.prod-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:60px 20px;display:flex}.prod-empty-icon{color:var(--border-2);margin-bottom:4px}.prod-empty-title{color:var(--text);font-size:1.05rem;font-weight:700}.prod-empty-sub{color:var(--text-muted);font-size:.85rem}.prod-skeleton-row td{border-bottom:1px solid var(--border);padding:13px 14px}.prod-skel{background:linear-gradient(90deg,#f1f3f9 25%,#e8ebf5 50%,#f1f3f9 75%) 0 0/200% 100%;border-radius:6px;height:13px;animation:1.4s infinite shimmer}.prod-skel-avatar{background:linear-gradient(90deg,#f1f3f9 25%,#e8ebf5 50%,#f1f3f9 75%) 0 0/200% 100%;border-radius:8px;flex-shrink:0;width:32px;height:32px;animation:1.4s infinite shimmer}.prod-skel--xs{width:40px}.prod-skel--sm{width:90px}.prod-skel--md{width:160px}.prod-pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:8px;display:flex}.prod-page-btn{border:1.5px solid var(--border-2);color:var(--text);border-radius:var(--radius-sm);transition:all var(--transition);background:#fff;align-items:center;gap:4px;padding:7px 14px;font-size:.82rem;font-weight:600;display:inline-flex}.prod-page-btn:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.prod-page-btn:disabled{opacity:.4;cursor:not-allowed}.prod-page-pills{align-items:center;gap:4px;display:flex}.prod-page-pill{border-radius:var(--radius-sm);border:1.5px solid var(--border-2);width:34px;height:34px;color:var(--text);transition:all var(--transition);background:#fff;justify-content:center;align-items:center;font-size:.82rem;font-weight:600;display:flex}.prod-page-pill:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.prod-page-pill--active{background:var(--primary);border-color:var(--primary);color:#fff}.prod-page-ellipsis{text-align:center;width:34px;color:var(--text-muted);font-size:.85rem;line-height:34px}.prod-edit-btn{background:var(--bg-3);border:1px solid var(--border);width:30px;height:30px;color:var(--text-muted);transition:all var(--transition);border-radius:8px;justify-content:center;align-items:center;display:flex}.prod-edit-btn:hover{border-color:var(--primary);color:var(--primary);background:#0098461a}.prod-header-right{flex-shrink:0;align-items:center;gap:10px;display:flex}.pm-modal{max-width:520px}.pm-modal-title{color:var(--text);align-items:center;gap:10px;font-family:Plus Jakarta Sans,sans-serif;font-size:1rem;font-weight:700;display:flex}.pm-modal-icon{color:#fff;background:#009846;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.pm-modal-title--edit .pm-modal-icon--edit{background:#0d9488}.pm-body{flex-direction:column;gap:2px;padding:20px;display:flex}.pm-required{color:var(--danger);margin-left:2px}.pm-optional{color:var(--text-muted);text-transform:none;letter-spacing:0;margin-left:4px;font-size:.72rem;font-weight:400}.pm-note{color:var(--text-muted);border-radius:var(--radius-sm);background:#0098460f;border:1px solid #00984626;align-items:center;gap:6px;margin-top:4px;padding:8px 12px;font-size:.78rem;display:flex}.pm-footer{border-top:1px solid var(--border);background:var(--bg-3);border-radius:0 0 var(--radius-lg) var(--radius-lg);justify-content:flex-end;gap:10px;padding:14px 20px;display:flex}.pm-price-wrap{align-items:center;gap:0;display:flex}.pm-price-prefix{background:var(--bg-3);border:1.5px solid var(--input-border);border-radius:var(--radius-sm) 0 0 var(--radius-sm);color:var(--text-muted);border-right:none;flex-shrink:0;padding:10px 12px;font-size:.9rem;font-weight:700}.pm-price-input{border-radius:0 var(--radius-sm) var(--radius-sm) 0!important}.pm-section-action{justify-content:flex-end;margin-top:4px;margin-bottom:4px;display:flex}.btn-sm-full{border-radius:var(--radius-sm);align-items:center;gap:6px;padding:7px 16px;font-size:.82rem;display:inline-flex}.pm-snapshot{background:var(--bg-3);border:1px solid var(--border);border-radius:var(--radius);justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;padding:12px 14px;display:flex}.pm-snapshot-left{align-items:center;gap:12px;display:flex}.pm-snapshot-avatar{color:#009846;background:#0098461f;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.pm-snapshot-name{color:var(--text);font-size:.9rem;font-weight:700}.pm-snapshot-sku{color:var(--text-muted);align-items:center;gap:4px;margin-top:2px;font-family:DM Mono,monospace;font-size:.75rem;display:flex}.pm-snapshot-price{text-align:right;flex-shrink:0}.pm-snapshot-price-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-size:.68rem;font-weight:700}.pm-snapshot-price-val{color:var(--primary);margin-top:2px;font-family:Plus Jakarta Sans,sans-serif;font-size:1.15rem;font-weight:800}.pm-modal-icon--import{background:#0284c7}.import-template-btn{color:#0284c7;border-radius:var(--radius-sm);transition:all var(--transition);cursor:pointer;background:#0ea5e914;border:1.5px solid #0ea5e940;align-self:flex-start;align-items:center;gap:6px;padding:7px 14px;font-size:.8rem;font-weight:600;display:inline-flex}.import-template-btn:hover{background:#0ea5e926;border-color:#0ea5e980}.import-dropzone{border:2px dashed var(--border-2);border-radius:var(--radius);cursor:pointer;transition:all var(--transition);background:var(--bg-3);text-align:center;outline:none;flex-direction:column;justify-content:center;align-items:center;gap:6px;margin-top:4px;padding:32px 20px;display:flex}.import-dropzone:hover,.import-dropzone:focus{border-color:var(--primary);background:#0098460a}.import-dropzone--over{border-color:var(--primary);background:#00984612}.import-dropzone--filled{background:#0ea5e90a;border-style:solid;border-color:#0ea5e966}.import-dz-icon{color:var(--text-muted);opacity:.5}.import-dz-icon--filled{color:#0284c7;opacity:1}.import-dz-label{color:var(--text);margin:0;font-size:.875rem;font-weight:600}.import-browse-link{color:var(--primary);text-decoration:underline}.import-dz-filename{color:#0284c7;word-break:break-all;margin:0;font-size:.875rem;font-weight:700}.import-dz-hint{color:var(--text-muted);margin:0;font-size:.75rem}.import-result{background:var(--bg-3);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:10px;padding:14px 16px;display:flex}.import-result-stats{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.import-stat{border-radius:99px;align-items:center;gap:5px;padding:4px 10px;font-size:.8rem;font-weight:700;display:inline-flex}.import-stat--create{color:#009846;background:#eafaf1}.import-stat--update{color:#009846;background:#0098461a}.import-stat--fail{color:#e74c3c;background:#fdf2f2}.import-errors{border-top:1px solid var(--border);flex-direction:column;gap:4px;padding-top:10px;display:flex}.import-error-line{color:#e74c3c;align-items:flex-start;gap:5px;margin:0;font-size:.75rem;line-height:1.4;display:flex}.pm-modal-icon--export{background:#009846}.btn-export{background:#009846;border-color:#007a38}.btn-export:hover:not(:disabled){background:#007a38;border-color:#166534}.export-desc{color:var(--text-muted);margin:0 0 4px;font-size:.82rem;line-height:1.5}.export-date-row{align-items:flex-end;gap:10px;margin-top:4px;display:flex}.export-date-field{flex:1;margin:0}.export-date-sep{color:var(--text-muted);flex-shrink:0;padding-bottom:10px;font-size:1.1rem}.export-hint{color:var(--text-muted);margin:2px 0 0;font-size:.75rem}.export-status-section{flex-direction:column;gap:8px;margin-top:6px;display:flex}.export-status-header{justify-content:space-between;align-items:center;display:flex}.export-status-label{text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);font-size:.72rem;font-weight:700}.export-status-toggle{color:var(--primary);cursor:pointer;text-underline-offset:2px;background:0 0;border:none;padding:0;font-size:.75rem;font-weight:600;text-decoration:underline}.export-status-chips{flex-wrap:wrap;gap:8px;display:flex}.export-status-chip{cursor:pointer;white-space:nowrap;background:0 0;border:1.5px solid;border-radius:99px;align-items:center;gap:6px;padding:5px 12px;font-size:.78rem;font-weight:600;transition:all .15s;display:inline-flex}.export-status-chip--on{font-weight:700}.export-status-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px;transition:background .15s}.badge-active{color:#009846;background:#eafaf1;border-radius:12px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex}.badge-inactive{color:#b91c1c;background:#fdf2f2;border-radius:12px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex}.cust-edit-modal{width:100%;max-width:680px}.cust-edit-body{gap:6px;max-height:68vh;overflow-y:auto}.cust-edit-section-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);border-bottom:1px solid var(--border);margin:10px 0 6px;padding-bottom:5px;font-size:.68rem;font-weight:800}.cust-edit-grid{grid-template-columns:1fr 1fr;gap:0 16px;display:grid}.cust-edit-active-check{flex-direction:column;justify-content:flex-end;padding-bottom:2px;display:flex}.cust-active-toggle{cursor:pointer;color:var(--text);align-items:center;gap:8px;padding:10px 0;font-size:.875rem;font-weight:500;display:inline-flex}.cust-active-toggle input[type=checkbox]{cursor:pointer;width:15px;height:15px;accent-color:var(--primary)}@media screen{.invoice-list-print{display:none}}@media print{.sidebar,.navbar,.sidebar-overlay,.toast-container{display:none!important}.layout-root{display:block!important;overflow:visible!important}.layout-main,.layout-main.sidebar-expanded,.layout-main.sidebar-collapsed{width:100%!important;min-height:auto!important;margin-left:0!important;display:block!important;overflow:visible!important}.page-content{background:#fff!important;padding:0!important;overflow:visible!important}.invoice-list-screen{display:none!important}.invoice-list-print{display:block!important}.no-print{display:none!important}.invoice-print-page{background:#fff!important;margin:0!important;padding:0!important}.invoice-print-wrapper{max-width:none!important;box-shadow:none!important;margin:0!important}.invoice-a4{page-break-after:always}@page{size:A4;margin:0}}.po-page{width:100%;max-width:100%;padding-bottom:90px}.po-page-header{align-items:flex-start;gap:14px;margin-bottom:24px;display:flex}.po-back-btn{border:1.5px solid var(--border-2);color:var(--text-muted);border-radius:var(--radius-sm);transition:all var(--transition);white-space:nowrap;background:#fff;align-items:center;gap:4px;margin-top:4px;padding:8px 14px;font-size:.82rem;font-weight:600;display:inline-flex}.po-back-btn:hover{border-color:var(--primary);color:var(--primary)}.po-stepper{align-items:center;margin-bottom:20px;padding-bottom:4px;display:flex;overflow-x:auto}.po-step-wrap{flex:1;align-items:center;display:flex}.po-step{flex-shrink:0;align-items:center;gap:8px;display:flex}.po-step-circle{background:var(--bg-3);border:2px solid var(--border-2);width:32px;height:32px;color:var(--text-muted);transition:all var(--transition);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.po-step--active .po-step-circle{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 0 0 4px var(--primary-glow)}.po-step--done .po-step-circle{background:var(--success);border-color:var(--success);color:#fff}.po-step-label{color:var(--text-muted);white-space:nowrap;font-size:.8rem;font-weight:600}.po-step--active .po-step-label{color:var(--primary)}.po-step--done .po-step-label{color:var(--success)}.po-step-line{background:var(--border-2);min-width:24px;height:2px;transition:background var(--transition);flex:1;margin:0 10px}.po-step-line--done{background:var(--success)}.po-card{border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);background:#fff;overflow:visible}.po-step-body{flex-direction:column;gap:16px;padding:24px;display:flex}.po-step-title{color:var(--text);align-items:center;gap:10px;font-family:Syne,sans-serif;font-size:1.05rem;font-weight:700;display:flex}.po-step-desc{color:var(--text-muted);margin:-8px 0 0;font-size:.85rem}.po-optional-badge{background:var(--warning-light);color:var(--warning);text-transform:uppercase;letter-spacing:.05em;border-radius:99px;margin-left:auto;padding:2px 8px;font-size:.7rem;font-weight:700}.po-nav-footer{border-top:1px solid var(--border);background:var(--bg-2);justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.po-nav-btn{align-items:center;gap:6px;padding:9px 20px;font-size:.875rem;display:inline-flex}.po-submit-btn{background:var(--success);border-color:var(--success)}.po-submit-btn:hover:not(:disabled){background:#15803d;border-color:#15803d}.po-summary-bar{bottom:20px;left:calc(var(--sidebar-w) + 20px);background:var(--text);color:#fff;border-radius:var(--radius);z-index:100;justify-content:space-between;align-items:center;gap:16px;max-width:none;margin:0;padding:12px 20px;animation:.25s slideUp;display:flex;position:fixed;right:20px;box-shadow:0 8px 32px #00000040}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.po-summary-bar-left{align-items:center;gap:12px;display:flex}.po-sum-avatar{background:var(--primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:.9rem;font-weight:800;display:flex}.po-sum-name{font-size:.9rem;font-weight:700}.po-sum-items{opacity:.7;margin-top:1px;font-size:.75rem}.po-sum-total{color:#a5f3fc;align-items:center;gap:2px;font-family:Syne,sans-serif;font-size:1.15rem;font-weight:800;display:flex}.po-cust-search-wrap{border:1.5px solid var(--border-2);border-radius:var(--radius-sm);transition:border-color var(--transition), box-shadow var(--transition);box-shadow:var(--shadow);background:#fff;align-items:center;gap:8px;padding:0 12px;display:flex}.po-cust-search-wrap:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.po-cust-search-ico{color:var(--text-muted);flex-shrink:0}.po-cust-search-input{color:var(--text);background:0 0;border:none;flex:1;padding:11px 0;font-size:.9rem}.po-cust-search-input::placeholder{color:var(--text-muted)}.po-cust-search-clear{color:var(--text-muted);background:0 0;align-items:center;padding:2px;display:flex}.po-cust-search-clear:hover{color:var(--danger)}.po-cust-results{border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-md);max-height:260px;overflow:hidden auto}.po-cust-item{cursor:pointer;border-bottom:1px solid var(--border);transition:background var(--transition);align-items:center;gap:12px;padding:12px 16px;display:flex}.po-cust-item:last-child{border-bottom:none}.po-cust-item:hover{background:var(--bg-hover)}.po-cust-avatar{color:#fff;background:linear-gradient(135deg,#6366f1,#4f46e5);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.9rem;font-weight:700;display:flex}.po-cust-avatar--lg{width:44px;height:44px;font-size:1.1rem}.po-cust-name{color:var(--text);font-size:.9rem;font-weight:600}.po-cust-meta{color:var(--text-muted);flex-wrap:wrap;gap:8px;margin-top:2px;font-size:.75rem;display:flex}.po-cust-info{flex:1;min-width:0}.po-cust-id{color:var(--text-muted);flex-shrink:0;font-family:DM Mono,monospace;font-size:.75rem}.po-cust-selected{border-radius:var(--radius);background:#16a34a0f;border:1.5px solid #16a34a40;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;display:flex}.po-cust-sel-left{align-items:center;gap:12px;display:flex}.po-cust-check{background:var(--success);color:#fff;border-radius:99px;flex-shrink:0;align-items:center;gap:5px;padding:5px 12px;font-size:.75rem;font-weight:700;display:inline-flex}.po-prod-list{flex-direction:column;gap:10px;display:flex}.po-prod-card{border:1.5px solid var(--border-2);transition:border-color var(--transition), box-shadow var(--transition);background:#fff;border-radius:10px;overflow:visible}.po-prod-card--selected{border-color:#6366f159;box-shadow:0 0 0 3px #6366f112}.po-prod-card-search{align-items:center;gap:10px;padding:12px 14px 10px;display:flex}.po-prod-card-index{background:var(--bg-3);border:1.5px solid var(--border-2);width:22px;height:22px;color:var(--text-muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.7rem;font-weight:700;display:flex}.po-prod-input-wrap{border:1.5px solid var(--border-2);background:var(--bg-2);transition:border-color var(--transition), box-shadow var(--transition), background var(--transition);border-radius:8px;flex:1;align-items:center;gap:8px;min-width:0;padding:0 12px;display:flex}.po-prod-input-wrap:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow);background:#fff}.po-prod-input-wrap--selected{background:#fff;border-color:#6366f166}.po-prod-search-ico{color:var(--text-muted);flex-shrink:0}.po-prod-input{color:var(--text);background:0 0;border:none;outline:none;flex:1;min-width:0;padding:10px 0;font-size:.875rem}.po-prod-input::placeholder{color:var(--text-muted)}.po-prod-selected-badge{background:var(--success);color:#fff;white-space:nowrap;border-radius:99px;flex-shrink:0;align-items:center;gap:4px;padding:3px 9px;font-size:.68rem;font-weight:700;display:inline-flex}.po-prod-dropdown{z-index:1100;border:1px solid var(--border);background:#fff;border-radius:10px;max-height:260px;position:absolute;top:calc(100% + 4px);left:32px;right:0;overflow-y:auto;box-shadow:0 12px 36px #00000024,0 2px 8px #0000000f}.po-prod-dropdown--up{border-radius:10px;top:auto;bottom:calc(100% + 4px);box-shadow:0 -8px 36px #00000021,0 -2px 8px #0000000d}.po-prod-option{cursor:pointer;border-bottom:1px solid var(--border);transition:background var(--transition);justify-content:space-between;align-items:center;gap:16px;padding:10px 14px;display:flex}.po-prod-option:last-child{border-bottom:none}.po-prod-option:hover{background:#f0f4ff}.po-prod-opt-left{flex-direction:column;gap:3px;min-width:0;display:flex}.po-prod-opt-name{color:var(--text);white-space:normal;font-size:.855rem;font-weight:600;line-height:1.35}.po-prod-opt-sku{color:var(--text-muted);background:var(--bg-3);border:1px solid var(--border);border-radius:4px;align-items:center;gap:3px;width:fit-content;padding:1px 5px;font-family:DM Mono,monospace;font-size:.68rem;display:inline-flex}.po-prod-opt-price{color:var(--primary);white-space:nowrap;flex-shrink:0;font-family:Syne,sans-serif;font-size:.9rem;font-weight:700}.po-prod-more{color:var(--text-muted);text-align:center;background:var(--bg-2);padding:9px 14px;font-size:.72rem}.po-prod-card-meta{border-top:1px solid var(--border);background:var(--bg-2);border-radius:0 0 9px 9px;flex-wrap:wrap;align-items:center;gap:12px;padding:8px 14px 12px 46px;display:flex}.po-prod-card-sku{flex-shrink:0}.po-sku-tag{border:1px solid var(--border);color:var(--text-muted);background:#fff;border-radius:5px;align-items:center;gap:4px;padding:3px 8px;font-family:DM Mono,monospace;font-size:.7rem;display:inline-flex}.po-sku-empty{color:var(--text-muted);opacity:.5;font-size:.72rem}.po-prod-card-fields{flex-wrap:wrap;align-items:flex-end;gap:10px;margin-left:auto;display:flex}.po-prod-field-group{flex-direction:column;gap:3px;display:flex}.po-prod-field-label{text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);white-space:nowrap;font-size:.65rem;font-weight:700}.po-price-input-wrap{align-items:center;display:flex}.po-price-prefix{border:1.5px solid var(--border-2);color:var(--text-muted);background:#fff;border-right:none;border-radius:7px 0 0 7px;flex-shrink:0;padding:10px 12px;font-size:.95rem;font-weight:700;line-height:1}.po-num-input{border:1.5px solid var(--border-2);color:var(--text);text-align:right;width:120px;transition:border-color var(--transition);background:#fff;border-radius:0 7px 7px 0;padding:10px 12px;font-size:.95rem}.po-num-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.po-num-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.po-num-input[type=number]{-moz-appearance:textfield}.po-num-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-glow);outline:none}.po-qty-input{text-align:center;border-left-width:1.5px;border-radius:7px;width:80px;padding:10px 12px}.po-line-total{color:var(--text);white-space:nowrap;text-align:right;min-width:90px;font-size:.9rem}.po-line-total strong{color:var(--primary);font-weight:800}.po-line-total-empty{color:var(--text-muted);font-size:.85rem;font-weight:400}.po-remove-btn{width:32px;height:32px;color:var(--text-muted);transition:all var(--transition);background:0 0;border:1.5px solid #0000;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.po-remove-btn:hover{background:var(--danger-light);border-color:var(--danger);color:var(--danger)}.po-add-row-btn{border:1.5px dashed var(--border-2);width:100%;color:var(--text-muted);transition:all var(--transition);background:0 0;border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:12px 16px;font-size:.83rem;font-weight:600;display:flex}.po-add-row-btn:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-glow)}.po-total-bar{background:linear-gradient(135deg,#f0f4ff,#f8faff);border:1.5px solid #6366f12e;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:13px 18px;display:flex}.po-total-bar-left{color:var(--text-muted);align-items:center;gap:8px;font-size:.85rem;font-weight:600;display:flex}.po-total-bar-right{color:var(--text-muted);align-items:center;gap:10px;font-size:.85rem;font-weight:600;display:flex}.po-grand-total{color:var(--primary);align-items:center;gap:2px;font-family:Syne,sans-serif;font-size:1.15rem;font-weight:800;display:inline-flex}.po-warn-text{color:var(--warning);background:var(--warning-light);border-radius:6px;padding:6px 12px;font-size:.78rem}.po-form-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}@media (width<=600px){.po-form-grid{grid-template-columns:1fr}}.po-status-chips{flex-wrap:wrap;gap:8px;margin-top:6px;display:flex}.po-status-chip{border:1.5px solid var(--border-2);color:var(--text-muted);transition:all var(--transition);cursor:pointer;background:#fff;border-radius:99px;padding:6px 14px;font-size:.78rem;font-weight:600}.po-status-chip--active.po-status-chip--pending{background:var(--warning-light);border-color:var(--warning);color:var(--warning)}.po-status-chip--active.po-status-chip--confirmed{background:var(--info);border-color:var(--info);color:#fff}.po-status-chip--active.po-status-chip--dispatched{background:var(--purple);border-color:var(--purple);color:#fff}.po-status-chip--active.po-status-chip--delivered{background:var(--success);border-color:var(--success);color:#fff}.po-status-chip--active.po-status-chip--cancelled{background:var(--danger-light);border-color:var(--danger);color:var(--danger)}.po-status-chip--active.po-status-chip--hold{background:var(--amber);border-color:var(--amber);color:#fff}.po-review-section{border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:6px;padding:16px 18px;display:flex}.po-review-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);align-items:center;gap:6px;margin-bottom:4px;font-size:.7rem;font-weight:700;display:flex}.po-review-val{color:var(--text);font-size:1rem;font-weight:700}.po-review-sub{color:var(--text-muted);flex-wrap:wrap;gap:8px;font-size:.8rem;display:flex}.po-review-table-wrap{overflow-x:auto}.po-review-table{border-collapse:collapse;width:100%;font-size:.85rem}.po-review-table th{text-align:left;color:var(--text-muted);text-transform:uppercase;border-bottom:2px solid var(--border);padding:6px 8px;font-size:.72rem;font-weight:700}.po-review-table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:10px 8px}.po-review-table tbody tr:last-child td{border-bottom:none}.po-grand-total-row{color:var(--text);border-top:2px solid var(--border);justify-content:space-between;align-items:center;margin-top:4px;padding:10px 8px 0;font-size:.9rem;font-weight:700;display:flex}.po-review-kv-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}@media (width<=600px){.po-review-kv-grid{grid-template-columns:1fr}}.po-review-kv{flex-direction:column;gap:2px;display:flex}.po-review-kv-key{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:.7rem;font-weight:700}.po-review-kv-val{color:var(--text);font-size:.85rem;font-weight:600}.po-loc-last-banner{border-radius:var(--radius-sm);background:linear-gradient(135deg,#6366f114,#6366f108);border:1px solid #6366f140;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:8px;padding:16px 20px;display:flex}.po-loc-banner-left{align-items:flex-start;gap:12px;display:flex}.po-loc-banner-icon{color:var(--primary);flex-shrink:0;margin-top:2px}.po-loc-banner-title{color:var(--primary);margin-bottom:4px;font-size:.9rem;font-weight:700}.po-loc-banner-details{color:var(--text-muted);flex-wrap:wrap;gap:12px;font-size:.78rem;display:flex}.po-loc-search-wrap{border:1.5px solid var(--border-2);border-radius:var(--radius-sm);transition:border-color var(--transition), box-shadow var(--transition);box-shadow:var(--shadow);background:#fff;align-items:center;gap:8px;margin-bottom:12px;padding:0 12px;display:flex}.po-loc-search-wrap:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.po-loc-search-ico{color:var(--text-muted);flex-shrink:0}.po-loc-search-input{color:var(--text);background:0 0;border:none;outline:none;flex:1;padding:11px 0;font-size:.9rem}.po-loc-search-input::placeholder{color:var(--text-muted)}.po-loc-search-clear{color:var(--text-muted);cursor:pointer;transition:color var(--transition);background:0 0;border:none;align-items:center;padding:2px;display:flex}.po-loc-search-clear:hover{color:var(--danger)}.po-loc-pagination{border-top:1.5px solid var(--border-2);justify-content:center;align-items:center;gap:16px;margin-top:24px;padding-top:18px;display:flex}.po-loc-page-indicator{color:var(--text-muted);font-size:.85rem}.po-loc-page-indicator strong{color:var(--text);font-weight:700}.po-loc-page-btn{border:1.5px solid var(--border-2);color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);background:#fff;align-items:center;gap:4px;padding:6px 12px;font-size:.8rem;font-weight:600;display:inline-flex}.po-loc-page-btn:hover:not(:disabled){border-color:var(--primary);color:var(--primary);background:var(--primary-glow)}.po-loc-page-btn:disabled{opacity:.5;cursor:not-allowed}.po-loc-banner-details span{background:#6366f10d;border:1px solid #6366f11a;border-radius:4px;padding:2px 8px}.po-loc-banner-btn{background:var(--primary);color:#fff;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);border:none;padding:8px 16px;font-size:.8rem;font-weight:700}.po-loc-banner-btn:hover{background:#4338ca;box-shadow:0 4px 12px #6366f133}.po-loc-loading{color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:40px 0;font-size:.85rem;display:flex}.po-loc-empty{text-align:center;border:2px dashed var(--border-2);border-radius:var(--radius);color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:40px 20px;display:flex}.po-loc-empty svg{color:var(--border-2);margin-bottom:4px}.po-loc-empty-title{color:var(--text);font-size:.95rem;font-weight:700}.po-loc-empty p{max-width:400px;margin:0;font-size:.82rem;line-height:1.5}.po-loc-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.po-loc-card{border:1.5px solid var(--border-2);cursor:pointer;transition:all var(--transition);box-shadow:var(--shadow);background:#fff;border-radius:10px;flex-direction:column;gap:10px;padding:16px;display:flex;position:relative}.po-loc-card:hover{box-shadow:var(--shadow-md);border-color:#6366f159;transform:translateY(-2px)}.po-loc-card--selected{border-color:var(--primary);background:#6366f108;box-shadow:0 0 0 3px #6366f114}.po-loc-card-header{align-items:center;gap:8px;margin-bottom:2px;display:flex}.po-loc-card-icon-wrap{background:var(--bg-3);border:1px solid var(--border-2);width:28px;height:28px;color:var(--text-muted);transition:all var(--transition);border-radius:50%;justify-content:center;align-items:center;display:flex}.po-loc-card--selected .po-loc-card-icon-wrap{background:var(--primary-glow);color:var(--primary);border-color:#6366f133}.po-loc-primary-badge{color:#b78103;text-transform:uppercase;letter-spacing:.05em;background:#fff8e1;border:1px solid #ffe082;border-radius:99px;padding:2px 8px;font-size:.65rem;font-weight:800}.po-loc-selected-check{background:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;margin-left:auto;display:flex}.po-loc-card-body{color:var(--text-muted);flex-direction:column;gap:4px;font-size:.85rem;line-height:1.45;display:flex}.po-loc-addr-line1{color:var(--text);font-size:.9rem;font-weight:700}.po-loc-addr-line2{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.po-loc-city-state{font-weight:600}.po-loc-pin-country{align-items:center;gap:4px;font-size:.78rem;display:flex}.po-reorder-banner{border-radius:var(--radius-sm);box-shadow:var(--shadow);background:linear-gradient(135deg,#22c55e17,#22c55e08);border:1px solid #22c55e40;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:14px;padding:16px 20px;animation:.3s fadeIn;display:flex}.po-reorder-banner--loading{background:var(--bg-2);border-color:var(--border-2);color:var(--text-muted);justify-content:center;gap:8px;font-size:.85rem;font-weight:600}.po-reorder-info{align-items:flex-start;gap:12px;display:flex}.po-reorder-icon{color:var(--success);flex-shrink:0;margin-top:2px}.po-reorder-title{color:#166534;margin-bottom:2px;font-size:.9rem;font-weight:700}.po-reorder-desc{color:var(--text-muted);font-size:.8rem}.po-reorder-btn{background:var(--success);color:#fff;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);border:none;padding:9px 18px;font-size:.8rem;font-weight:700;box-shadow:0 2px 4px #22c55e26}.po-reorder-btn:hover{background:#15803d;transform:translateY(-1px);box-shadow:0 4px 12px #22c55e4d}.po-loc-header-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.po-loc-add-btn{background:var(--primary-glow);color:var(--primary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);border:1.5px solid #6366f133;align-items:center;gap:6px;padding:8px 14px;font-size:.8rem;font-weight:700;display:inline-flex}.po-loc-add-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.po-loc-form-card{border:1.5px solid var(--border-2);border-radius:var(--radius);box-shadow:var(--shadow-md);background:#fff;margin-bottom:20px;padding:20px;animation:.3s ease-out poSlideDown}@keyframes poSlideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.po-loc-form-title{color:var(--text);align-items:center;gap:8px;margin-bottom:16px;font-size:.95rem;font-weight:700;display:flex}.po-loc-form-grid{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:16px;display:grid}@media (width<=600px){.po-loc-form-grid{grid-template-columns:1fr}}.po-loc-form-full{grid-column:span 2}@media (width<=600px){.po-loc-form-full{grid-column:span 1}}.po-loc-form-group{flex-direction:column;gap:6px;display:flex}.po-loc-form-label{color:var(--text-muted);font-size:.78rem;font-weight:600}.po-loc-form-input{border:1.5px solid var(--border-2);border-radius:var(--radius-sm);color:var(--text);transition:all var(--transition);background:#fff;outline:none;padding:9px 12px;font-size:.875rem}.po-loc-form-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.po-loc-form-input::placeholder{color:var(--text-muted);opacity:.6}.po-loc-form-input.input-error{border-color:var(--danger);background:var(--danger-light)}.po-loc-error-msg{color:var(--danger);font-size:.72rem;font-weight:500}.po-loc-checkbox-label{putslor:var(--text);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:.82rem;font-weight:500;display:inline-flex}.po-loc-checkbox{border:1.5px solid var(--border-2);width:16px;height:16px;accent-color:var(--primary);cursor:pointer;border-radius:4px}.po-loc-form-actions{border-top:1px solid var(--border-2);justify-content:flex-end;gap:10px;margin-top:20px;padding-top:16px;display:flex}.data-table input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.data-table input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.data-table input[type=number]{-moz-appearance:textfield}.ci-overlay{z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a121e99;justify-content:center;align-items:center;padding:16px;animation:.18s ci-fade-in;display:flex;position:fixed;inset:0}@keyframes ci-fade-in{0%{opacity:0}to{opacity:1}}.ci-modal{background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:1100px;max-height:92vh;animation:.22s cubic-bezier(.34,1.56,.64,1) ci-slide-up;display:flex;overflow:hidden;box-shadow:0 24px 80px #00000040,0 0 0 1px #0000000f}@keyframes ci-slide-up{0%{opacity:0;transform:translateY(28px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.ci-header{background:linear-gradient(135deg,#f8f9ff 0%,#fff 60%);border-bottom:1.5px solid #f0f1f5;flex-shrink:0;justify-content:space-between;align-items:center;padding:18px 24px 16px;display:flex}.ci-header-left{align-items:center;gap:14px;display:flex}.ci-header-icon{color:#fff;background:linear-gradient(135deg,#008c3d,#00b84f);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex;box-shadow:0 4px 12px #008c3d4d}.ci-title{color:#0c1f14;margin:0;font-size:1.05rem;font-weight:700}.ci-subtitle{color:#5a7265;margin:2px 0 0;font-size:.78rem}.ci-close{color:#6b7280;cursor:pointer;background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;transition:all .15s;display:flex}.ci-close:hover{color:#dc2626;background:#fee2e2;border-color:#fca5a5}.ci-loading{color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:60px;display:flex}.ci-loading p{font-size:.9rem}.ci-body{flex:1;min-height:0;display:flex;overflow:hidden}.ci-left{border-right:1.5px solid #f0f1f5;flex-direction:column;flex:0 0 480px;gap:14px;width:480px;padding:20px;display:flex;overflow-y:auto}.ci-right{background:#f5f6fa;flex-direction:column;flex:1;min-width:0;display:flex}.ci-preview-header{background:#fff;border-bottom:1.5px solid #e5e7eb;flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.ci-preview-label{color:#444655;align-items:center;gap:6px;font-size:.82rem;font-weight:600;display:flex}.ci-preview-toggle{color:#444655;cursor:pointer;background:#fff;border:1.5px solid #dde0e8;border-radius:7px;align-items:center;gap:5px;padding:5px 12px;font-family:inherit;font-size:.78rem;font-weight:600;transition:all .15s;display:inline-flex}.ci-preview-toggle:hover{color:#008c3d;background:#f0fdf4;border-color:#008c3d}.ci-preview-scroll{flex:1;justify-content:center;padding:20px;display:flex;overflow:auto}.ci-preview-placeholder{color:#9ca3af;text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:14px;padding:40px;display:flex}.ci-preview-placeholder svg{opacity:.3}.ci-preview-placeholder p{font-size:.87rem}.ci-btn-preview{color:#fff;cursor:pointer;background:linear-gradient(135deg,#008c3d,#00b84f);border:none;border-radius:9px;align-items:center;gap:7px;padding:9px 20px;font-family:inherit;font-size:.85rem;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 4px 14px #008c3d4d}.ci-btn-preview:hover{transform:translateY(-1px);box-shadow:0 6px 20px #008c3d61}.ci-card{background:#fff;border:1.5px solid #e8eaf0;border-radius:12px;flex-direction:column;gap:10px;padding:14px;display:flex}.ci-card-title{color:#444655;text-transform:uppercase;letter-spacing:.6px;border-bottom:1px solid #f0f1f5;align-items:center;gap:7px;padding-bottom:8px;font-size:.78rem;font-weight:700;display:flex}.ci-summary-grid{flex-direction:column;gap:6px;display:flex}.ci-summary-row{align-items:flex-start;gap:8px;font-size:.82rem;display:flex}.ci-summary-label{color:#5a7265;flex-shrink:0;align-items:center;gap:4px;min-width:90px;font-weight:500;display:flex}.ci-summary-value{color:#0c1f14;word-break:break-word;flex:1}.ci-summary-value.ci-fw{font-weight:600}.ci-summary-value.ci-mono{font-family:DM Mono,monospace;font-size:.78rem}.ci-products-table-wrap{border:1px solid #f0f1f5;border-radius:8px;overflow-x:auto}.ci-products-table{border-collapse:collapse;width:100%;font-size:.78rem}.ci-products-table th{color:#5a7265;text-transform:uppercase;letter-spacing:.5px;text-align:left;background:#f8f9fc;border-bottom:1px solid #f0f1f5;padding:7px 10px;font-size:.68rem;font-weight:600}.ci-products-table td{color:#444655;vertical-align:top;border-bottom:1px solid #f8f9fc;padding:8px 10px}.ci-products-table tr:last-child td{border-bottom:none}.ci-prod-name{color:#0c1f14;font-weight:600}.ci-prod-sku{color:#5a7265;margin-top:2px;font-family:DM Mono,monospace;font-size:.68rem}.ci-amount{color:#008c3d;text-align:right;font-weight:600}.ci-tax-block{border-top:1.5px solid #f0f1f5;flex-direction:column;gap:5px;padding-top:10px;display:flex}.ci-tax-row{color:#444655;justify-content:space-between;align-items:center;font-size:.8rem;display:flex}.ci-tax-round{color:#5a7265;font-style:italic}.ci-tax-total{color:#0c1f14;border-top:1.5px solid #e8eaf0;margin-top:2px;padding-top:7px;font-size:.92rem;font-weight:700}.ci-tax-words{color:#5a7265;background:#f8f9fc;border:1px solid #f0f1f5;border-radius:6px;margin-top:4px;padding:7px 10px;font-size:.72rem;font-style:italic;line-height:1.4}.ci-form-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.ci-field{flex-direction:column;gap:5px;display:flex}.ci-field-full{grid-column:1/-1}.ci-label{color:#444655;align-items:center;gap:6px;font-size:.75rem;font-weight:600;display:flex}.ci-label-hint{color:#5a7265;margin-left:auto;font-size:.68rem;font-style:italic;font-weight:400}.ci-required{color:#dc2626}.ci-input{color:#0c1f14;box-sizing:border-box;background:#fff;border:1.5px solid #dde0e8;border-radius:8px;outline:none;width:100%;padding:8px 11px;font-family:inherit;font-size:.82rem;transition:border-color .15s,box-shadow .15s}.ci-input:focus{border-color:#008c3d;box-shadow:0 0 0 3px #008c3d1f}.ci-input-mono{font-family:DM Mono,monospace}.ci-select{cursor:pointer}.ci-footer{background:#fafbfc;border-top:1.5px solid #f0f1f5;flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;padding:14px 24px;display:flex}.ci-footer-right{align-items:center;gap:10px;display:flex}.ci-btn-cancel{color:#6b7280;cursor:pointer;background:#fff;border:1.5px solid #dde0e8;border-radius:9px;padding:9px 20px;font-family:inherit;font-size:.85rem;font-weight:600;transition:all .15s}.ci-btn-cancel:hover{color:#444655;background:#f5f6fa;border-color:#bbbdcc}.ci-btn-cancel:disabled{opacity:.5;cursor:not-allowed}.ci-btn-save{color:#008c3d;cursor:pointer;background:#fff;border:1.5px solid #008c3d;border-radius:9px;align-items:center;gap:7px;padding:9px 20px;font-family:inherit;font-size:.85rem;font-weight:600;transition:all .15s;display:inline-flex}.ci-btn-save:hover{background:#f0fdf4}.ci-btn-save:disabled{opacity:.5;cursor:not-allowed}.ci-btn-print{color:#fff;cursor:pointer;background:linear-gradient(135deg,#008c3d,#00b84f);border:none;border-radius:9px;align-items:center;gap:7px;padding:9px 20px;font-family:inherit;font-size:.85rem;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 4px 14px #008c3d4d}.ci-btn-print:hover{transform:translateY(-1px);box-shadow:0 6px 20px #008c3d66}.ci-btn-print:disabled{opacity:.5;cursor:not-allowed;transform:none}.ci-action-btn{color:#008c3d;cursor:pointer;background:#008c3d0f;border:1.5px solid #008c3d4d;border-radius:7px;align-items:center;gap:5px;padding:5px 10px;font-family:inherit;font-size:.75rem;font-weight:600;transition:all .15s;display:inline-flex}.ci-action-btn:hover{background:#008c3d1f;border-color:#008c3d}.spin{animation:.7s linear infinite spin-kf}@keyframes spin-kf{to{transform:rotate(360deg)}}.only-print{display:none}@media print{body *{visibility:hidden}.only-print,.only-print *{visibility:visible;display:block!important}.only-print{z-index:99999;background:#fff;position:fixed;inset:0}.no-print,.ci-overlay{display:none!important}}