:root{--primary:#4c9be0;--primary-hover:#3d89cb;--secondary:#2c3e50;--accent:#f97316;--bg-page:#e9ecef;--bg-card:#fff;--text-main:#334155;--text-muted:#64748b;--border:#e2e8f0;--sidebar-width:260px;--header-height:72px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--transition:all .2s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;min-width:0}body{background-color:var(--bg-page);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow-x:hidden}button{cursor:pointer;background:0 0;border:none;font-family:inherit}a{color:inherit;text-decoration:none}ul{list-style:none}input:focus{outline:2px solid var(--primary);outline-offset:-1px}select{background:#fff;border:1px solid #d7dee8;border-radius:10px;padding:.45rem .7rem;font-size:.9rem}.card{background:var(--bg-card);box-shadow:var(--shadow);border:1px solid var(--border);border-radius:12px;min-width:0}.btn{transition:var(--transition);border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-weight:600;display:inline-flex}.btn-primary{background-color:var(--primary);color:#fff}.btn-primary:hover{background-color:var(--primary-hover)}.status-pill{text-transform:capitalize;border-radius:20px;padding:4px 12px;font-size:.75rem;font-weight:700}.status-pending,.status-draft{color:#64748b;background:#f1f5f9}.status-sent{color:#0891b2;background:#ecfeff}.status-sale,.status-done,.status-purchase{color:#16a34a;background:#dcfce7}.status-cancel{color:#ef4444;background:#fee2e2}.page{min-height:calc(100vh - var(--header-height));background-color:#f8fafc;min-width:0;padding:1.5rem;overflow-x:hidden}.page-card{background:#fff;border:1px solid #eef2f6;border-radius:14px;min-width:0;padding:1.5rem;box-shadow:0 6px 18px #0f172a0f}.page-header{border-bottom:1px solid #eef2f6;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.25rem;padding-bottom:1rem;display:flex}.page-header h2,.page-header h1{color:#0f172a;margin:0;font-weight:800;line-height:1.2}.page-subtitle{color:#64748b;margin-top:.35rem;font-size:.9rem}.btn-ui{white-space:nowrap;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;padding:.6rem .9rem;font-size:.875rem;font-weight:800;transition:all .18s;display:inline-flex}.btn-ui:active{transform:translateY(1px)}.btn-ui.primary{color:#fff;background:#3498db;box-shadow:0 10px 20px #3498db2e}.btn-ui.primary:hover{background:#2980b9;box-shadow:0 14px 26px #3498db38}.btn-ui.secondary{color:#334155;background:#f1f5f9;border-color:#e2e8f0}.btn-ui.secondary:hover{background:#e2e8f0}.btn-ui.danger{color:#ef4444;background:#fff;border-color:#fecaca}.btn-ui.danger:hover{background:#fef2f2;border-color:#fca5a5}.btn-ui.lg{padding:.8rem 1.25rem;font-size:.95rem}.table-shell{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.table-shell .table-wrapper{padding:0}@media (width<=768px){.page,.page-card{padding:1rem}.page-header{flex-direction:column;align-items:stretch}.btn-ui{width:auto}.table-mobile-cards thead{display:none}.table-mobile-cards,.table-mobile-cards tbody,.table-mobile-cards tr,.table-mobile-cards td{width:100%;display:block}.table-mobile-cards tr{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin:.85rem 0;overflow:hidden}.table-mobile-cards td{align-items:center;gap:.75rem;padding:.75rem .85rem;display:flex;border:none!important;border-bottom:1px solid #e5e7eb!important}.table-mobile-cards td:last-child{border-bottom:none!important}.table-mobile-cards td:before{content:attr(data-label);color:#475569;flex:0 0 120px;font-size:.82rem;font-weight:800}.table-mobile-cards td[data-label=Action]:before{display:none}.table-mobile-cards td[data-label=Action]{justify-content:flex-end}}.dt-primary-text{color:#1e293b;font-size:14px;font-weight:800}.dt-secondary-text{color:#64748b;font-size:13px;font-weight:500}.dt-action-btn{cursor:pointer;color:#94a3b8;background:#f8fafc;border:none;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;margin:0 4px;transition:all .2s;display:inline-flex}.dt-action-btn.edit{color:#3b82f6;background:#eff6ff}.dt-action-btn.edit:hover{background:#dbeafe}.dt-action-btn.delete{color:#dc2626;background:#fff1f2}.dt-action-btn.delete:hover{background:#fecdd3}.dt-gradient-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;border-radius:12px;align-items:center;gap:6px;padding:.65rem 1.25rem;font-size:13px;font-weight:800;transition:opacity .2s;display:inline-flex;box-shadow:0 4px 12px #6366f133}.dt-gradient-btn:hover{opacity:.9}.dt-filter-pill{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:9px;padding:6px 14px;font-size:12px;font-weight:600;transition:all .2s}.dt-filter-pill.active{color:#4f46e5;background:#fff;font-weight:800;box-shadow:0 2px 6px #0000000d}.login-container{background-color:#cbd5e0;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.login-card{text-align:center;background:#fff;width:100%;max-width:440px;padding:3rem 2.5rem;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.login-card h1{color:#334155;margin-bottom:2rem;font-size:2rem;font-weight:500}.input-group{margin-bottom:1.25rem;position:relative}.input-group input{color:#334155;border:1px solid #94a3b8;border-radius:4px;width:100%;padding:.875rem 1rem .875rem 3rem;font-size:1rem}.input-group .input-icon{color:#64748b;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.forgot-link{text-align:left;color:#38bdf8;margin-bottom:2rem;font-size:.875rem;transition:color .2s;display:block}.forgot-link:hover{color:#0ea5e9}.login-btn{color:#fff;background-color:#22d3ee;border-radius:4px;width:100%;padding:.75rem;font-size:1.1rem;font-weight:600;transition:background-color .2s;box-shadow:0 4px 6px -1px #0000001a}.login-btn:hover{background-color:#06b6d4}.sidebar{width:var(--sidebar-width);color:#64748b;z-index:1001;background-color:#fff;border-right:1px solid #e2e8f0;flex-direction:column;height:100vh;display:flex;position:fixed;top:0;left:0;overflow-y:auto}.sidebar-header{border-bottom:1px solid #f1f5f9;justify-content:center;align-items:center;padding:1.25rem 1.5rem;display:flex;position:relative}.user-profile{border-bottom:1px solid #f1f5f9;align-items:center;gap:1rem;padding:1.5rem;display:flex}.user-avatar{background-color:#fff;border:2px solid #e2e8f0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;overflow:hidden}.user-avatar img{object-fit:cover;width:100%;height:100%}.user-info h3{color:#1e293b;margin-bottom:2px;font-size:.95rem;font-weight:700}.company-name{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;margin-left:.75rem;font-size:1.1rem;font-weight:700;overflow:hidden}.sidebar-close-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex;position:absolute;right:1rem}.sidebar-close-btn:hover{color:#1e293b;background:#f1f5f9}.user-info p{color:#64748b;white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;overflow:hidden}.sidebar-nav{padding:1rem 0}.sidebar-nav ul{margin:0;padding:0;list-style:none}.sidebar-nav li{cursor:pointer;color:#64748b;border-left:3px solid #0000;align-items:center;gap:1rem;padding:.875rem 1.5rem;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.sidebar-nav li:hover{color:#334155;background-color:#f8fafc}.sidebar-nav li.active{color:#2563eb;background-color:#eff6ff;border-left:3px solid #3b82f6}.menu-group{border-left:none!important;padding:0!important;display:block!important}.menu-group:hover{background-color:#0000!important}.group-header{cursor:pointer;color:#64748b;border-left:3px solid #0000;justify-content:space-between;align-items:center;padding:.875rem 1.5rem;font-weight:600;transition:all .2s;display:flex}.group-header:hover{color:#334155;background-color:#f8fafc}.group-header.active{color:#2563eb;background-color:#eff6ff;border-left:3px solid #3b82f6}.group-title{align-items:center;gap:1rem;display:flex}.submenu{background-color:#f8fafc;border-top:1px solid #f1f5f9;border-bottom:1px solid #f1f5f9;padding:0;list-style:none}.submenu-item{color:#64748b!important;border-left:3px solid #0000!important;border-radius:0!important;margin:0!important;padding:.75rem 1.5rem .75rem 3rem!important;font-size:.85rem!important}.submenu-item:hover{color:#334155!important;background-color:#f1f5f9!important}.submenu-item.active{color:#2563eb!important;background-color:#eff6ff!important;border-left:3px solid #3b82f6!important}.submenu-item-disabled{opacity:.5;cursor:not-allowed}.submenu-container{border:none!important;padding:0!important;display:block!important}.submenu-container:hover{background-color:#0000!important}.nested-submenu{background-color:#f8fafc;margin:0;padding:0;list-style:none;position:relative}.nested-submenu:before{content:"";z-index:1;background-color:#e2e8f0;width:1px;position:absolute;top:0;bottom:0;left:2.2rem}.nested-submenu.deep-nested:before{left:3.2rem}.submenu-item.nested{padding-left:4.5rem!important;font-size:.8rem!important}.submenu-item.deep{padding-left:6rem!important;font-size:.78rem!important}.submenu-item.nested:hover{background-color:#f1f5f9!important}.sidebar-footer{border-top:1px solid #f1f5f9;margin-top:auto;padding:1rem}.sidebar-logout-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;font-size:.875rem;font-weight:600;transition:all .2s;display:flex}.sidebar-logout-btn:hover{color:#ef4444;background:#fef2f2;border-color:#fecaca}.sidebar.collapsed{width:70px}.sidebar.collapsed .sidebar-header,.sidebar.collapsed .user-profile{justify-content:center;padding:1.5rem .5rem}.sidebar.collapsed .sidebar-nav li,.sidebar.collapsed .group-header{justify-content:center;padding:1rem 0}.sidebar.collapsed .sidebar-logout-btn{justify-content:center;padding:.75rem 0}@media (width<=768px){.sidebar{width:min(82vw,300px);transition:transform .25s;transform:translate(-100%);box-shadow:12px 0 32px #0f172a1a}.sidebar.open{transform:translate(0)}.sidebar.collapsed{width:min(82vw,300px)}.sidebar.closed{transform:translate(-100%)}.sidebar-header,.user-profile,.sidebar-nav li,.group-header,.submenu-item,.sidebar-footer{padding-left:1rem;padding-right:1rem}.submenu-item{padding-left:3rem!important}.user-profile{gap:.75rem}.user-avatar img{width:42px;height:42px}}.main-header{height:var(--header-height);z-index:900;background:#fff;border-bottom:2px solid #eef2f6;justify-content:space-between;align-items:center;padding:0 2rem;display:flex;position:sticky;top:0;box-shadow:0 1px 1px #0000000d}.header-left{align-items:center;gap:1.5rem;display:flex}.menu-toggle{color:#64748b;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:8px;transition:background-color .2s;display:none}.menu-toggle:hover{color:#334155;background-color:#f1f5f9}.header-right{align-items:center;gap:2rem;display:flex}.header-page-title{color:#1e293b;font-size:1rem;font-weight:700}.user-dropdown-container{position:relative}.user-profile-trigger{cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:12px;padding:6px 16px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.user-profile-trigger:hover{background:#fff;border-color:#cbd5e1;box-shadow:0 4px 12px #0000000d}.user-thumb img{object-fit:cover;border:2px solid #fff;border-radius:10px;width:36px;height:36px;box-shadow:0 2px 4px #0000001a}.user-meta{text-align:left;flex-direction:column;display:flex}.user-name{color:#1e293b;font-size:.875rem;font-weight:700;line-height:1.2}.user-role{color:#64748b;font-size:.75rem;font-weight:500}.header-popup{z-index:1000;background:#fff;border:1px solid #e2e8f0;border-radius:16px;width:240px;padding:8px;animation:.25s cubic-bezier(.16,1,.3,1) slideIn;position:absolute;top:calc(100% + 12px);right:0}@keyframes slideIn{0%{opacity:0;transform:translateY(-8px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.popup-header{border-bottom:1px solid #f1f5f9;padding:16px}.popup-header strong{color:#1e293b;font-size:.9375rem;display:block}.popup-header p{color:#64748b;margin-top:2px;font-size:.75rem}.popup-divider{background:#f1f5f9;height:1px;margin:4px 0}.popup-item{color:#475569;border-radius:10px;align-items:center;gap:12px;width:100%;padding:10px 12px;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.popup-item:hover{color:#1e293b;background:#f1f5f9}@media (width<=768px){.main-header{height:60px;padding:0 1rem}.menu-toggle{display:inline-flex}.header-page-title{font-size:.95rem}.header-right{gap:.75rem}.user-meta{display:none}.user-profile-trigger{background:0 0;border-color:#0000;padding:4px 8px}}.dashboard-page{max-width:1400px;margin:0 auto;padding:1.5rem}.dashboard-hero-banner{background:linear-gradient(135deg,#1e3a8a 0%,#3b82f6 100%);border-radius:24px;margin-bottom:2.5rem;padding:2.5rem 3rem;position:relative;overflow:hidden;box-shadow:0 10px 25px -5px #3b82f64d}.hero-content{z-index:2;position:relative}.hero-decoration{z-index:1;background:radial-gradient(circle,#ffffff26 0%,#fff0 70%);border-radius:50%;width:400px;height:400px;position:absolute;top:-50%;right:-5%}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.stat-card{z-index:1;background:#fff;border:1px solid #e2e8f0cc;border-radius:20px;align-items:center;gap:1.25rem;padding:1.75rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.clickable-card{cursor:pointer}.clickable-card:hover{transform:translateY(-5px);box-shadow:0 20px 25px -5px #0000000d,0 10px 10px -5px #00000005}.stat-icon-wrapper{z-index:2;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;display:flex}.premium-card-1 .stat-icon-wrapper{color:#3b82f6;background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%)}.premium-card-2 .stat-icon-wrapper{color:#f97316;background:linear-gradient(135deg,#fff7ed 0%,#ffedd5 100%)}.premium-card-3 .stat-icon-wrapper{color:#10b981;background:linear-gradient(135deg,#ecfdf5 0%,#d1fae5 100%)}.stat-data{z-index:2;flex:1}.stat-data p{color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem;font-size:.9rem;font-weight:700}.stat-data h3{color:#0f172a;margin:0;font-size:2rem;font-weight:800;line-height:1.1}.card-decoration{opacity:.4;z-index:0;border-radius:50%;width:100px;height:100px;transition:transform .5s;position:absolute;bottom:-20px;right:-20px}.premium-card-1 .card-decoration{background:radial-gradient(circle,#3b82f633 0%,#fff0 70%)}.premium-card-2 .card-decoration{background:radial-gradient(circle,#f9731633 0%,#fff0 70%)}.premium-card-3 .card-decoration{background:radial-gradient(circle,#10b98133 0%,#fff0 70%)}.stat-card:hover .card-decoration{transform:scale(1.5)}.dashboard-sections{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1rem;display:grid}.dashboard-section{padding:0}.section-header{border-bottom:1px solid #eef2f6;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.section-header h3{color:#334155;font-size:1rem;font-weight:600}.view-all{color:#3498db;border-radius:4px;padding:4px 10px;font-size:.75rem;font-weight:600}.view-all:hover{background:#f1f5f9}.dashboard-table{border-collapse:collapse;width:100%}.dashboard-table th{text-align:left;color:#64748b;text-transform:uppercase;border-bottom:1px solid #f8fafc;padding:1rem 1.5rem;font-size:.75rem;font-weight:700}.dashboard-table td{color:#1e293b;border-bottom:1px solid #f8fafc;padding:1rem 1.5rem;font-size:.875rem}.dashboard-table tr:last-child td{border-bottom:none}@media (width<=1024px){.dashboard-sections{grid-template-columns:1fr}}@media (width<=768px){.dashboard-page{padding:1rem}.dashboard-hero-banner{border-radius:16px;padding:2rem 1.5rem}.dashboard-hero-banner h1{font-size:1.75rem}.stats-grid{grid-template-columns:1fr 1fr;gap:1rem}.stat-card{padding:1.25rem}.stat-data h3{font-size:1.5rem}}@media (width<=480px){.stats-grid{grid-template-columns:1fr}}.dashboard-loader-container{flex-direction:column;justify-content:center;align-items:center;width:100%;height:80vh;display:flex}.dashboard-loader-spinner{background:#fff;border-radius:50%;justify-content:center;align-items:center;margin-bottom:1.5rem;padding:1.5rem;display:flex;box-shadow:0 10px 25px -5px #3b82f633}.loader-text{color:#64748b;letter-spacing:.025em;font-size:1.125rem;font-weight:600;animation:2s cubic-bezier(.4,0,.6,1) infinite pulse-text}@keyframes pulse-text{0%,to{opacity:1}50%{opacity:.5}}.loader-container{justify-content:center;align-items:center;width:100%;min-height:320px;display:flex}.loader-content{flex-direction:column;align-items:center;gap:1.5rem;display:flex}.spinner-wrapper{justify-content:center;align-items:center;width:64px;height:64px;display:flex;position:relative}.spinner-icon{color:#6366f1;z-index:10;position:relative}.spinner-ring{border:4px solid #e0e7ff;border-top-color:#0000;border-radius:50%;width:100%;height:100%;animation:3s linear infinite spin;position:absolute;top:0;left:0}.loader-text{color:#6366f1;letter-spacing:.15em;opacity:.7;font-size:11px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes loading-bar{0%{transform:translate(-100%)}50%{transform:translate(0)}to{transform:translate(100%)}}.ss-container{width:100%;position:relative}.ss-control{cursor:pointer;text-align:left;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:space-between;align-items:center;width:100%;height:42px;padding:0 12px;transition:border-color .2s;display:flex}.ss-control.ss-small{height:32px;padding:0 10px}.ss-control:focus-visible{border-color:#3498db;outline:none;box-shadow:0 0 0 4px #3498db29}.ss-placeholder{color:#9ca3af;white-space:nowrap;text-overflow:ellipsis;max-width:90%;overflow:hidden}.ss-value{white-space:nowrap;text-overflow:ellipsis;max-width:90%;overflow:hidden}.ss-arrow{color:#94a3b8;font-size:.7rem}.ss-menu{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;box-shadow:0 18px 40px #0f172a2e}.ss-search-wrapper{border-bottom:1px solid #e5e7eb;padding:.6rem .8rem}.ss-search{border:1px solid #fb923c;border-radius:999px;width:100%;padding:.45rem .8rem;font-size:.9rem}.ss-options{max-height:220px;overflow-y:auto}.ss-option{text-align:left;color:#0f172a;background:#fff;width:100%;padding:.55rem .9rem;font-size:.9rem}.ss-option:hover{background:#f3f4f6}.ss-empty{color:#9ca3af;padding:.75rem .9rem;font-size:.85rem}.ss-more{color:#fb923c;text-align:center;background:#fff7ed;border-top:1px solid #ffedd5;padding:.75rem .9rem;font-size:.8rem;font-weight:600}.ss-backdrop{z-index:9998;position:fixed;inset:0}@media (width<=768px){.ss-menu{max-height:50vh}.ss-option{padding:.75rem 1rem;font-size:.95rem}.ss-search{padding:.6rem 1rem}}.ss-option.focused{color:#2563eb;background:#f1f5f9;border-left:3px solid #2563eb;font-weight:600}.dt-page{min-height:calc(100vh - var(--header-height));background-color:#f8fafc;min-width:0;padding:1.25rem;overflow-x:hidden}.dt-card{background:#fff;border:none;border-radius:12px;width:100%;min-width:0;max-width:100%;padding:1.25rem;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.dt-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.dt-header h2{color:#1e293b;margin:0;font-size:1.25rem;font-weight:700}.dt-controls{border-top:1px solid #f1f5f9;gap:1rem;margin-bottom:1.5rem;padding:1rem 0;justify-content:space-between!important;align-items:center!important;display:flex!important}.dt-flex-between{justify-content:space-between;align-items:center;display:flex}.datatable-controls{border-top:1px solid #f1f5f9;gap:1.5rem;margin-bottom:1.5rem;padding-top:1rem;justify-content:space-between!important;align-items:center!important;display:flex!important}.entries-per-page{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.search-control{flex:18rem;justify-content:flex-end;align-items:center;gap:.6rem;display:flex}.dt-control-label,.search-label{color:#475569;font-size:.875rem;font-weight:700}.search-label{white-space:nowrap}.entries-select{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:12px;min-width:4rem;height:2.5rem;padding:0 .85rem;font-size:.9rem;box-shadow:inset 0 1px 2px #0f172a0a}.action-buttons-container{justify-content:center;align-items:center;gap:.5rem;display:flex}.search-input{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:14px;flex:15rem;min-width:14rem;max-width:20rem;height:2.75rem;padding:0 .95rem;box-shadow:inset 0 1px 2px #0000000d}.products-datatable th{white-space:nowrap;cursor:pointer;border-right:1px solid #f1f5f9;position:relative}.products-datatable th:after{float:right;opacity:.3;margin-top:2px;font-size:10px}.products-datatable th:last-child{border-right:none}.action-box-btn{color:#64748b;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex}.popup-item.logout{color:#ef4444}.popup-item.logout:hover{background:#fef2f2}.products-datatable{border-collapse:collapse;width:100%}.products-datatable th,.products-datatable td{text-align:left;padding:.9rem 1rem;font-size:1rem}.products-datatable thead{background-color:#fcfcfc;border-bottom:2px solid #f1f5f9}.products-datatable thead th{color:#000;text-transform:uppercase;letter-spacing:.02em;font-size:.9rem;font-weight:850}.products-datatable tr{border-bottom:1px solid #f1f5f9}.action-box-btn:hover{color:#1e293b;background:#f1f5f9;border-color:#cbd5e1}.row-hover{cursor:pointer;background-color:#fff;border-left:3px solid #0000;transition:all .2s;position:relative}.row-hover:hover{z-index:10;border-left-color:#4f46e5;transform:translateY(-1px);box-shadow:0 4px 20px #00000014;background-color:#f1f5f9!important}.row-hover:hover td{background-color:#0000!important}.row-hover td{transition:background-color .2s}.btn-action-solid{text-transform:uppercase!important;color:#fff!important;cursor:pointer!important;border:none!important;border-radius:8px!important;align-items:center!important;gap:.5rem!important;padding:.5rem 1rem!important;font-size:11px!important;font-weight:700!important;transition:all .2s!important;display:flex!important;box-shadow:0 1px 2px #0000000d!important}.btn-action-solid:active{transform:scale(.95)!important}.action-dropdown-popover{position:absolute;top:100%;right:0;z-index:9999!important;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:12px!important;flex-direction:column!important;gap:.25rem!important;min-width:max-content!important;padding:.5rem!important;animation:.2s ease-out fadeInDown!important;display:flex!important;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a!important}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.btn-action-soft{text-transform:uppercase!important;letter-spacing:.02em!important;cursor:pointer!important;text-align:left!important;border:1px solid #0000!important;border-radius:10px!important;align-items:center!important;gap:.75rem!important;width:100%!important;margin-bottom:2px!important;padding:.65rem .9rem!important;font-size:12px!important;font-weight:700!important;transition:all .2s!important;display:flex!important}.btn-edit-soft{color:#475569!important;background-color:#0000!important;border-color:#0000!important}.btn-edit-soft:hover{color:#0f172a!important;background-color:#f1f5f9!important}.btn-confirm-soft{color:#15803d!important;background-color:#0000!important;border-color:#0000!important}.btn-confirm-soft:hover{color:#166534!important;background-color:#f0fdf4!important}.btn-cancel-soft{color:#b91c1c!important;background-color:#0000!important;border-color:#0000!important}.btn-cancel-soft:hover{color:#991b1b!important;background-color:#fef2f2!important}.action-box-btn.view:hover{color:#3b82f6;border-color:#93c5fd}.action-box-btn.edit:hover{color:#10b981;border-color:#6ee7b7}.action-box-btn.delete:hover{color:#ef4444;border-color:#fca5a5}.page-btn{color:#3b82f6;cursor:pointer;background:#fff;border-right:1px solid #e2e8f0;padding:.5rem .875rem;font-size:.8125rem;font-weight:600;transition:all .2s}.page-btn:hover:not(:disabled){color:#2563eb;background-color:#f8fafc}.page-btn.active{color:#fff;background-color:#3b82f6;border-color:#3b82f6}.page-btn:disabled{color:#94a3b8;cursor:not-allowed;background-color:#fcfcfc}.page-btn.prev,.page-btn.next{color:#475569}.pagination-ellipsis{color:#94a3b8;background:#fff;border-right:1px solid #e2e8f0;padding:.5rem .75rem;font-size:.8125rem}.btn-add-new{box-shadow:0 4px 12px #3b82f640}.table-wrapper{width:100%;min-width:0;max-width:100%;overflow:auto hidden}.products-datatable{min-width:720px}@media (width<=1024px){.dt-page{padding:.75rem}.dt-card{padding:.85rem}.dt-header{align-items:center;margin-bottom:1rem;padding-bottom:.75rem;flex-direction:row!important;justify-content:space-between!important}.dt-header h2{font-size:1.1rem!important}.dt-controls{gap:.5rem;border-top:none!important;flex-wrap:wrap!important;margin-bottom:.75rem!important;padding:.5rem 0!important;display:flex!important}.action-buttons-container{justify-content:flex-start;width:100%;margin-top:.25rem}.dt-flex{align-items:center;gap:.4rem;display:flex}.dt-flex span,.dt-flex label,.dt-controls label,.dt-controls .text-sm,.dt-control-label,.entries-per-page span{display:none!important}.entries-select{width:64px!important;min-width:64px!important;height:34px!important;padding:.35rem .5rem!important;font-size:.8rem!important}.search-input{flex:1;min-width:0;border-radius:999px!important;width:auto!important;height:34px!important;padding:.45rem .75rem!important;font-size:.85rem!important}.products-datatable{min-width:900px}.products-datatable th:after{display:none}.action-trigger{padding:6px!important}}.products-page .dt-card,.products-page .table-wrapper{overflow:visible!important}@media (width<=600px){.hide-text-mobile{display:none}}.catalog-popover-portal{z-index:10001;background:#fff;border:1px solid #e2e8f0;border-radius:28px;width:450px;padding:24px;position:fixed;top:100px;left:50%;transform:translate(-50%);box-shadow:0 25px 50px -12px #00000040}@media (width>=769px){.catalog-popover-portal{left:auto;right:40px;transform:none}}@media (width<=480px){.catalog-popover-portal{width:calc(100vw - 32px);left:16px;transform:none}}.popover-section-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.popover-section-header h3{color:#0f172a;text-transform:uppercase;letter-spacing:.05em;margin:0;font-size:15px;font-weight:900}.close-popover-btn{color:#94a3b8;cursor:pointer;background:#f8fafc;border-radius:50%;padding:8px}.popover-body-content{margin-bottom:24px}.context-label{color:#64748b;text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:800}.ghost-action-btn{color:#3b82f6;background:0 0;border-radius:8px;align-items:center;gap:6px;padding:4px 8px;font-size:11px;font-weight:800;display:flex}.ghost-action-btn:hover{background:#eff6ff}.selected-partner-card{background:#f0f7ff;border:1px solid #dbeafe;border-radius:20px;align-items:center;gap:16px;margin-bottom:1.5rem;padding:16px;display:flex}.partner-icon-large{color:#fff;background:#2563eb;border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;font-weight:900;display:flex}.partner-meta-info{flex:1;min-width:0}.partner-name-bold{color:#1e3a8a;white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:900;overflow:hidden}.partner-contact-pill{color:#3b82f6;margin-top:2px;font-size:11px;font-weight:700}.popover-footer-actions{gap:12px;display:flex}.popover-btn-secondary{color:#64748b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;flex:1;padding:14px;font-size:13px;font-weight:800}.popover-btn-primary{color:#fff;text-transform:uppercase;letter-spacing:.05em;background:#2563eb;border-radius:14px;flex:2;padding:14px;font-size:13px;font-weight:900;box-shadow:0 4px 12px #2563eb33}.popover-btn-primary:disabled{opacity:.5;box-shadow:none;background:#94a3b8}.popover-backdrop-dark{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:10000;background:#0f172a33;position:fixed;inset:0}@keyframes popoverIn{0%{opacity:0;transform:translateY(10px)translate(-50%)}to{opacity:1;transform:translateY(0)translate(-50%)}}@media (width>=769px){@keyframes popoverIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}}.card-details-label{color:#4f46e5;opacity:0;pointer-events:none;align-items:center;font-size:11px;font-weight:700;transition:all .3s;display:flex;transform:translate(-4px)}.catalog-product-card:hover{background:linear-gradient(to bottom right,#fff,#f5f7ff);border-color:#4f46e5;transform:translateY(-5px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.catalog-product-card:hover .card-details-label{opacity:1;transform:translate(0)}.flex-inline{display:inline-flex}.catalog-product-card:hover .product-img{transform:scale(1.08)}.product-eye-overlay{opacity:0;z-index:10;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:absolute;top:10px;right:10px;transform:translateY(-8px)}.catalog-product-card:hover .product-eye-overlay{opacity:1;transform:translateY(0)}.eye-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#4f46e5;background:#ffffffe6;border-radius:12px;align-items:center;padding:8px;display:flex;box-shadow:0 8px 16px #00000014}.status-badge{text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;border-radius:9999px;padding:4px 10px;font-size:10px;font-weight:800;display:inline-block}.status-badge.draft{color:#475569;background-color:#f1f5f9;border:1px solid #e2e8f0}.status-badge.sent{color:#1e40af;background-color:#eff6ff;border:1px solid #dbeafe}.status-badge.sale{color:#166534;background-color:#f0fdf4;border:1px solid #dcfce7}.status-badge.done{color:#854d0e;background-color:#fffbeb;border:1px solid #fef3c7}.status-badge.cancel{color:#991b1b;background-color:#fef2f2;border:1px solid #fee2e2}.status-badge.selection{color:#5b21b6;background-color:#f5f3ff;border:1px solid #ede9fe}.product-actions-overlay{z-index:10;opacity:0;gap:8px;transition:all .3s;display:flex;position:absolute;bottom:10px;right:10px;transform:translateY(10px)}.catalog-product-card:hover .product-actions-overlay{opacity:1;transform:translateY(0)}.action-icon-btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex;box-shadow:0 4px 6px #0000001a}.edit-btn{color:#fff;background-color:#3b82f6}.edit-btn:hover{background-color:#2563eb;transform:scale(1.1)}.delete-btn{color:#fff;background-color:#ef4444}.delete-btn:hover{background-color:#dc2626;transform:scale(1.1)}.create-order-page{min-height:calc(100vh - var(--header-height));background-color:#fff;margin:-1rem;padding:1rem}@media (width<=768px){.create-order-page{margin:-.75rem;padding:.75rem}}@media (width<=600px){.create-order-page{margin:-.75rem;padding:0}.co-container{gap:0!important}}.create-order-page .co-container{flex-direction:column;gap:.65rem;max-width:100%;display:flex;background:0 0!important;padding:0!important}.co-card{box-shadow:none;background:#fff;border:1px solid #eee;border-radius:4px;padding:.75rem 1rem}@media (width<=600px){.co-card{border-left:none;border-right:none;border-radius:0;padding:1rem .5rem}}.co-card-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.co-card-header h3{color:#1e293b;margin:0;font-size:1.1rem;font-weight:800}.co-btn-icon{color:#333;cursor:pointer;background:#f5f5f5;border:1px solid #ddd;border-radius:2px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.co-expand-actions{align-items:center;gap:1rem;display:flex}.co-chevron{color:#64748b;transition:transform .3s}.co-chevron.open{transform:rotate(90deg)}.co-chevron.open svg{color:#3b82f6}.lead-body-simple{justify-content:space-between;gap:1rem;padding:.5rem .25rem;display:flex}.lead-left,.lead-right{flex-direction:column;flex:1;gap:.75rem;display:flex}@media (width<=600px){.lead-body-simple{flex-direction:column;gap:1rem}}.lead-info-row{flex-direction:column;gap:.25rem;display:flex}.lead-value-name{color:#1e293b;font-size:1.25rem;font-weight:900}.co-input-clean{color:#1e293b;background:0 0;border:none;border-bottom:2px solid #e2e8f0;outline:none;width:100%;padding:.5rem 0;font-size:1rem;font-weight:700;transition:border-color .2s}.co-input-clean:focus{border-bottom-color:#3b82f6}.main-notes-card{margin-top:1.5rem}.general-notes-list{flex-direction:column;gap:1.25rem;margin-bottom:1.5rem;display:flex}.general-note-item{gap:1rem;display:flex}.gn-avatar-wrapper{flex-shrink:0}.gn-avatar{color:#64748b;background:#e2e8f0;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:.85rem;font-weight:700;display:flex;box-shadow:0 2px 4px #0000000d}.gn-content{flex:1}.gn-text{color:#334155;white-space:pre-wrap;word-break:break-word;margin-bottom:.25rem;font-size:.95rem;font-weight:600;line-height:1.5}.gn-meta{flex-direction:column;gap:.1rem;display:flex}.gn-tag{color:#94a3b8;text-transform:uppercase;font-size:.75rem;font-weight:800}.gn-bottom{color:#94a3b8;justify-content:space-between;align-items:center;font-size:.7rem;display:flex}.gn-input-wrapper{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:.75rem;margin-top:1rem;padding:.5rem 1rem;display:flex}.gn-input{box-shadow:none;color:#1e293b;background:0 0;border:none;outline:none;flex:1;padding:.5rem 0;font-size:.95rem}.gn-send-icon{color:#94a3b8;cursor:pointer;transition:color .2s}.gn-send-icon:hover{color:#3b82f6}.add-note-form-v2{border-top:1px solid #f1f5f9;gap:1.5rem;padding-top:1.5rem;display:flex}.note-half{flex-direction:column;flex:1;gap:1rem;display:flex}@media (width<=1024px){.add-note-form-v2{flex-direction:column}}.v2-textarea{color:#333;resize:vertical;background:#fff;border:1px solid #ddd;border-radius:4px;outline:none;width:100%;min-height:120px;padding:1rem;font-family:inherit;font-size:.95rem}.v2-textarea:focus{border-color:#999;outline:none}.v2-upload-zone{color:#64748b;cursor:pointer;background:#f9f9f9;border:1px dashed #ddd;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;min-height:120px;padding:1.5rem;display:flex}.v2-upload-zone:hover,.v2-upload-zone.dragging{color:#3b82f6;background:#f1f7ff;border-color:#3b82f6;transform:scale(1.01)}.upload-text{text-transform:uppercase;letter-spacing:.5px;font-size:.85rem;font-weight:800}.upload-hint{color:#94a3b8;font-size:.75rem;font-weight:600}.v2-image-previews{flex-wrap:wrap;gap:.75rem;margin-top:.5rem;display:flex}.v2-img-item{width:50px;height:50px;position:relative}.v2-img-item img{object-fit:cover;border:1px solid #e2e8f0;border-radius:6px;width:100%;height:100%}.v2-img-remove{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;display:flex;position:absolute;top:-6px;right:-6px;box-shadow:0 2px 4px #00000026}.co-tabs{background:#f1f5f9;border-radius:12px;gap:.4rem;margin:0 1rem 1rem;padding:.4rem;display:flex}.co-tab{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:.65rem;font-size:.85rem;font-weight:800;transition:all .2s}.co-tab.active{color:#1e293b;background:#fff;box-shadow:0 4px 6px -1px #0000000d}.co-expand-header-inner:hover{background:#f8fafc}.co-expandable-card{box-shadow:none;background:#fff;border:1px solid #eee;border-radius:4px;overflow:hidden}@media (width<=600px){.co-expandable-card{border-left:none;border-right:none;border-radius:0;margin-top:1rem}}.co-expand-header{background:#fff;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;height:42px;padding:0 1rem;display:flex}.co-card-icon-pill{border-radius:6px;flex-shrink:0;width:28px;height:28px;justify-content:center!important;align-items:center!important;display:flex!important}.co-expand-header h2{color:#0f172a;margin:0;font-size:1.25rem;font-weight:800}.product-cards-list{flex-direction:column;gap:1.5rem;padding:1.5rem;display:flex}@media (width<=600px){.product-cards-list{gap:.5rem;padding:.5rem 0}}.product-item-card{background:#fff;border-bottom:1px solid #f1f5f9;padding-top:.25rem;padding-bottom:.25rem}.pi-header{background:0 0;border-bottom:none;justify-content:flex-end;align-items:center;margin-bottom:0;padding:.25rem 1rem 0;display:flex}@media (width>=1024px){.product-item-card{padding-top:.25rem;padding-bottom:.25rem;position:relative}.pi-header{z-index:10;padding:0;position:absolute;top:.25rem;right:.5rem}}.pi-item-number{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;font-size:.7rem;font-weight:800}.pi-small-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;margin-bottom:.15rem;font-size:.65rem;font-weight:800;display:block}@media (width>=1024px){.product-item-card .mobile-only{display:none!important}.desktop-only{display:flex!important}}@media (width<=1023px){.desktop-only{display:none!important}}.form-group.no-label{margin-bottom:.5rem}.pi-remove{color:#ef4444;cursor:pointer;opacity:.6;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex}.pi-remove.highlighted{opacity:1;color:#ef4444;background:#fff;border:1.5px solid #ef4444;border-radius:50%;width:24px;height:24px;transition:all .2s;box-shadow:0 1px 3px #ef44441a}.pi-remove.highlighted:hover{background:#fef2f2;transform:scale(1.1);box-shadow:0 2px 5px #ef444433}.pi-grid{flex-direction:column;gap:.5rem;padding:0 1.5rem 0 0;display:flex}.pi-sub-grid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.desktop-alignment-label{display:none}@media (width>=1024px){.pi-grid{flex-direction:row;align-items:flex-start;min-width:max-content;padding-bottom:8px;padding-right:4.5rem;gap:1.5rem!important}.desktop-alignment-label{visibility:hidden;display:block}.product-select-group{flex:0 0 320px!important;width:320px!important}.pi-sub-grid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.pi-small-input{flex:none!important}}@media (width<=1023px){.pi-grid{min-width:0;padding-right:0;gap:1rem!important}.pi-sub-grid{grid-template-columns:1fr 1fr}.product-select-group{flex:100%!important;width:100%!important}}@media (width<=600px){.pi-sub-grid{grid-template-columns:1fr}.pi-grid{padding:0}.pi-grid input{width:100%!important}.desktop-alignment-label{display:none}}.co-add-product-btn{color:#64748b;cursor:pointer;background:#fcfcfd;border:2px dashed #e2e8f0;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:1rem;font-weight:700;transition:all .2s;display:flex}.co-add-product-btn:hover{color:#3b82f6;background:#f8fafc;border-color:#3b82f6}.notes-content{flex-direction:column;gap:1rem;display:flex}.note-item{background:#f8fafc;border-left:4px solid #3b82f6;border-radius:4px 12px 12px 4px;padding:1rem}.note-msg-simple{color:#1e293b;margin:0;font-size:.95rem;font-weight:500}.note-author-simple{color:#94a3b8;text-transform:uppercase;margin-top:.5rem;font-size:.75rem;font-weight:700;display:block}.activity-section{flex-direction:column;gap:.5rem;margin-top:1rem;display:flex}.activity-card{background:#fff;border:1px solid #e2e8f0;border-radius:4px;overflow:hidden}.activity-header{cursor:pointer;background:#f8fafc;justify-content:space-between;align-items:center;padding:.85rem 1rem;display:flex}.activity-title-group{align-items:center;gap:.75rem;display:flex}.activity-icon{color:#64748b;align-items:center;display:flex}.activity-label{color:#1e293b;font-size:.95rem;font-weight:700}.activity-actions{color:#64748b;align-items:center;gap:1rem;display:flex}.rotate-180{transition:transform .2s;transform:rotate(180deg)}.activity-body{background:#fff;border-top:1px solid #f1f5f9;padding:1rem}.activity.add-note-form{border-top:1px solid #f1f5f9;flex-direction:column;gap:1rem;padding-top:1.25rem;display:flex}.note-input-row{align-items:flex-start;gap:1rem;display:flex}@media (width<=600px){.note-input-row{flex-direction:column}.note-upload-col{align-self:flex-start}}.add-note-textarea{color:#1e293b;resize:vertical;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;outline:none;flex:1;min-height:80px;padding:.85rem;font-family:inherit;font-size:.9rem;transition:all .2s;box-shadow:inset 0 1px 2px #00000005}.add-note-textarea:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.note-upload-col{align-items:center;display:flex}.attach-btn-circle{color:#64748b;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s;display:flex}.attach-btn-circle:hover{color:#3b82f6;background:#e2e8f0;border-color:#cbd5e1}.hidden-file-input{display:none}.activity-note{gap:1rem;margin-bottom:1.25rem;padding:.5rem 0;display:flex}.note-avatar{color:#64748b;background:#e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:.75rem;font-weight:700;display:flex}.contact-val,.address-val{color:#3b82f6;align-items:center;gap:.5rem;font-size:1.1rem;font-weight:800;display:flex}.address-val{align-items:flex-start;padding-top:2px;font-size:.95rem;line-height:1.4}.note-content-wrapper{flex:1}.note-text{color:#1e293b;margin:0 0 .5rem;font-size:.95rem;font-weight:500;line-height:1.4}.note-meta{color:#94a3b8;flex-wrap:wrap;gap:.75rem;font-size:.7rem;font-weight:600;display:flex}.note-type{color:#64748b;font-weight:800}.add-note-input-wrapper{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;margin-top:.5rem;padding:.5rem .75rem;display:flex}.add-note-input{color:#1e293b;background:0 0;border:none;outline:none;flex:1;padding:.4rem;font-size:.9rem}.add-note-input::placeholder{color:#94a3b8}.add-note-btn{color:#64748b;cursor:pointer;background:0 0;border:none;align-items:center;padding:.25rem;display:flex}.add-note-btn:hover{color:#3b82f6}.placeholder-text{color:#94a3b8;font-size:.9rem;font-style:italic}.co-page-footer{gap:1rem;margin-top:1.5rem;display:flex}.co-btn-primary{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:4px;flex:1;padding:.6rem 1.25rem;font-size:.9rem;font-weight:700;transition:all .2s}.co-btn-primary:hover{background:#2563eb}.co-btn-secondary{color:#475569;cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:4px;padding:.6rem 1.25rem;font-weight:700}@media (width<=1024px){.pi-sub-grid{grid-template-columns:repeat(3,1fr);max-width:100%;gap:1.25rem!important;min-width:0!important}.dummy-cards-grid{grid-template-columns:1fr}.co-container{padding-bottom:2rem}}.catalog-page{background-color:#f8fafc;min-height:100vh}.dt-card{background:#fff;border-radius:32px;margin-bottom:2rem;box-shadow:0 4px 20px #00000008}.catalog-header-main{border-bottom:1px solid #f1f5f9;padding:1.5rem 2rem}.catalog-header-top{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.catalog-title-group{align-items:center;gap:1rem;display:flex}.catalog-back-btn{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:14px;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s;display:flex}.catalog-back-btn:hover{color:#1e293b;background:#e2e8f0}.catalog-title-group h2{color:#0f172a;letter-spacing:-.02em;margin:0;font-size:1.5rem;font-weight:900}.catalog-filters-stack{flex-direction:column;gap:1.25rem;display:flex}.catalog-search-row{width:100%}.catalog-filters-row{grid-template-columns:repeat(4,1fr);align-items:flex-end;gap:1.25rem;display:grid}.catalog-search-container{width:100%;position:relative}.catalog-search-icon{color:#94a3b8;pointer-events:none;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.catalog-search-input{color:#1e293b;background:#f1f5f9;border:1px solid #0000;border-radius:16px;outline:none;width:100%;padding:.875rem 1rem .875rem 2.75rem;font-size:.95rem;font-weight:600;transition:all .3s}.catalog-search-input:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f614}.catalog-filters-row{align-items:flex-end;gap:.75rem;width:100%;flex-flow:wrap!important;display:flex!important}@media (width<=768px){.catalog-filters-row{grid-template-columns:1fr 1fr;gap:.75rem;display:grid!important}}@media (width<=480px){.catalog-filters-row{grid-template-columns:1fr}}.filter-dropdown-v2{flex-direction:column;flex:1;gap:.4rem;min-width:0;display:flex;position:relative}.filter-dropdown-v2 label{color:#64748b;text-transform:uppercase;letter-spacing:.08em;padding-left:2px;font-size:10px;font-weight:850}.searchable-select-container{cursor:pointer;background:#f8fafc;border:2px solid #f1f5f9;border-radius:12px;justify-content:space-between;align-items:center;width:100%;height:48px;padding:.75rem 1rem;transition:all .2s;display:flex}.searchable-select-container:hover{background-color:#f1f5f9;border-color:#e2e8f0}.selected-value{color:#334155;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.9rem;font-weight:700;overflow:hidden}.select-search-input{color:#2563eb;background:0 0;border:none;width:100%;padding:0;font-family:inherit;font-size:.9rem;font-weight:700;box-shadow:none!important;outline:none!important}.select-options-overlay{z-index:1000;background:#fff;border:1px solid #f1f5f9;border-radius:12px;max-height:250px;margin-top:.5rem;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.select-option{color:#64748b;cursor:pointer;padding:.75rem 1rem;font-size:.85rem;font-weight:600;transition:all .2s}.select-option:hover{color:#2563eb;background:#f1f5f9}.select-option.is-selected{color:#2563eb;background:#eff6ff}.no-options{color:#94a3b8;text-align:center;padding:1rem;font-size:.85rem}.dropdown-icon{color:#94a3b8;transition:transform .2s}.is-disabled{opacity:.5;pointer-events:none}@media (width<=1024px){.catalog-filters-row{flex-wrap:wrap;grid-template-columns:repeat(2,1fr);display:grid}}.catalog-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1.25rem;padding:1.25rem;display:grid}@media (width<=640px){.catalog-page{padding:.4rem}.dt-card{border-radius:16px;margin-bottom:.5rem;padding:0}.catalog-header-main{padding:.75rem 1rem}.catalog-grid{grid-template-columns:repeat(2,1fr);gap:.5rem;padding:.5rem}@media (width<=420px){.catalog-grid{grid-template-columns:1fr}.footer-action-btn{justify-content:center;width:100%}}.catalog-filters-row{gap:.5rem}}.catalog-product-card{background:#fff;border:1px solid #f1f5f9;border-radius:20px;flex-direction:column;height:100%;padding:.75rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.catalog-product-card:hover{border-color:#3b82f6;box-shadow:0 12px 24px -8px #00000014}.catalog-product-card.is-added{background:#f0fdf4;border-color:#10b981}.product-media-wrapper{aspect-ratio:1;background:#f8fafc;border-radius:14px;margin-bottom:1rem;position:relative;overflow:hidden}.product-img{object-fit:contain;mix-blend-mode:multiply;width:100%;height:100%;padding:.5rem}.product-added-badge{color:#fff;text-transform:uppercase;letter-spacing:.05em;z-index:2;background:#10b981;border-radius:8px;padding:4px 8px;font-size:9px;font-weight:900;position:absolute;top:8px;right:8px}.card-action-trigger{cursor:pointer;z-index:5;border:none;border-radius:10px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex;position:absolute;bottom:8px;right:8px;box-shadow:0 4px 6px -1px #0000001a}.card-action-trigger.add{color:#fff;background:#2563eb}.card-action-trigger.remove{color:#fff;background:#ef4444}.card-action-trigger:hover{transform:scale(1.1)}.product-info-section{flex-direction:column;flex:1;display:flex}.product-category-label{color:#3b82f6;text-transform:uppercase;margin-bottom:4px;font-size:10px;font-weight:900}.product-name-heading{color:#1e293b;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;height:34px;margin:0 0 4px;font-size:12px;font-weight:700;line-height:1.4;display:-webkit-box;overflow:hidden}.product-sku-code{color:#94a3b8;margin-bottom:auto;font-size:10px;font-weight:600}.product-price-qty-row{justify-content:space-between;align-items:center;gap:8px;margin-top:12px;display:flex}.product-price-display{color:#0f172a;font-size:15px;font-weight:900}.qty-pill-controls{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;align-items:center;padding:2px;display:flex}.qty-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:22px;height:22px;display:flex}.qty-input-field{text-align:center;color:#1e293b;background:0 0;border:none;outline:none;width:28px;padding:0;font-size:12px;font-weight:900}.catalog-floating-footer{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10000;background:#fffc;border-top:1px solid #f1f5f9;padding:1.25rem 1rem;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -10px 30px #0000000d}.footer-inner-wrapper{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;display:flex}.footer-info-block{align-items:center;gap:1rem;display:flex}.count-bubble{color:#fff;background:#2563eb;border-radius:12px;justify-content:center;align-items:center;width:36px;height:36px;font-weight:900;display:flex;box-shadow:0 4px 12px #2563eb4d}.footer-text-meta{flex-direction:column;display:flex}.footer-text-meta .label{color:#94a3b8;text-transform:uppercase;letter-spacing:.1em;font-size:10px;font-weight:900}.footer-text-meta .amount{color:#1e293b;font-size:18px;font-weight:900}.footer-action-btn{color:#fff;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;background:#2563eb;border:none;border-radius:16px;align-items:center;gap:12px;padding:.875rem 2rem;font-size:.875rem;font-weight:800;transition:all .3s;display:flex;box-shadow:0 8px 16px -4px #2563eb4d}.footer-action-btn:hover{background:#1d4ed8;transform:translateY(-2px);box-shadow:0 12px 20px -5px #2563eb66}@media (width<=768px){.catalog-header-top{flex-direction:column;align-items:flex-start;gap:1rem}.catalog-controls-row{flex-direction:column;width:100%}.catalog-search-container,.catalog-filter-select{width:100%}.footer-action-btn{padding:.875rem 1.25rem}}.action-options-pill-v2{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:24px;align-items:center;gap:.4rem;padding:.4rem;display:flex;box-shadow:inset 0 2px 4px #00000008}.option-btn-v2{text-transform:uppercase;letter-spacing:.05em;cursor:pointer;border:none;border-radius:20px;padding:.75rem 1.5rem;font-size:13px;font-weight:900;transition:all .2s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 4px 6px -1px #0000000d}.option-btn-v2.selection{color:#3b82f6;background:#fff}.option-btn-v2.quotation{color:#2563eb;background:#eff6ff}.option-btn-v2.order{color:#fff;background:#2563eb}.option-btn-v2:hover{filter:brightness(.98);transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a}.option-btn-v2:active{transform:translateY(0)}@media (width<=600px){.footer-inner-wrapper{flex-direction:column;align-items:stretch;gap:1.25rem}.action-options-pill-v2{justify-content:space-between;gap:.25rem;width:100%;padding:.3rem}.option-btn-v2{border-radius:16px;flex:1;padding:.8rem .4rem;font-size:10px}}.order-detail-page{animation:.3s ease-out fadeIn}.detail-page-shell{background:#fff;margin:-1rem}@media (width<=768px){.detail-page-shell{margin:-.75rem;padding:.75rem}}.detail-surface{background:#fff;border:1px solid #eee;border-radius:4px;width:100%}@media (width<=768px){.detail-surface{border:none;border-radius:0}}.detail-hero-actions{flex:1;justify-content:flex-end;gap:8px;display:flex}@media (width<=600px){.detail-hero{padding:1rem}.detail-hero-actions{flex-wrap:wrap;justify-content:flex-start;gap:8px;width:100%;padding-left:2px;display:flex}.detail-hero-actions .btn-ui{flex:1;justify-content:center}}.detail-hero-copy h1{color:#000;margin:0;font-size:1.25rem;font-weight:850}.detail-section{background:#fff;border-bottom:1px solid #eee}.detail-section:last-child{border-bottom:none}.detail-info-grid{margin-top:4px}.field-value-box{color:#000;background:#fcfcfc;border:1px solid #eee;border-radius:4px;align-items:center;min-height:32px;padding:8px 12px;font-size:13px;font-weight:600;display:flex}.dt-control-label{color:#999;text-transform:uppercase;letter-spacing:.05em;font-size:10px;font-weight:800}.pro-checkbox{accent-color:#000;cursor:pointer;width:14px;height:14px}.pro-toggle-label{color:#333;font-size:12px;font-weight:700}.detail-empty-state{color:#999;border:1px dashed #eee;border-radius:4px;justify-content:center;align-items:center;gap:8px;padding:2rem;font-size:13px;display:flex}.table-wrapper{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.btn-ui{color:#333;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #ddd;border-radius:4px;align-items:center;gap:6px;height:32px;padding:0 12px;font-size:12px;font-weight:700;transition:all .2s;display:inline-flex}.btn-ui:hover{background:#f9f9f9;border-color:#bbb}.btn-ui.primary:hover{background:#333}.lightbox-overlay{z-index:9999;cursor:zoom-out;background:#000000e6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.lightbox-frame img{object-fit:contain;background:#000;border:1px solid #ffffff1a;max-width:90vw;max-height:90vh}.lightbox-close{color:#fff;cursor:pointer;position:absolute;top:1rem;right:1rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.detail-footer-actions{background:#fcfcfc;border-top:1px solid #eee;flex-wrap:wrap;gap:8px;padding:14px;display:flex}@media (width<=600px){.detail-footer-actions{flex-direction:column}.detail-footer-actions>button,.detail-footer-actions>div{width:100%!important}}.section-toggle-icon{color:#999;transition:transform .3s}.rotate-180{transform:rotate(180deg)}.activity-notes-stack{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px;max-height:300px;padding:0 14px 14px;display:grid;overflow-y:auto}@media (width<=600px){.activity-notes-stack{grid-template-columns:1fr;padding:0 10px 10px}}.activity-note-card{background:#fdfdfd!important;border:1px solid #eee!important;border-radius:4px!important;padding:10px!important}.activity-note-type-label{color:#000;text-transform:uppercase;border-bottom:1px solid #f5f5f5;align-items:center;gap:6px;margin-bottom:6px;padding-bottom:4px;font-size:10px;font-weight:800;display:flex}.activity-note-text-box{margin-bottom:6px}.activity-note-text-box p{color:#333;margin:0;font-size:12px;line-height:1.4}.activity-note-media-grid{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.activity-media-item{cursor:pointer;border:1px solid #eee;border-radius:4px;width:50px;height:50px;overflow:hidden}.activity-media-item img{object-fit:contain;width:100%;height:100%}.detail-hero{border-bottom:1px solid #eee;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem;display:flex;position:relative}.oe_button_box.center-box{z-index:10;background:0 0;border:none;justify-content:center;padding:0;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (width<=1024px){.oe_button_box.center-box{flex:1;order:3;min-width:100%;margin-top:10px;position:static;transform:none}}.smart-button{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;min-width:110px;height:44px;padding:0 16px;transition:all .2s;display:flex;box-shadow:0 1px 2px #0000000d}.smart-button:first-child{border-left:1px solid #eee}.smart-button:hover{background:#f8fafc}.smart-button-inner{align-items:center;gap:10px;display:flex}.smart-label-group{flex-direction:column;align-items:flex-start;line-height:1.1;display:flex}.smart-count{color:#0d0d0d;font-size:15px;font-weight:800}.smart-label{text-transform:uppercase;letter-spacing:.05em;color:#64748b;font-size:10px;font-weight:700}.smart-icon{color:#64748b}.mobile-modal-container{background:#fff;max-width:95%;margin:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}@media (width<=600px){.mobile-modal-container{animation:.3s ease-out slideUp;position:fixed;bottom:0;left:0;right:0;border-radius:16px 16px 0 0!important;width:100%!important;max-width:100%!important}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.congested-table th,.congested-table td{border:1px solid #cbd5e1!important;padding:4px 6px!important;font-size:11px!important}.congested-table thead tr{background-color:#f8fafc!important}.congested-table tbody tr:hover{background-color:#f1f5f9!important}.product-detail-layout{flex-direction:column;gap:24px;padding:1.5rem;display:flex}@media (width>=1024px){.product-detail-layout{flex-direction:row;align-items:flex-start;gap:32px}.product-visual-panel{flex:0 0 40%;max-width:40%;position:sticky;top:24px}.product-content-panel{flex:1;min-width:0}}.product-image-shell{background:#fff;border:1px solid #e5e7eb;border-radius:12px;justify-content:center;align-items:center;min-height:350px;padding:2rem;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 4px #00000008}.product-image{object-fit:contain;max-width:100%;max-height:350px}.detail-section-header{border-bottom:1px inset #f1f5f9;margin-bottom:1.25rem;padding-bottom:.75rem}.detail-section-kicker{text-transform:uppercase;letter-spacing:1px;color:#6366f1;margin-bottom:4px;font-size:11px;font-weight:700;display:block}.detail-section-header h2{color:#1e293b;margin:0;font-size:1.1rem;font-weight:700}.product-summary-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:2rem;display:grid}.summary-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:12px;padding:16px;display:flex}.summary-icon{color:#6366f1;background:#fff;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;display:flex;box-shadow:0 1px 2px #0000000d}.summary-card div{flex-direction:column;display:flex}.summary-label{text-transform:uppercase;color:#64748b;margin-bottom:2px;font-size:11px;font-weight:600}.summary-card strong{color:#0f172a;font-size:14px;font-weight:700}.product-description-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;align-items:flex-start;gap:16px;margin-bottom:2rem;padding:1.5rem;display:flex}.product-description-box svg{color:#94a3b8;flex-shrink:0;margin-top:2px}.product-description-box p{color:#334155;margin:0;font-size:14px;line-height:1.6}.detail-footer-actions{border-top:1px solid #e2e8f0;justify-content:flex-start;margin-top:2rem;padding-top:1.5rem;display:flex}.detail-action-btn{cursor:pointer;color:#334155;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:10px 24px;font-size:14px;font-weight:600;transition:all .2s}.detail-action-btn:hover{background:#f1f5f9}.detail-action-btn.primary{color:#fff;background:#4f46e5;border-color:#4f46e5}.detail-action-btn.primary:hover{background:#4338ca;border-color:#4338ca}.detail-back-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:8px 16px 8px 12px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 1px 2px #0000000d}.detail-back-btn:hover{color:#0f172a;background:#f8fafc;border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 2px 4px #0000000d}.detail-back-btn span{position:relative;top:1px}.specs-section{margin-top:2rem}.specs-table-grid{background:#fff;border:1px solid #e2e8f0;border-radius:12px;grid-template-columns:repeat(2,1fr);gap:12px 32px;padding:1.5rem;display:grid}@media (width<=640px){.specs-table-grid{grid-template-columns:1fr;gap:10px}}.spec-item-row{border-bottom:1px dashed #f1f5f9;justify-content:space-between;align-items:center;padding:8px 0;display:flex}.spec-item-row:last-child{border-bottom:none}.spec-item-label{color:#64748b;font-size:13px;font-weight:600}.spec-item-value{color:#0f172a;text-align:right;font-size:13px;font-weight:700}.form-page{min-height:calc(100vh - var(--header-height));background:#eef2f6;padding:1.5rem;overflow-x:hidden}.form-card{background:#fff;border:1px solid #eef2f6;border-radius:14px;padding:1.5rem 1.75rem;box-shadow:0 6px 18px #0f172a0f}.form-header{border-bottom:1px solid #eef2f6;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.25rem;padding-bottom:1rem;display:flex}.form-header h2{color:#0f172a;margin:0;font-size:1.2rem;font-weight:800}.form-subtitle{color:#64748b;margin-top:.35rem;font-size:.9rem}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem 1.5rem;display:grid}.form-group{flex-direction:column;gap:.4rem;min-width:0;display:flex}.form-group label{color:#334155;font-size:.9rem;font-weight:800}.form-control{background:#fff;border:1px solid #d7dee8;border-radius:12px;width:100%;padding:.75rem .9rem;font-size:.95rem}.form-control:focus{border-color:#3498db;outline:none;box-shadow:0 0 0 4px #3498db1f}.form-footer{border-top:1px solid #eef2f6;justify-content:flex-start;gap:.75rem;margin-top:1.25rem;padding-top:1.25rem;display:flex}@media (width<=768px){.form-page,.form-card{padding:1rem}.form-header{flex-direction:column;align-items:stretch}.form-grid{grid-template-columns:1fr}.form-footer{flex-direction:column}.form-footer .btn-ui{width:100%}}.form-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;background:#0f172a99;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.form-modal-content{background:#fff;border-radius:24px;width:100%;max-width:440px;animation:.3s cubic-bezier(.34,1.56,.64,1) modalPop;box-shadow:0 25px 50px -12px #00000040}@keyframes modalPop{0%{opacity:0;transform:scale(.9)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.form-selection-layout{margin-bottom:2rem}.selection-group{scrollbar-width:thin;gap:1.5rem;padding:0 1rem .5rem;display:flex;overflow-x:auto}@media (width<=768px){.selection-group{flex-direction:column;overflow-x:visible}.selection-item{flex:1 0 auto!important;width:100%!important}}.selection-group::-webkit-scrollbar{height:4px}.selection-group::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.selection-item-header{justify-content:space-between;align-items:flex-end;height:32px;margin-bottom:1rem;padding:0 4px;display:flex}.selection-item label{color:#334155;text-transform:capitalize;margin-left:.25rem;font-size:.9rem;font-weight:800}.selection-card-box{background:#fff;border:none;border-radius:14px;flex-direction:column;justify-content:space-between;min-height:90px;padding:1rem 1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 15px #0000000f}.selection-card-box:hover{transform:translateY(-3px);box-shadow:0 12px 25px #00000014}.selection-card-box:focus-within{box-shadow:0 0 0 2px #3b82f6,0 12px 25px #00000014}.selection-card-content{flex-direction:column;flex:1;justify-content:center;min-width:0;display:flex}.selection-card-top{margin-bottom:.25rem}.selection-divider{background:#f1f5f9;width:100%;height:1px;margin:.25rem 0}.selection-card-bottom{color:#64748b;align-items:center;gap:.6rem;padding-top:.5rem;font-size:.9rem;display:flex}.selection-add-new{color:#64748b;cursor:pointer;background:0 0;border:none;align-items:center;gap:.4rem;width:fit-content;padding:.75rem .25rem;font-size:.85rem;font-weight:700;transition:all .2s;display:flex}.selection-add-new:hover{color:#10b981;transform:translate(2px)}.od-header{color:#334155;border-bottom:1px solid #f8fafc;align-items:center;gap:.75rem;margin-bottom:1rem;padding-bottom:1rem;display:flex}.od-header h3{margin:0;font-size:1.1rem;font-weight:800}.od-content{flex-direction:column;gap:.75rem;display:flex}.od-row{justify-content:space-between;align-items:center;padding:.25rem 0;display:flex}.od-label{color:#94a3b8;font-size:.9rem;font-weight:600}.od-value,.od-input{color:#0f172a;text-align:right;min-width:0;font-size:.95rem;font-weight:700}.od-input{background:0 0;border:none;width:150px;padding:0;transition:all .2s}.od-input:focus{color:#3b82f6;outline:none;text-decoration:underline}.od-input::placeholder{color:#cbd5e1}.selection-item{flex-direction:column;flex:22%;gap:.5rem;min-width:200px;display:flex}.clean-input{color:#1e293b;background:0 0;border:none;width:100%;padding:0;font-size:1rem;font-weight:600}.clean-input:focus{outline:none}.clean-input.phone-input{color:#64748b;font-size:.95rem;font-weight:500}.clean-input::placeholder{color:#94a3b8;font-weight:400}.clean-select .ss-container{box-shadow:none!important;min-height:unset!important;background:0 0!important;border:none!important;padding:0!important}.clean-select .ss-control{height:24px!important;box-shadow:none!important;min-height:unset!important;background:0 0!important;border:none!important;padding:0!important}.clean-select .ss-value{width:100%;color:#1e293b!important;text-align:left!important;padding:0!important;font-size:1rem!important;font-weight:600!important}.clean-select .ss-placeholder{color:#94a3b8!important;text-align:left!important;font-size:1rem!important;font-weight:400!important}.clean-select .ss-arrow{display:none!important}.clean-select .ss-chevron{right:0!important}.selection-card-box .clean-select .ss-value{text-align:left!important}.selection-card-box .clean-select .ss-control{text-align:left!important;justify-content:flex-start!important}.bottom-cards-layout{align-items:flex-start;gap:1.5rem;margin-top:1.5rem;display:flex}@media (width<=1024px){.bottom-cards-layout{flex-direction:column;gap:0}.address-details-card,.other-details-card{max-width:100%!important}}.address-details-card,.other-details-card{background:#fff;border:none;border-radius:20px;flex:1;max-width:none;padding:1.75rem;box-shadow:0 4px 25px #0000000f}.address-form-content{flex-direction:column;display:flex}.address-form-content input{color:#334155;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;font-weight:500;transition:all .2s;padding:.75rem 1rem!important}.address-form-content input:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.address-grid-3{gap:.75rem;width:100%;display:flex!important}.address-grid-3 input{flex:1}@media (width<=600px){.address-grid-3{flex-direction:column}.address-flex-row{flex-direction:row!important}}.address-details-card .od-header h3{align-items:center;gap:4px;display:flex}.address-form-content input::placeholder{color:#94a3b8;font-weight:300}.co-container{background:#f1f5f9;flex-direction:column;gap:20px;min-height:calc(100vh - 64px);padding:20px;display:flex;overflow-y:auto}.co-header{background:#fff;border-radius:12px;justify-content:space-between;align-items:center;padding:16px 24px;display:flex;box-shadow:0 1px 3px #0000001a}.co-back-btn{cursor:pointer;color:#64748b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:8px;transition:all .2s}.co-back-btn:hover{color:#0f172a;background:#f1f5f9}.co-header-title h1{color:#0f172a;margin:0;font-size:1.25rem;font-weight:800}.co-header-title p{color:#64748b;margin:0;font-size:.85rem}.co-save-btn{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:8px;padding:10px 24px;font-size:.95rem;font-weight:700;transition:all .2s}.co-save-btn:hover{background:#2563eb;transform:translateY(-1px)}.co-save-btn.disabled{cursor:not-allowed;background:#94a3b8;transform:none}.co-form-grid{grid-template-columns:1.4fr 1fr;align-items:start;gap:20px;display:grid}.co-form-main,.co-form-side{flex-direction:column;gap:20px;display:flex}.co-form-section{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000000d}.co-section-header{color:#2563eb;border-bottom:1px solid #f1f5f9;align-items:center;gap:10px;margin-bottom:20px;padding-bottom:12px;display:flex}.co-section-header h2{color:#334155;text-transform:uppercase;letter-spacing:.5px;margin:0;font-size:1rem;font-weight:800}.co-input-stack{flex-direction:column;gap:16px;display:flex}.co-input-group{flex-direction:column;gap:6px;display:flex}.co-input-group label{color:#64748b;font-size:.85rem;font-weight:700}.co-input-v2,.co-select-v2,.co-textarea-v2{color:#1e293b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;width:100%;padding:10px 12px;font-size:.95rem;font-weight:500;transition:all .2s}.co-input-v2:focus,.co-select-v2:focus,.co-textarea-v2:focus{background:#fff;border-color:#3b82f6;outline:none;box-shadow:0 0 0 4px #3b82f614}.co-input-icon-wrapper{align-items:center;display:flex;position:relative}.co-input-icon-wrapper svg{color:#94a3b8;position:absolute;left:12px}.co-input-v2.with-icon{padding-left:36px}.co-grid-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.co-textarea-v2{resize:vertical;min-height:100px}@media (width<=900px){.co-form-grid{grid-template-columns:1fr}}@media (width<=600px){.co-grid-2{grid-template-columns:1fr}.co-header{flex-direction:column;align-items:flex-start;gap:12px}.co-save-btn{width:100%}}.product-form-container{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem 2rem;margin-bottom:1.5rem;display:grid}@media (width<=768px){.product-form-container{grid-template-columns:1fr;gap:1rem}}.form-column{flex-direction:column;gap:1.25rem;display:flex}.field-label-with-hint{align-items:center;gap:4px;display:flex}.tooltip-indicator{cursor:pointer;justify-content:center;align-items:center;display:inline-flex}.multi-select-group{position:relative}.multi-select-input-container{cursor:pointer;box-sizing:border-box;background:#fff;border:1px solid #d7dee8;border-radius:12px;justify-content:space-between;align-items:center;width:100%;min-height:42px;padding:.5rem .9rem;display:flex}.multi-select-input-container:focus-within{border-color:#3498db;box-shadow:0 0 0 4px #3498db1f}.multi-select-tags-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.multi-select-tag{color:#334155;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:9999px;align-items:center;gap:4px;padding:2px 8px;font-size:.8rem;font-weight:700;display:inline-flex}.multi-select-group:nth-child(2n) .multi-select-tag{color:#991b1b;background:#fef2f2;border-color:#fca5a5}.remove-tag-btn{color:inherit;cursor:pointer;background:0 0;border:none;align-items:center;padding:0 2px;font-size:.95rem;line-height:1;display:inline-flex}.remove-tag-btn:hover{opacity:.7}.placeholder-text{color:#94a3b8;font-size:.9rem;font-weight:400}.dropdown-arrow-icon{color:#94a3b8;margin-left:8px;font-size:.75rem}.multi-select-dropdown-list{z-index:100;background:#fff;border:1px solid #cbd5e1;border-radius:12px;max-height:200px;margin-top:4px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 10px 15px -3px #0000001a}.multi-select-item{cursor:pointer;align-items:center;gap:8px;padding:8px 12px;font-size:.9rem;transition:background .2s;display:flex}.multi-select-item:hover{background:#f1f5f9}.multi-select-item.is-checked{color:#1d4ed8;background:#eff6ff;font-weight:700}.checkbox-control{cursor:pointer;width:14px;height:14px}.radio-group-horizontal{flex-wrap:wrap;gap:1.5rem;padding:6px 0;display:flex}.radio-label-item{cursor:pointer;align-items:center;gap:6px;display:flex}.radio-control{cursor:pointer;width:16px;height:16px}.radio-text-label{color:#475569;font-size:.95rem;font-weight:600}.checkbox-row-group{align-items:center;padding:6px 0;flex-direction:row!important}.checkbox-custom-label{cursor:pointer;align-items:center;gap:8px;display:flex}.checkbox-custom-label input[type=checkbox]{cursor:pointer;accent-color:#10b981;width:18px;height:18px}.checkbox-text-content{color:#334155;font-size:.95rem;font-weight:700}.crm-detail-page{background:#f8fafc;min-height:calc(100vh - 64px);padding:1.5rem}.cd-header{background:#fff;border-radius:16px;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1.25rem 2rem;display:flex;box-shadow:0 4px 12px #00000008}.cd-header-left{align-items:center;gap:1.5rem;display:flex}.cd-back-btn{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:12px;padding:10px;transition:all .2s}.cd-back-btn:hover{color:#0f172a;background:#e2e8f0}.cd-title-block h1{color:#0f172a;letter-spacing:-.02em;margin:0;font-size:1.5rem;font-weight:850}.cd-badge-row{gap:8px;margin-top:6px;display:flex}.cd-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:20px;padding:3px 10px;font-size:11px;font-weight:800}.cd-badge.blue{color:#3b82f6;background:#eff6ff}.cd-badge.green{color:#16a34a;background:#f0fdf4}.cd-badge.orange{color:#f97316;background:#fff7ed}.cd-header-right{gap:12px;display:flex}.cd-grid{grid-template-columns:1.6fr 1fr;gap:2rem;display:grid}.cd-section{background:#fff;border:1px solid #f1f5f9;border-radius:20px;margin-bottom:2rem;padding:1.75rem;box-shadow:0 4px 15px #00000005}.cd-section-header{color:#3b82f6;border-bottom:1px solid #f1f5f9;align-items:center;gap:10px;margin-bottom:1.5rem;padding-bottom:12px;display:flex}.cd-section-header h2{color:#334155;text-transform:uppercase;letter-spacing:.05em;margin:0;font-size:.95rem;font-weight:800}.info-grid{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.info-item label{color:#94a3b8;text-transform:uppercase;margin-bottom:6px;font-size:.8rem;font-weight:700;display:block}.info-value{color:#1e293b;align-items:center;gap:10px;font-size:1rem;font-weight:700;display:flex}.info-value svg{color:#cbd5e1}.info-item.full{grid-column:1/-1}.relation-card{background:#f8fafc;border:1px solid #f1f5f9;border-radius:12px;margin-bottom:12px;padding:12px 16px}.relation-card label{color:#94a3b8;text-transform:uppercase;margin-bottom:4px;font-size:10px;font-weight:800;display:block}.relation-name{color:#0f172a;font-size:.95rem;font-weight:700}.notes-box-v2{color:#92400e;background:#fffbeb;border:1px solid #fef3c7;border-radius:12px;padding:1rem;font-size:.95rem;font-style:italic;line-height:1.6}.notes-box-v2 p{margin:0 0 4px}.notes-box-v2 p:last-child{margin-bottom:0}@media (width<=1024px){.cd-grid{grid-template-columns:1fr}}@media (width<=600px){.cd-header{flex-direction:column;align-items:flex-start;gap:1.5rem}.info-grid{grid-template-columns:1fr}}.kanban-page{background-color:#f8fafc;min-height:100vh;padding:1rem}.kanban-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:0 .5rem;display:flex}.kanban-header-left{align-items:center;gap:.75rem;display:flex}.kanban-header-left h2{color:#334155;margin:0;font-size:1.5rem;font-weight:700}.kanban-count{color:#64748b;background-color:#e2e8f0;border-radius:999px;padding:2px 8px;font-size:.75rem;font-weight:800}.kanban-header-right{align-items:center;gap:1rem;display:flex}.search-container{width:260px;position:relative}.search-container svg{color:#94a3b8;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.kanban-search-input{background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;outline:none;width:100%;padding:.55rem .75rem .55rem 2.25rem;font-size:.875rem;transition:all .2s}.kanban-search-input:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.btn-new{color:#fff;background-color:#3498db;border-radius:6px;align-items:center;gap:.5rem;padding:.55rem 1rem;font-size:.85rem;font-weight:700;transition:all .2s;display:flex;box-shadow:0 2px 4px #3498db26}.btn-new:hover{background-color:#2980b9;transform:translateY(-1px)}.kanban-container{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.75rem;display:grid}.kanban-card{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;height:96px;transition:all .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 2px #00000008}.kanban-card:hover{z-index:5;border-color:#3498db;box-shadow:0 4px 12px #0f172a14}.kanban-avatar-side{color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:75px;height:100%;font-size:1.75rem;font-weight:500;display:flex;position:relative}.kanban-avatar-side .type-overlay{color:#fff;pointer-events:none;background:#fff3;border-radius:2px;padding:1px 4px;font-size:10px;font-weight:800;position:absolute;bottom:4px;right:4px}.kanban-content-side{flex-direction:column;flex:1;justify-content:center;min-width:0;padding:.5rem .75rem;display:flex;position:relative}.kanban-card-title{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;text-transform:capitalize;margin:0 0 .25rem;padding-right:1.5rem;font-size:.9rem;font-weight:700;overflow:hidden}.kanban-row{color:#64748b;align-items:center;gap:.4rem;min-width:0;margin-bottom:.15rem;font-size:.78rem;display:flex}.kanban-row svg{opacity:.7;flex-shrink:0}.kanban-row span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.kanban-footer{opacity:.4;align-items:center;gap:.5rem;transition:opacity .2s;display:flex;position:absolute;bottom:8px;right:8px}.kanban-card:hover .kanban-footer{opacity:1}.kanban-actions{visibility:hidden;opacity:0;gap:.25rem;transition:all .2s;display:flex;position:absolute;top:8px;right:8px}.kanban-card:hover .kanban-actions{visibility:visible;opacity:1}.action-dot-btn{color:#64748b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:4px;padding:4px}.action-dot-btn:hover{color:#3498db;background:#eff6ff;border-color:#3498db}.canban-pagination-footer{background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:space-between;align-items:center;margin-top:2rem;padding:1rem;display:flex;box-shadow:0 2px 4px #0f172a0a}.canban-pagination-info{color:#64748b;font-size:.875rem;font-weight:500}.canban-pagination-btns{align-items:center;gap:2px;display:flex}.canban-page-btn{color:#475569;background:#fff;border:1px solid #e2e8f0;padding:6px 12px;font-size:.81rem;font-weight:600;transition:all .2s}.canban-page-btn:first-child{border-radius:6px 0 0 6px}.canban-page-btn:last-child{border-radius:0 6px 6px 0}.canban-page-btn:hover:not(:disabled){color:#3498db;z-index:2;background:#f1f5f9;border-color:#3498db}.canban-page-btn.active{color:#fff;z-index:3;background:#3498db;border-color:#3498db}.canban-page-btn:disabled{opacity:.5;cursor:not-allowed}@media (width<=640px){.kanban-header{flex-direction:column;align-items:stretch;gap:1rem}.search-container{width:100%}.kanban-container{grid-template-columns:1fr}}.dt-page{background:#fff;padding:0}.dt-card{box-shadow:none;background:#fff;border-radius:0;width:100%}.dt-toolbar-row{background:#fff;border-bottom:1px solid #eee;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:10px 14px;display:flex}.dt-toolbar-left,.dt-toolbar-right{align-items:center;gap:8px;display:flex}.dt-flex{align-items:center;gap:4px;display:flex}.dt-control-label{color:#999;font-size:13px;font-weight:400}.entries-select{background:#fff;border:1px solid #ddd;border-radius:2px;height:26px;padding:0 6px;font-size:13px}.search-input{border:1px solid #ddd;border-radius:4px;width:120px;height:26px;padding:0 10px;font-size:13px}.dt-date-range{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.dt-date-input-wrap{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:4px;padding:4px 8px;display:flex}.dt-date-input{color:#475569;background:0 0;border:none;outline:none;font-size:12px}.dt-date-sep{color:#94a3b8;font-size:11px;font-weight:600}.btn-ui{color:#333;text-transform:none;background:#f5f5f5;border:1px solid #ddd;border-radius:2px;height:30px;padding:0 10px;font-size:13px;font-weight:700;box-shadow:none!important}.btn-ui:hover{background:#ebebeb}.btn-ui.primary{color:#fff;background:#333;border-color:#000}.table-wrapper{-webkit-overflow-scrolling:touch;border:1px solid #eee;width:100%;overflow-x:auto!important}.products-datatable thead{background:#f8f8f8}.products-datatable thead tr th{color:#000;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;background:#f8f8f8;border-bottom:2px solid #ddd;padding:10px 14px;font-size:12px;font-weight:700}.products-datatable th,.products-datatable td{text-align:left;color:#444;white-space:nowrap;border-bottom:1px solid #eee;border-right:1px solid #eee;padding:5px;font-size:13px}.products-datatable td{text-overflow:ellipsis;overflow:hidden}.products-datatable td:last-child{overflow:visible!important}.products-datatable td.cell-light{color:#000;font-weight:400}.products-datatable td.cell-highlight{color:#000;font-weight:500}.note-truncate{text-overflow:ellipsis;white-space:nowrap;max-width:250px;overflow:hidden}.products-datatable th:first-child,.products-datatable td:first-child{text-align:center;width:50px}.products-datatable th:nth-child(2),.products-datatable td:nth-child(2){color:#64748b;font-size:11px}.products-datatable th:nth-child(3),.products-datatable td:nth-child(3){color:#64748b;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.products-datatable th{color:#000;text-transform:uppercase;letter-spacing:.05em;background:#f8f8f8;border-top:1px solid #eee;font-size:10px;font-weight:700}.orders-table td strong{color:#000;font-weight:700}.orders-table tr:hover td{background:#fafafa}.cell-bold{color:#000;font-weight:700}.cell-light{color:#888;font-size:10px;font-weight:400}.cell-italic{color:#777;font-size:10px;font-style:italic}.action-cell{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.action-trigger{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.action-trigger:hover{background:#f8fafc;border-color:#cbd5e1}.action-dropdown-popover{z-index:100;background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;gap:2px;min-width:180px;max-height:280px;padding:4px;display:flex;position:absolute;top:100%;right:0;overflow-y:auto;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.products-datatable td:last-child{position:relative;width:90px!important;padding:2px!important;overflow:visible!important}.table-wrapper{border:1px solid #eee;width:100%;overflow-x:auto;overflow-y:visible!important}.products-datatable{border-collapse:collapse;table-layout:fixed;width:100%;min-width:1000px}.action-dropdown-popover.open-up{margin-bottom:4px;top:auto;bottom:100%}.btn-action-soft{color:#333;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:2px;align-items:center;gap:8px;width:100%;padding:6px 12px;font-size:11px;display:flex}.btn-action-soft:hover{background:#f5f5f5}.customer-main{color:#000;font-weight:500}.pro-line{color:#000;margin-top:2px;font-size:14px}.pro-line strong{color:#000;font-weight:700}.status-pill{text-transform:none;padding:0;color:inherit!important;font-weight:inherit!important;font-size:inherit!important;background:0 0!important}.datatable-footer{background:#fcfcfc;border-top:1px solid #eee;justify-content:flex-end;align-items:center;padding:12px 0;display:flex}.entries-info{color:#666;font-size:13px;font-weight:500}.pagination{border:1px solid #ddd;border-radius:4px;display:flex;overflow:hidden}.page-btn{color:#333;cursor:pointer;background:#fff;border-right:1px solid #ddd;padding:6px 12px;font-size:13px;font-weight:600}.page-btn:last-child{border-right:none}.page-btn.active{color:#fff;background:#333;border-color:#000}.btn-group-wrap{align-items:center;gap:4px;display:flex}.pro-toggle-wrap{cursor:pointer;align-items:center;gap:6px;display:flex}.pro-toggle-wrap .pro-checkbox{cursor:pointer;accent-color:#333;flex-shrink:0;width:14px;height:14px}.pro-toggle-label{color:#333;cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;font-size:11px;font-weight:500}@media (width<=1024px){.dt-toolbar-row{flex-direction:column;align-items:stretch;gap:12px;height:auto;padding:10px}.dt-toolbar-left{flex-wrap:wrap;justify-content:space-between;gap:8px;width:100%;display:flex}.dt-search-box{flex:1;min-width:150px}.search-input{border-radius:8px;height:36px;font-size:14px;width:100%!important}.dt-toolbar-left>div:last-child{width:100%;margin-top:4px}.dt-toolbar-right{flex-wrap:wrap;justify-content:flex-start;gap:8px;width:100%;display:flex}.btn-ui{border-radius:8px;height:36px;padding:0 14px;font-size:12px}}@media (width<=600px){.dt-toolbar-left{flex-direction:column}.dt-search-box,.dt-flex{width:100%}}.dt-control-label{font-size:10px}.table-wrapper{width:100%;overflow:auto visible!important}.products-datatable thead,.products-datatable thead tr,.products-datatable thead tr th{display:table-cell;visibility:visible!important;opacity:1!important}.products-datatable thead tr{display:table-row}.products-datatable thead{display:table-header-group}.co-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;background-color:#0f172a80;width:100vw;height:100vh;padding:16px;position:fixed;top:0;left:0;justify-content:center!important;align-items:center!important;display:flex!important}.co-modal-content{border:1px solid #e2e8f0;flex-direction:column;animation:.3s cubic-bezier(.34,1.56,.64,1) modalPop;display:flex;overflow:hidden;background:#fff!important;border-radius:20px!important;box-shadow:0 25px 50px -12px #00000040!important}.co-modal-header{background:#fff;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.co-modal-body{padding:20px 24px}.co-btn-close{cursor:pointer;color:#64748b;background:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.co-btn-close:hover{color:#0f172a;background:#e2e8f0}.animate-fade-in{animation:.2s ease-out fadeIn}.co-modal-content .co-input{background:#f8fafc;border:1px solid #e2e8f0;transition:all .2s}.co-modal-content .co-input:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.co-btn-primary{border-radius:10px;font-weight:700;transition:all .2s;color:#fff!important}.co-btn-primary:hover{filter:brightness(1.1);transform:translateY(-1px)}.co-btn-secondary{color:#475569;cursor:pointer;background:#f1f5f9;border:none;border-radius:10px;font-weight:600;transition:all .2s}.co-btn-secondary:hover{background:#e2e8f0}.crm-page{padding:0}.priority-stars{letter-spacing:1px;color:#f59e0b;margin-top:2px;font-size:10px}.crm-table{table-layout:auto;width:100%;min-width:900px}.crm-date-input{width:110px;height:24px;padding:0 4px;font-size:10px}.crm-stage-badge{text-transform:uppercase;white-space:nowrap;border-radius:10px;padding:2px 8px;font-size:10px;font-weight:700;display:inline-block}.stage-new{color:#0369a1;background:#e0f2fe}.stage-qualified{color:#a16207;background:#fef9c3}.stage-won{color:#15803d;background:#dcfce7}.stage-lost{color:#b91c1c;background:#fee2e2}.stage-default{color:#475569;background:#f1f5f9}.note-truncate{text-overflow:ellipsis;white-space:normal;color:#333;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;max-width:100%;font-size:13px;display:-webkit-box;overflow:hidden}.customer-main{color:#000;font-size:12px;font-weight:600}@media (width<=600px){.dt-toolbar-row{flex-direction:column;align-items:stretch;gap:8px;padding:8px}.dt-toolbar-left,.dt-toolbar-right{flex-wrap:wrap;gap:6px;width:100%}.dt-search-box{order:-1;width:100%}.search-input{height:32px;width:100%!important}.crm-date-input{flex:1;min-width:80px;height:30px}.entries-select{height:30px}.crm-table{min-width:750px}.datatable-footer{flex-direction:column;align-items:center;gap:10px;padding:12px}}.remarks-history-section{padding:0!important}.section-tabs-header{background:#f8fafc;border-bottom:1px solid #eee;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.section-title{color:#1e293b;text-transform:uppercase;letter-spacing:.02em;margin:0;font-size:13px;font-weight:850}.section-header-actions{gap:8px;display:flex}.btn-ui.compact{height:26px;padding:0 8px;font-size:11px}.timeline-container{min-height:300px;display:flex}.timeline-lane{border-right:1px solid #f1f5f9;flex:1;padding:10px 12px}.timeline-lane:last-child{border-right:none}.timeline-lane-title{color:#64748b;text-transform:uppercase;margin:0 0 12px;font-size:11px;font-weight:800}.activity-stack,.history-stack{flex-direction:column;gap:8px;display:flex}.timeline-item{background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:10px;transition:transform .2s,box-shadow .2s}.timeline-item:hover{border-color:#cbd5e1;box-shadow:0 2px 4px #0000000d}.activity-item{border-left:3px solid #3b82f6}.history-item{background:#fcfcfc;border-left:3px solid #64748b}.timeline-item-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.timeline-item-type{color:#3b82f6;align-items:center;gap:6px;font-size:11px;font-weight:800;display:flex}.timeline-item-date{color:#94a3b8;font-size:10px;font-weight:700}.timeline-item-content{margin-bottom:6px}.timeline-item-summary{color:#1e293b;margin-bottom:4px;font-size:13px;font-weight:700}.timeline-item-note{color:#475569;font-size:12px;line-height:1.4}.timeline-item-footer{justify-content:flex-end;display:flex}.timeline-item-user,.timeline-item-author{color:#64748b;font-size:10px;font-weight:800}.timeline-item-author{color:#334155;font-weight:800}.empty-state-small{text-align:center;color:#94a3b8;background:#f8fafc;border:1px dashed #e2e8f0;border-radius:6px;padding:12px;font-size:11px;font-style:italic}@media (width<=768px){.timeline-container{flex-direction:column}.timeline-lane{border-bottom:1px solid #eee;border-right:none}.timeline-lane:last-child{border-bottom:none}}.delivery-detail-page{background-color:#f8fafc;min-height:100vh;animation:.4s ease-out pageFadeIn}@keyframes pageFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.delivery-navbar{z-index:100;background:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:.75rem 1.5rem;display:flex;position:sticky;top:0;box-shadow:0 1px 2px #00000008}.delivery-nav-left{align-items:center;gap:1rem;display:flex}.breadcrumb-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.1em;align-items:center;gap:.5rem;margin-bottom:-2px;font-size:10px;font-weight:800;display:flex}.delivery-title{color:#0f172a;font-size:1.25rem;font-weight:900}.delivery-status-bar{background:#fff;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:4px;display:flex;box-shadow:0 1px 2px #0000000d}.status-steps-container{align-items:center;display:flex}.status-step{text-transform:uppercase;color:#94a3b8;letter-spacing:.05em;padding:.5rem 1.5rem;font-size:10px;font-weight:800;position:relative}.status-step.active{color:#fff;background:#0f172a;margin:0 10px;padding:.5rem 2rem;transform:skew(-15deg)}.status-step.active span{display:inline-block;transform:skew(15deg)}.delivery-info-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.delivery-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:1.5rem;box-shadow:0 1px 3px #0000000a}.card-header{border-bottom:1px solid #f1f5f9;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding-bottom:.75rem;display:flex}.card-header h2{text-transform:uppercase;letter-spacing:.05em;color:#334155;font-size:11px;font-weight:900}.info-field{margin-bottom:1.25rem}.info-field:last-child{margin-bottom:0}.field-label{color:#94a3b8;text-transform:uppercase;margin-bottom:.25rem;font-size:9px;font-weight:800;display:block}.field-value{color:#1e293b;font-size:.95rem;font-weight:700}.field-value.link{color:#2563eb;cursor:pointer}.field-value.link:hover{text-decoration:underline}.carrier-badge{background:#eff6ff;border:1px solid #dbeafe;border-radius:12px;align-items:center;gap:1rem;padding:1rem;display:flex}.carrier-icon-box{color:#2563eb;background:#fff;border-radius:8px;padding:.5rem;box-shadow:0 2px 4px #0000000d}.delivery-tabs-container{background:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;box-shadow:0 1px 3px #0000000a}.po-section-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:1.25rem 1.5rem}.po-section-title{color:#1e293b;text-transform:uppercase;letter-spacing:.05em;margin:0;font-size:1.05rem;font-weight:900}.tabs-nav{background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex}.tab-btn{text-transform:uppercase;letter-spacing:.1em;color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:1rem 2rem;font-size:11px;font-weight:900;transition:all .2s;position:relative}.tab-btn.active{color:#0f172a;background:#fff;border-right:1px solid #e2e8f0}.tab-btn.active:after{content:"";background:#0f172a;width:100%;height:3px;position:absolute;top:0;left:0}.operations-table{border-collapse:collapse;width:100%}.operations-table th{color:#64748b;text-transform:uppercase;text-align:left;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:1rem 1.5rem;font-size:10px;font-weight:800}.operations-table td{border-bottom:1px solid #f1f5f9;padding:1.25rem 1.5rem}.qty-pill{background:#f1f5f9;border-radius:6px;padding:4px 12px;font-weight:900}.qty-pill.complete{color:#16a34a;background:#f0fdf4}.delivery-list-container{max-width:1000px;margin:0 auto;padding:2rem 1.5rem}.search-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.search-box{width:100%;max-width:400px;position:relative}.search-box input{border:1px solid #e2e8f0;border-radius:12px;width:100%;padding:.75rem 1rem .75rem 2.5rem;font-size:.9rem;font-weight:600}.search-icon{color:#94a3b8;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.shipment-card{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:16px;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:1.25rem;transition:all .2s;display:flex}.shipment-card:hover{border-color:#0f172a;box-shadow:0 4px 12px #0000000d}.shipment-id-badge{color:#64748b;background:#f8fafc;border-radius:12px;margin-right:1.5rem;padding:1rem}.shipment-card:hover .shipment-id-badge{color:#fff;background:#0f172a}.shipment-meta{flex:1}.shipment-name{color:#1e293b;margin-bottom:.25rem;font-size:1.1rem;font-weight:900}.animate-slide-up{animation:.3s ease-out slideUp}@media (width<=768px){.delivery-navbar{padding:.75rem 1rem}.status-step:not(.active){display:none}.delivery-info-grid{grid-template-columns:1fr}.tab-btn{text-align:center;flex:1;padding:1rem}.operations-table th:nth-child(2),.operations-table td:nth-child(2){display:none}}.delivery-navbar .flex.gap-2{align-items:center;gap:.75rem;display:flex}.delivery-navbar .btn-ui{justify-content:center;align-items:center;gap:8px;margin:0;transition:all .2s;display:flex;border-radius:10px!important;height:40px!important;padding:0 1.25rem!important;font-size:13px!important}.qty-input{text-align:right;color:#0f172a;background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:90px;padding:8px 12px;font-size:14px;font-weight:800;transition:all .2s}.qty-input:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1a}.date-input{color:#0f172a;background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;padding:8px 12px;font-size:13px;font-weight:700}.date-input:focus{background:#fff;border-color:#2563eb}.btn-cancel{color:#64748b!important;background:#f1f5f9!important;border:1px solid #e2e8f0!important;font-weight:700!important}.btn-cancel:hover{color:#1e293b!important;background:#e2e8f0!important}.delivery-navbar .primary{box-shadow:0 4px 12px #2563eb40}.delivery-log-section{max-width:1000px;margin:2rem auto;padding:0 1rem}.section-header{align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.section-header h3{text-transform:uppercase;letter-spacing:.05em;color:#64748b;margin:0;font-size:11px;font-weight:900}.log-input-container{background:#fff;border:1px solid #e2e8f0;border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;box-shadow:0 1px 3px #0000000a}.log-input-container:focus-within{border-color:#4f46e5;transform:translateY(-2px);box-shadow:0 12px 24px -8px #4f46e526}.log-textarea{color:#334155;resize:none;background:0 0;border:none;outline:none;width:100%;min-height:80px;padding:1rem 1.25rem;font-family:inherit;font-size:13px;display:block}.log-textarea::placeholder{color:#94a3b8}.log-footer{background:#f8fafc;border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:.6rem 1.25rem;display:flex}.log-actions{align-items:center;gap:1rem;display:flex}.log-action-btn{color:#64748b;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.4rem;font-size:10px;font-weight:800;transition:all .2s;display:flex}.log-action-btn:hover{color:#4f46e5}.log-action-btn input[type=file]{display:none}.btn-log-submit,.btn-submit-log{cursor:pointer;color:#fff;background:#4f46e5;border:none;border-radius:10px;align-items:center;gap:.5rem;padding:.6rem 1.25rem;font-size:11px;font-weight:800;transition:all .2s;display:flex}.btn-capture{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:.5rem;padding:.6rem 1.25rem;font-size:11px;font-weight:800;transition:all .2s;display:flex}.btn-capture:hover{color:#4f46e5;background:#f8fafc;border-color:#4f46e5}.btn-submit-log:disabled{color:#94a3b8;cursor:not-allowed;background:#e2e8f0;box-shadow:none!important}.btn-log-submit.active,.btn-submit-log:not(:disabled){color:#fff;background:#4f46e5;box-shadow:0 4px 10px #4f46e533}.btn-log-submit.disabled{color:#94a3b8;cursor:not-allowed;background:#e2e8f0}.attachment-previews{background:#fff;flex-wrap:wrap;gap:.5rem;padding:0 1.25rem .75rem;display:flex}.preview-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;width:50px;height:50px;position:relative;overflow:hidden}.remove-preview{color:#ef4444;cursor:pointer;z-index:10;background:#fff;border:1px solid #e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:10px;display:flex;position:absolute;top:-2px;right:-2px;box-shadow:0 1px 3px #0000001a}@media (width<=768px){.delivery-log-section{margin-top:1rem;margin-bottom:6rem;padding:0 .75rem}.log-footer{flex-direction:column;align-items:stretch;gap:.75rem;padding:.75rem}.log-actions{justify-content:space-around}.btn-log-submit{justify-content:center;padding:.75rem}.log-textarea{min-height:60px;padding:.75rem}}.history-feed{flex-direction:column;gap:1.5rem;padding:1.5rem;display:flex}.history-item{background:#f8fafc;border:1px solid #f1f5f9;border-radius:12px;padding:1rem}.history-item-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.history-author-box{align-items:center;gap:.75rem;display:flex}.author-avatar{color:#4f46e5;background:#fff;border:1px solid #eef2ff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:11px;font-weight:800;display:flex;box-shadow:0 1px 2px #0000000d}.author-info{flex-direction:column;display:flex}.author-name{color:#334155;text-transform:uppercase;font-size:11px;font-weight:800}.history-date{color:#94a3b8;font-size:9px;font-weight:600}.history-body{color:#475569;margin-bottom:.75rem;font-size:.9rem;font-weight:600;line-height:1.5}.history-attachments{flex-wrap:wrap;gap:.5rem;display:flex}.history-att-link{border:2px solid #fff;border-radius:8px;width:80px;height:80px;transition:transform .2s;display:block;overflow:hidden;box-shadow:0 2px 4px #0000000d}.history-att-link:hover{transform:scale(1.05)}.history-att-link img{object-fit:cover;width:100%;height:100%}.evidence-preview-grid{flex-wrap:wrap;gap:.75rem;margin-top:1rem;display:flex}.evidence-img-box{border:2px solid #fff;border-radius:12px;width:80px;height:80px;display:block;overflow:hidden;box-shadow:0 2px 8px #0000000f}.evidence-img-box img{object-fit:cover;width:100%;height:100%}.evidence-more-box{cursor:pointer;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;width:80px;height:80px;display:flex}.evidence-more-count{color:#64748b;font-size:.9rem;font-weight:800}.evidence-more-label{text-transform:uppercase;color:#94a3b8;font-size:8px;font-weight:800}.view-history-btn{color:#4f46e5;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;background:0 0;border:none;align-items:center;gap:.25rem;margin-top:1.25rem;padding:0;font-size:10px;font-weight:800;display:flex}.view-history-btn:hover{color:#4338ca}.delivery-card-full{flex-direction:column;display:flex;overflow:hidden;padding:0!important}.upload-header{border-bottom:1px solid #f8fafc;align-items:center;gap:.5rem;padding:1.25rem 1.25rem .75rem;display:flex}.upload-header h2{text-transform:uppercase;color:#334155;margin:0;font-size:11px;font-weight:900}.log-form-container{flex-direction:column;flex:1;display:flex}.log-textarea{resize:none;color:#334155;background:#fff;min-height:80px;padding:1.25rem;font-size:.95rem;font-weight:500;border:none!important}.log-textarea:focus{outline:none}.log-footer{border-top:1px solid #f8fafc;justify-content:space-between;align-items:center;padding:.75rem 1.25rem 1.25rem;display:flex}.hidden{display:none!important}.attachment-previews{flex-wrap:wrap;gap:10px;margin-bottom:10px;display:flex}.preview-item{border:1px solid #e2e8f0;border-radius:8px;width:60px;height:60px;position:relative;overflow:hidden}.preview-item img{object-fit:cover;width:100%;height:100%}.remove-preview{color:#fff;cursor:pointer;background:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;padding:0;display:flex;position:absolute;top:2px;right:2px}.btn-capture,.btn-submit-log{cursor:pointer;color:#475569;background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 12px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.btn-capture:hover{color:#1e293b;background:#f1f5f9}.btn-submit-log{color:#94a3b8}.btn-submit-log:not(:disabled){color:#4f46e5}.btn-submit-log:not(:disabled):hover{color:#4338ca;background:#eef2ff}.btn-capture svg,.btn-submit-log svg{flex-shrink:0}.co-container{background-color:#f8fafc;max-width:1400px;min-height:100vh;margin:0 auto;padding:0 1.5rem 5rem}.co-header-sticky{z-index:50;background:#fff;border-bottom:1px solid #e2e8f0;margin:0 -1.5rem 2rem;padding:0 1.5rem;position:sticky;top:0}.co-header-main{max-width:1400px;height:80px;margin:0 auto;justify-content:space-between!important;align-items:center!important;display:flex!important}.co-header-left{align-items:center;gap:1.25rem;display:flex}.co-back-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;transition:all .2s;display:flex}.co-back-btn:hover{color:#0f172a;background:#f1f5f9;border-color:#cbd5e1}.co-title-area{flex-direction:column;display:flex}.co-main-title{color:#0f172a;letter-spacing:-.02em;margin:0;font-size:1.25rem;font-weight:900}.co-subtitle{color:#94a3b8;text-transform:uppercase;margin:0;font-size:.75rem;font-weight:700}.co-content-wrapper{animation:.4s ease-out slideUp}.co-grid-layout{flex-direction:column;gap:1.5rem;display:flex}.co-section-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.card-header{border-bottom:1px solid #f1f5f9;align-items:center;gap:.75rem;padding:1.25rem 1.5rem;display:flex}.header-icon{color:#2563eb;background:#eff6ff;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.header-title{color:#1e293b;margin:0;font-size:1.1rem;font-weight:800}.co-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.25rem;font-size:.65rem;font-weight:900;display:block}.co-input-border{color:#1e293b;box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:8px;outline:none;width:100%;height:38px;padding:0 .85rem;font-size:.9rem;font-weight:700;transition:all .2s}.co-input-border:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a}.co-input-icon-wrap{position:relative}.input-icon{color:#94a3b8;pointer-events:none;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.co-input-icon-wrap .co-input-border{padding-left:2.75rem}.btn-action-add{color:#2563eb;cursor:pointer;background:#eff6ff;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.6rem 1rem;font-size:.85rem;font-weight:800;transition:all .2s;display:flex}.btn-action-add:hover{background:#dbeafe;transform:translateY(-1px)}.pi-header-row{background:#f8fafc;border-bottom:1.5px solid #e2e8f0;display:grid}.pi-h-col{color:#94a3b8;text-transform:uppercase;letter-spacing:.1em;font-size:.65rem;font-weight:900}.product-row{background:#fff;border-bottom:1px solid #f1f5f9;transition:background .2s;padding:0 1.5rem!important}.product-row:hover{background:#fcfcfd}.pi-remove{cursor:pointer;opacity:.5;background:0 0;border:none;transition:all .2s}.pi-remove:hover{opacity:1;background:#fee2e2;border-radius:8px}.pi-small-label{color:#94a3b8;text-transform:uppercase;margin-bottom:4px;font-size:.65rem;font-weight:700;display:block}.flex-between{justify-content:space-between;align-items:center;display:flex}@media (width<=768px){.co-header-main{flex-direction:column;gap:1rem;height:auto;padding:1rem 0;align-items:stretch!important}.co-header-right{width:100%}.co-header-right button{width:100%;height:48px!important}.co-container{padding:1rem}.co-section-card{border-radius:12px}.pi-grid-row{flex-direction:column;gap:1rem;display:flex}}.team-container{animation:.4s ease-out fadeIn}.team-container .products-datatable td{border-bottom:1px solid #f1f5f9;padding:10px 12px;vertical-align:middle!important;font-size:14px!important}.team-container .products-datatable th{text-transform:uppercase;letter-spacing:.05em;color:#475569;background:#f8fafc;border-bottom:2px solid #edf2f7;padding:11px 12px;font-size:12px;font-weight:800}.team-container .products-datatable td>div,.team-container .products-datatable td>span{align-items:center;height:100%;display:flex}.team-member-cell{align-items:center;gap:12px;display:flex}.team-member-info{flex-direction:column;justify-content:center;gap:4px;display:flex}.user-card-avatar{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;min-width:40px;height:40px;font-size:15px;font-weight:700;transition:transform .3s;display:flex;box-shadow:0 4px 12px #0000000d}tr:hover .user-card-avatar{transform:scale(1.1)rotate(-5deg)}.role-badge{color:#3b82f6;text-transform:uppercase;letter-spacing:.5px;background:#f0f7ff;border:1px solid #dbeafe;border-radius:8px;align-items:center;gap:4px;width:fit-content;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}@keyframes modalBackdropIn{0%{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur()}to{opacity:1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}}@keyframes modalContentIn{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-backdrop{z-index:9999;background:#0f172a99;justify-content:center;align-items:center;padding:20px;animation:.3s ease-out forwards modalBackdropIn;display:flex;position:fixed;inset:0}.modal-content{background:#fff;border-radius:24px;width:100%;max-width:480px;animation:.4s cubic-bezier(.34,1.56,.64,1) forwards modalContentIn;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.modal-header{background:#f8fafc;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:24px;display:flex}.modal-body{padding:24px}.form-group{margin-bottom:20px}.form-label{color:#475569;margin-bottom:8px;margin-left:4px;font-size:13px;font-weight:700;display:block}.form-input-wrapper{position:relative}.form-input{color:#1e293b;background:#fff;border:2px solid #e2e8f0;border-radius:14px;outline:none;width:100%;padding:12px 16px;font-size:15px;transition:all .2s}.form-input:focus{border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a}.password-toggle{color:#94a3b8;cursor:pointer;padding:8px;transition:color .2s;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.password-toggle:hover{color:#64748b}.modal-footer{gap:12px;margin-top:32px;display:flex}.btn-modal{border-radius:14px;flex:1;justify-content:center;align-items:center;gap:8px;padding:14px;font-size:15px;font-weight:700;transition:all .2s;display:flex}.btn-modal-cancel{color:#475569;background:#f1f5f9;border:none}.btn-modal-cancel:hover{background:#e2e8f0}.btn-modal-submit{color:#fff;background:#2563eb;border:none;box-shadow:0 4px 12px #2563eb33}.btn-modal-submit:hover{background:#1d4ed8;transform:translateY(-1px);box-shadow:0 6px 16px #2563eb4d}.btn-modal-submit:active{transform:translateY(0)}.team-action-btn{color:#94a3b8!important;cursor:pointer!important;background:#fff!important;border:1px solid #edf2f7!important;border-radius:10px!important;justify-content:center!important;align-items:center!important;width:34px!important;height:34px!important;padding:0!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important;display:inline-flex!important}.team-action-btn.edit:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3b82f626;color:#3b82f6!important;background:#eff6ff!important;border-color:#dbeafe!important}.team-action-btn.delete:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ef444426;color:#ef4444!important;background:#fef2f2!important;border-color:#fca5a5!important}.team-action-btn:active{transform:translateY(0)scale(.95)}.payments-page{background:#f8fafc;min-height:100vh;padding:1.25rem 1.5rem;font-family:Inter,Segoe UI,sans-serif}.payments-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1.25rem;display:flex}.payments-header h2{color:#1e293b;margin:0;font-size:1.4rem;font-weight:700}.payments-header-actions{align-items:center;gap:.6rem;display:flex}.btn-primary{color:#fff;cursor:pointer;background:#3498db;border:none;border-radius:6px;align-items:center;gap:.4rem;padding:.5rem 1rem;font-size:.84rem;font-weight:600;transition:background .18s,transform .15s;display:flex}.btn-primary:hover{background:#2980b9;transform:translateY(-1px)}.btn-outline{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:.4rem;padding:.5rem .9rem;font-size:.84rem;font-weight:600;transition:all .18s;display:flex}.btn-outline:hover{color:#3498db;background:#eff6ff;border-color:#3498db}.btn-reset{color:#fff;cursor:pointer;white-space:nowrap;background:#3498db;border:none;border-radius:6px;padding:.5rem 1.1rem;font-size:.84rem;font-weight:600;transition:background .18s}.btn-reset:hover{background:#2980b9}.payments-filter-bar{background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-wrap:wrap;align-items:flex-end;gap:1rem;margin-bottom:1.1rem;padding:.85rem 1.1rem;display:flex;box-shadow:0 1px 3px #0f172a0a}.filter-group{flex-direction:column;gap:.3rem;display:flex}.filter-group label{color:#64748b;text-transform:uppercase;letter-spacing:.04em;font-size:.78rem;font-weight:600}.filter-group select,.filter-group input[type=date]{color:#334155;background:#f8fafc;border:1px solid #cbd5e1;border-radius:6px;outline:none;min-width:140px;padding:.42rem .65rem;font-size:.85rem;transition:border-color .18s,box-shadow .18s}.filter-group select:focus,.filter-group input[type=date]:focus{background:#fff;border-color:#3498db;box-shadow:0 0 0 3px #3498db1f}.payments-table-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden;box-shadow:0 1px 4px #0f172a0f}.table-toolbar{border-bottom:1px solid #f1f5f9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem;padding:.75rem 1rem;display:flex}.show-entries{color:#64748b;align-items:center;gap:.5rem;font-size:.84rem;display:flex}.show-entries select{background:#f8fafc;border:1px solid #cbd5e1;border-radius:5px;outline:none;padding:.28rem .5rem;font-size:.84rem}.table-search{color:#64748b;align-items:center;gap:.5rem;font-size:.84rem;display:flex}.table-search input{border:1px solid #cbd5e1;border-radius:5px;outline:none;min-width:200px;padding:.32rem .6rem;font-size:.84rem;transition:border-color .18s}.table-search input:focus{border-color:#3498db}.payments-table-wrapper{overflow-x:auto}.payments-table{border-collapse:collapse;width:100%;min-width:700px;font-size:.845rem}.payments-table thead{background:#f8fafc;border-bottom:2px solid #e2e8f0}.payments-table th{text-align:left;color:#475569;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;padding:.65rem .85rem;font-size:.8rem;font-weight:700;transition:color .15s}.payments-table th:hover{color:#3498db}.payments-table tbody tr{border-bottom:1px solid #f1f5f9;transition:background .14s}.payments-table tbody tr:hover{background:#f8faff}.payments-table td{color:#334155;vertical-align:middle;padding:.6rem .85rem}.payments-table td.party-name{color:#1e40af;cursor:pointer;font-weight:600}.payments-table td.party-name:hover{text-decoration:underline}.payments-table td.amount{color:#1e293b;text-align:right;font-weight:700}.payments-table td.td-no{color:#94a3b8;width:48px;font-size:.8rem}.status-badge{text-transform:capitalize;border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:.75rem;font-weight:700;display:inline-flex}.status-badge.draft{color:#64748b;background:#f1f5f9}.status-badge.posted{color:#16a34a;background:#dcfce7}.status-badge.cancelled{color:#dc2626;background:#fee2e2}.status-badge.open{color:#a16207;background:#fef9c3}.status-badge.done{color:#16a34a;background:#dcfce7}.row-actions{align-items:center;gap:5px;display:flex}.act-btn{cursor:pointer;color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:5px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .15s;display:flex}.act-btn:hover{transform:scale(1.1)}.act-btn.add:hover{color:#16a34a;background:#f0fdf4;border-color:#22c55e}.act-btn.edit:hover{color:#2563eb;background:#eff6ff;border-color:#3b82f6}.act-btn.delete:hover{color:#dc2626;background:#fef2f2;border-color:#ef4444}.table-pagination{border-top:1px solid #f1f5f9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;padding:.75rem 1rem;display:flex}.pagination-info{color:#64748b;font-size:.82rem}.pagination-btns{gap:2px;display:flex}.pg-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:0;padding:5px 11px;font-size:.82rem;font-weight:600;transition:all .15s}.pg-btn:first-child{border-radius:5px 0 0 5px}.pg-btn:last-child{border-radius:0 5px 5px 0}.pg-btn.active{color:#fff;z-index:1;background:#3498db;border-color:#3498db}.pg-btn:hover:not(.active):not(:disabled){color:#3498db;background:#f1f5f9;border-color:#3498db}.pg-btn:disabled{opacity:.45;cursor:not-allowed}.payments-empty{text-align:center;color:#94a3b8;padding:3.5rem 1rem}.payments-empty svg{opacity:.4;margin-bottom:.75rem}.payments-empty p{margin:0;font-size:.95rem}.payments-loading{text-align:center;color:#64748b;padding:3rem 1rem;font-size:.9rem}.pay-modal-backdrop{z-index:999;background:#0f172a73;justify-content:center;align-items:center;padding:1rem;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.pay-modal{background:#fff;border-radius:10px;width:100%;max-width:480px;padding:1.5rem 1.75rem;animation:.2s slideUp;box-shadow:0 20px 60px #0f172a33}.pay-modal h3{color:#1e293b;margin:0 0 1.25rem;font-size:1.1rem;font-weight:700}.pay-modal-field{flex-direction:column;gap:.3rem;margin-bottom:.85rem;display:flex}.pay-modal-field label{color:#64748b;text-transform:uppercase;letter-spacing:.04em;font-size:.8rem;font-weight:600}.pay-modal-field input,.pay-modal-field select,.pay-modal-field textarea{background:#f8fafc;border:1px solid #cbd5e1;border-radius:6px;outline:none;padding:.5rem .7rem;font-size:.875rem;transition:border-color .18s,box-shadow .18s}.pay-modal-field input:focus,.pay-modal-field select:focus,.pay-modal-field textarea:focus{background:#fff;border-color:#3498db;box-shadow:0 0 0 3px #3498db1f}.pay-modal-field textarea{resize:vertical;min-height:72px}.pay-modal-actions{justify-content:flex-end;gap:.6rem;margin-top:1.25rem;display:flex}.btn-cancel-modal{color:#475569;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;padding:.5rem 1rem;font-size:.85rem;font-weight:600;transition:background .15s}.btn-cancel-modal:hover{background:#e2e8f0}.delete-modal-msg{color:#475569;margin:0 0 1rem;font-size:.9rem}.btn-danger{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:6px;padding:.5rem 1rem;font-size:.85rem;font-weight:600;transition:background .15s}.btn-danger:hover{background:#dc2626}@media (width<=640px){.payments-page{padding:.75rem}.payments-header{flex-direction:column;align-items:stretch}.payments-filter-bar{flex-direction:column;gap:.75rem}.filter-group{width:100%}.filter-group select,.filter-group input[type=date]{width:100%;min-width:unset}.table-toolbar{flex-direction:column;align-items:stretch}.table-search input{min-width:unset;width:100%}}:root{--sidebar-width:250px;--sidebar-collapsed-width:70px;--sidebar-bg:#2c3e50;--topbar-height:50px}.app-layout{width:100%;min-width:0;min-height:100vh;display:flex}.main-content{margin-left:var(--sidebar-width);will-change:margin-left;background-color:#eef2f6;flex-direction:column;flex:1;min-width:0;min-height:100vh;transition:margin-left .3s cubic-bezier(.4,0,.2,1);display:flex}.app-layout.sidebar-collapsed .main-content{margin-left:var(--sidebar-collapsed-width)}.top-hamburger-bar{height:var(--topbar-height);z-index:1000;background:#fff;border-bottom:1px solid #e2e8f0;align-items:center;gap:1rem;padding:0 1rem;display:flex;position:sticky;top:0}.hamburger-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:.375rem;align-items:center;padding:.5rem;transition:background .2s;display:flex}.hamburger-btn:hover{color:#1e293b;background:#f1f5f9}.current-tab-name{color:#334155;text-transform:capitalize;font-size:.875rem;font-weight:600}.page-content{box-sizing:border-box;width:100%;min-width:0;padding:1rem;padding-bottom:env(safe-area-inset-bottom,1rem);flex:1}@media (width<=768px){.main-content{width:100vw;margin-left:0}.page-content{padding:.75rem}.top-hamburger-bar{padding:0 .75rem}}img{max-width:100%;height:auto}input,textarea,select{max-width:100%}.dt-card{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.sidebar-backdrop{opacity:0;pointer-events:none;z-index:999;background:#0f172a73;transition:opacity .2s;position:fixed;inset:0}.sidebar-backdrop.show{opacity:1;pointer-events:auto}@media (width>=769px){.sidebar-backdrop{display:none}}