@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap);.layout{background:#f0f2f5;display:flex;min-height:100vh}.sidebar{background:#fff;border-right:1px solid #e2e8f0;bottom:0;display:flex;flex-direction:column;left:0;position:fixed;top:0;transition:transform .3s ease;width:260px;z-index:200}.sidebar-header{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;gap:12px;padding:20px 20px 16px}.sidebar-logo{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-radius:10px;flex-shrink:0;height:40px;object-fit:contain;padding:4px;width:40px}.sidebar-brand h2{color:#14532d;font-size:.95rem;font-weight:700;line-height:1.2;margin:0}.sidebar-version{background:#f1f5f9;border-radius:4px;color:#94a3b8;font-size:.6rem;font-weight:600;letter-spacing:.3px;padding:1px 6px}.sidebar-close{background:none;border:none;color:#64748b;cursor:pointer;display:none;font-size:1.4rem;margin-left:auto;padding:4px}.sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:2px;overflow-y:auto;padding:12px}.nav-item{align-items:center;border-radius:10px;color:#64748b;display:flex;font-size:.85rem;font-weight:500;gap:12px;padding:10px 14px;text-decoration:none;transition:all .15s ease}.nav-item:hover{background:#f8fafc;color:#334155}.nav-item.active{background:linear-gradient(135deg,#f0fdf4,#dcfce7);color:#14532d;font-weight:600}.nav-item.active .nav-icon{color:#16a34a}.nav-icon{align-items:center;display:flex;flex-shrink:0;font-size:1.2rem}.nav-label{white-space:nowrap}.sidebar-footer{align-items:center;border-top:1px solid #f1f5f9;display:flex;gap:8px;padding:16px}.user-card{flex:1 1;gap:10px;min-width:0}.user-avatar{align-items:center;background:linear-gradient(135deg,#14532d,#16a34a);border-radius:10px;color:#fff;display:flex;flex-shrink:0;font-size:.85rem;font-weight:700;height:36px;justify-content:center;width:36px}.user-info{display:flex;flex-direction:column;min-width:0}.user-name{color:#1e293b;font-size:.8rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-role{color:#94a3b8;font-size:.65rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.logout-btn{align-items:center;background:none;border:1px solid #e2e8f0;border-radius:8px;color:#94a3b8;cursor:pointer;display:flex;flex-shrink:0;font-size:1.15rem;padding:8px;transition:all .2s}.logout-btn:hover{background:#fef2f2;border-color:#fecaca;color:#dc2626}.main-content{display:flex;flex:1 1;flex-direction:column;margin-left:260px;min-height:100vh}.topbar{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;height:56px;justify-content:flex-end;padding:0 28px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.menu-toggle{background:none;border:none;color:#475569;cursor:pointer;display:none;font-size:1.5rem;padding:4px}.topbar-right{gap:16px}.topbar-right,.topbar-status{align-items:center;display:flex}.topbar-status{color:#94a3b8;font-size:.75rem;font-weight:500;gap:6px}.status-dot-green{background:#22c55e;border-radius:50%;box-shadow:0 0 6px #22c55e80;height:7px;width:7px}.page-content{flex:1 1;padding:28px}.sidebar-overlay{display:none}@media (max-width:1024px){.sidebar{transform:translateX(-100%)}.sidebar.open{transform:translateX(0)}.sidebar-close{display:flex}.sidebar-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0006;display:block;inset:0;position:fixed;z-index:199}.main-content{margin-left:0}.menu-toggle{display:flex}.topbar{justify-content:space-between}}@media (max-width:640px){.page-content{padding:16px}}.login-page{align-items:center;background:#f0f2f5;display:flex;justify-content:center;min-height:100vh;padding:16px}.login-container{background:#fff;border-radius:24px;box-shadow:0 4px 6px #0000000a,0 10px 24px #00000014,0 20px 48px #0000000f;display:flex;max-width:960px;min-height:580px;overflow:hidden;width:100%}.login-branding{background:linear-gradient(160deg,#14532d,#1a6b3c 40%,#166534);color:#fff;display:flex;flex:1 1;flex-direction:column;justify-content:space-between;overflow:hidden;padding:48px 40px;position:relative}.login-branding:before{background:#ffffff0a;height:300px;right:-100px;top:-100px;width:300px}.login-branding:after,.login-branding:before{border-radius:50%;content:"";position:absolute}.login-branding:after{background:#ffffff08;bottom:-60px;height:200px;left:-60px;width:200px}.branding-content{position:relative;z-index:1}.login-brand-logo{background:#fff;border-radius:16px;box-shadow:0 4px 12px #00000026;height:72px;margin-bottom:24px;object-fit:contain;padding:6px;width:72px}.login-branding h1{font-size:1.75rem;font-weight:800;letter-spacing:-.5px;margin:0 0 8px}.login-branding>.branding-content>p{font-size:.9rem;font-weight:400;margin:0 0 40px;opacity:.7}.branding-features{display:flex;flex-direction:column;gap:14px}.brand-feature{align-items:center;background:#ffffff14;border:1px solid #ffffff0f;border-radius:12px;display:flex;font-size:.85rem;font-weight:400;gap:12px;opacity:.85;padding:10px 14px;transition:background .2s}.brand-feature:hover{background:#ffffff1f}.brand-feature span{font-size:1.1rem}.branding-footer{font-size:.7rem;opacity:.4;position:relative;text-align:center;z-index:1}.login-form-panel{align-items:center;display:flex;flex:1 1;justify-content:center;padding:48px 40px}.login-form-wrapper{max-width:340px;width:100%}.login-mobile-logo{display:none}.login-header{margin-bottom:36px}.login-header h2{color:#14532d;font-size:1.5rem;font-weight:700;letter-spacing:-.3px;margin:0 0 6px}.login-header p{color:#94a3b8;font-size:.85rem;font-weight:400;margin:0}.login-form{display:flex;flex-direction:column;gap:20px}.form-group label{font-size:.8rem;letter-spacing:.2px}.input-wrapper{align-items:center;display:flex;position:relative}.input-icon{color:#94a3b8;font-size:1.15rem;left:14px;pointer-events:none;position:absolute}.input-wrapper input{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;color:#1e293b;font-family:inherit;font-size:.9rem;outline:none;padding:12px 14px 12px 42px;transition:all .2s;width:100%}.input-wrapper input:focus{background:#fff;border-color:#14532d;box-shadow:0 0 0 3px #14532d14}.input-wrapper input::placeholder{color:#cbd5e1}.password-toggle{background:none;font-size:1.15rem;padding:4px;right:12px;transition:color .2s}.password-toggle:hover{color:#14532d}.login-btn{align-items:center;background:linear-gradient(135deg,#14532d,#1a6b3c);border:none;border-radius:12px;box-shadow:0 2px 8px #14532d40;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:.9rem;font-weight:600;justify-content:center;margin-top:4px;padding:13px;transition:all .2s;width:100%}.login-btn:hover:not(:disabled){box-shadow:0 4px 16px #14532d59;transform:translateY(-1px)}.login-btn:active:not(:disabled){transform:translateY(0)}.login-btn:disabled{cursor:not-allowed;opacity:.7}.login-spinner{animation:spin .7s linear infinite;border:2.5px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;width:20px}.login-footer-mobile{display:none}@media (max-width:768px){.login-container{flex-direction:column;max-width:440px;min-height:auto}.login-branding{display:none}.login-mobile-logo{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-radius:16px;box-shadow:0 2px 8px #14532d1a;display:block;height:64px;margin-bottom:20px;object-fit:contain;padding:8px;width:64px}.login-form-panel{padding:40px 28px}.login-footer-mobile{color:#94a3b8;display:block;font-size:.7rem;margin-top:32px;text-align:center}}.dashboard{margin:0 auto;max-width:1200px}.dashboard-loading{align-items:center;color:#94a3b8;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:400px}.loader{animation:spin .8s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#14532d;height:36px;width:36px}.dashboard-header{margin-bottom:28px}.dashboard-header h1{color:#1e293b;font-size:1.5rem;font-weight:700;letter-spacing:-.3px;margin:0 0 4px}.dashboard-header p{color:#94a3b8;font-size:.85rem;font-weight:400;margin:0}.stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));margin-bottom:28px}.stat-card{align-items:center;background:#fff;border:1px solid #f1f5f9;border-radius:14px;box-shadow:0 1px 3px #0000000a;cursor:pointer;display:flex;gap:14px;padding:20px;transition:all .2s ease}.stat-card:hover{border-color:#e2e8f0;box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.stat-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;font-size:1.3rem;height:44px;justify-content:center;width:44px}.stat-info{display:flex;flex-direction:column}.stat-value{color:#1e293b;font-size:1.4rem;font-weight:700;line-height:1}.stat-label{color:#94a3b8;font-size:.72rem;font-weight:500;margin-top:4px;white-space:nowrap}.dashboard-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1.6fr;margin-bottom:28px}.dashboard-card{background:#fff;border:1px solid #f1f5f9;border-radius:14px;box-shadow:0 1px 3px #0000000a;padding:24px}.dashboard-card h3{color:#1e293b;font-size:.9rem;font-weight:600;margin:0 0 20px}.card-header-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.card-header-row h3{margin:0}.link-btn{background:none;border:none;border-radius:6px;color:#14532d;cursor:pointer;font-family:inherit;font-size:.75rem;font-weight:600;padding:4px 8px;transition:background .15s}.link-btn:hover{background:#f0fdf4}.pipeline{gap:12px}.pipeline,.pipeline-item{display:flex;flex-direction:column}.pipeline-item{gap:4px}.pipeline-bar{background:#f1f5f9;border-radius:3px;height:6px;overflow:hidden;width:100%}.pipeline-fill{border-radius:3px;height:100%;min-width:2px;transition:width .5s ease}.pipeline-info{align-items:center;display:flex;justify-content:space-between}.pipeline-label{color:#64748b;font-size:.72rem;font-weight:500}.pipeline-count{font-size:.75rem;font-weight:700}.orders-table-wrapper{overflow-x:auto}.orders-table{border-collapse:collapse;width:100%}.orders-table th{border-bottom:1px solid #f1f5f9;color:#94a3b8;font-size:.68rem;font-weight:600;letter-spacing:.5px;padding:8px 12px;text-align:left;text-transform:uppercase}.orders-table td{border-bottom:1px solid #f8fafc;color:#475569;font-size:.8rem;padding:10px 12px}.orders-table tr{cursor:pointer;transition:background .15s}.orders-table tbody tr:hover{background:#f8fafc}.order-number{color:#14532d!important;font-size:.75rem!important}.order-number,.order-total{font-family:SF Mono,Fira Code,monospace;font-weight:600}.order-total{color:#1e293b!important;font-size:.78rem!important}.status-badge{border:1px solid;display:inline-block;font-size:.68rem}.empty-state{align-items:center;color:#94a3b8;display:flex;flex-direction:column;justify-content:center;padding:40px 20px}.empty-icon{font-size:2.5rem;margin-bottom:12px;opacity:.4}.empty-state p{font-size:.85rem;font-weight:500}.quick-actions{background:#fff;border:1px solid #f1f5f9;border-radius:14px;box-shadow:0 1px 3px #0000000a;padding:24px}.quick-actions h3{color:#1e293b;font-size:.9rem;font-weight:600;margin:0 0 16px}.actions-grid{display:flex;flex-wrap:wrap;gap:10px}.action-btn{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;color:#475569;cursor:pointer;display:flex;font-family:inherit;font-size:.8rem;font-weight:500;gap:8px;padding:10px 18px;transition:all .15s}.action-btn:hover{background:#f0fdf4;border-color:#bbf7d0;color:#14532d}.action-btn svg{font-size:1.1rem}@media (max-width:900px){.dashboard-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.stats-grid{gap:10px;grid-template-columns:1fr 1fr}.stat-card{padding:14px}.stat-icon{font-size:1.1rem;height:38px;width:38px}.stat-value{font-size:1.2rem}}.page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.page-header h1{color:#1e293b;font-size:1.5rem;font-weight:700;margin:0}.page-header p{color:#94a3b8;font-size:.8rem;margin:4px 0 0}.btn-primary{align-items:center;background:linear-gradient(135deg,#14532d,#1a6b3c);border:none;border-radius:10px;box-shadow:0 2px 8px #14532d33;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:.85rem;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s}.btn-primary:hover:not(:disabled){box-shadow:0 4px 16px #14532d4d;transform:translateY(-1px)}.btn-primary:disabled{cursor:not-allowed;opacity:.6}.btn-primary.full{justify-content:center;margin-top:8px;padding:13px;width:100%}.modal-overlay{background:#0f172a99;z-index:9999}.modal-card{background:#fff;border-radius:14px;box-shadow:0 20px 60px #02061740;padding:20px;width:min(520px,90vw)}.modal-form{grid-gap:10px;display:grid;gap:10px;margin-top:12px}.modal-form input,.modal-form textarea{border:1px solid #e2e8f0;border-radius:8px;font-family:inherit;font-size:.9rem;padding:10px 12px;width:100%}.modal-form textarea{min-height:90px;resize:vertical}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:16px}.filters-bar{align-items:center;display:flex;gap:12px;margin-bottom:16px}.search-box{flex:1 1;position:relative}.search-box .search-icon{color:#94a3b8;font-size:1.1rem;left:14px;position:absolute;top:50%;transform:translateY(-50%)}.search-box input{background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;font-family:inherit;font-size:.85rem;outline:none;padding:10px 14px 10px 40px;transition:border-color .2s;width:100%}.search-box input:focus{border-color:#14532d;box-shadow:0 0 0 3px #14532d14}.filter-group{align-items:center;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;color:#64748b;display:flex;gap:8px;padding:0 14px}.filter-group select{background:none;border:none;color:#475569;cursor:pointer;font-family:inherit;font-size:.85rem;outline:none;padding:10px 0}.btn-icon{background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;display:flex;font-size:1.1rem;padding:10px}.btn-icon:hover{background:#f8fafc;color:#14532d}.status-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px}.chip{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;font-family:inherit;font-size:.72rem;font-weight:600;padding:5px 12px;transition:all .15s}.chip:hover{background:#f8fafc}.chip.active{background:#f0fdf4;border-color:#bbf7d0;color:#14532d}.table-card{background:#fff;border:1px solid #f1f5f9;border-radius:14px;box-shadow:0 1px 3px #0000000a;overflow:hidden}.data-table{border-collapse:collapse;width:100%}.data-table th{background:#fafbfc;border-bottom:1px solid #f1f5f9;color:#94a3b8;font-size:.68rem;font-weight:600;letter-spacing:.5px;padding:12px 16px;text-align:left;text-transform:uppercase}.data-table td{border-bottom:1px solid #f8fafc;color:#475569;font-size:.82rem;padding:12px 16px}.data-table tbody tr{cursor:pointer;transition:background .1s}.data-table tbody tr:hover{background:#f8fafc}.mono-cell{color:#14532d!important;font-family:SF Mono,Fira Code,monospace;font-size:.78rem!important;font-weight:600}.total-cell{color:#1e293b!important}.date-cell{color:#94a3b8!important;font-size:.75rem!important}.type-badge{border-radius:5px;display:inline-block;font-size:.65rem;font-weight:600;padding:2px 8px}.type-badge.credit{background:#fef3c7;color:#d97706}.type-badge.cash{background:#dcfce7;color:#16a34a}.loading-state{align-items:center;color:#94a3b8;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:300px}.empty-state-card{background:#fff;border:1px solid #f1f5f9;border-radius:14px;padding:60px 20px}.empty-state-card .empty-icon{margin-bottom:12px}.detail-header{gap:16px;margin-bottom:24px}.btn-back,.detail-header{align-items:center;display:flex}.btn-back{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;font-family:inherit;font-size:.8rem;font-weight:500;gap:6px;padding:8px 14px;transition:all .15s}.btn-back:hover{background:#f8fafc;color:#1e293b}.detail-title{align-items:center;display:flex;flex:1 1;gap:12px}.detail-title h1{color:#1e293b;font-family:SF Mono,Fira Code,monospace;font-size:1.3rem;font-weight:700;margin:0}.status-badge.large{font-size:.78rem;padding:5px 14px}.btn-icon-sm{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-size:1.2rem;padding:8px;transition:all .15s}.btn-icon-sm:hover{background:#f8fafc;color:#14532d}.flow-pipeline{background:#fff;border:1px solid #f1f5f9;border-radius:14px;display:flex;gap:4px;margin-bottom:24px;overflow-x:auto;padding:20px 24px}.flow-step{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:8px;min-width:70px;position:relative}.flow-step:after{background:#e2e8f0;content:"";height:2px;left:50%;position:absolute;top:6px;width:100%}.flow-step:last-child:after{display:none}.flow-step.completed:after{background:#22c55e}.flow-dot{background:#e2e8f0;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 2px #e2e8f0;height:14px;transition:all .2s;width:14px;z-index:1}.flow-step.current .flow-dot{box-shadow:0 0 0 3px #22c55e33;transform:scale(1.3)}.flow-label{color:#94a3b8;font-size:.6rem;font-weight:600;text-align:center;white-space:nowrap}.flow-step.completed .flow-label{color:#475569}.flow-step.current .flow-label{color:#14532d;font-weight:700}.detail-actions{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px}.action-btn-lg{align-items:center;border:2px solid;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:.85rem;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s}.action-btn-lg:hover:not(:disabled){box-shadow:0 4px 12px #0003;transform:translateY(-1px)}.action-btn-lg:disabled{cursor:not-allowed;opacity:.6}.detail-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1.5fr;margin-bottom:24px}.detail-card{background:#fff;border:1px solid #f1f5f9;border-radius:14px;box-shadow:0 1px 3px #0000000a;padding:24px}.detail-card h3{color:#1e293b;font-size:.9rem;font-weight:600;margin:0 0 20px}.info-grid{display:flex;flex-direction:column;gap:14px}.info-row{align-items:center;display:flex;justify-content:space-between}.info-row.full{align-items:flex-start;flex-direction:column;gap:4px}.info-label{color:#94a3b8;font-size:.75rem;font-weight:500}.info-value{color:#1e293b;font-size:.82rem;font-weight:500}.info-value.mono{font-family:SF Mono,Fira Code,monospace;font-size:.78rem}.items-table{border-collapse:collapse;width:100%}.items-table th{border-bottom:1px solid #f1f5f9;color:#94a3b8;font-size:.68rem;font-weight:600;letter-spacing:.5px;padding:8px 12px;text-align:left;text-transform:uppercase}.items-table td{border-bottom:1px solid #f8fafc;color:#475569;font-size:.82rem;padding:10px 12px}.items-table .center{text-align:center}.items-table tfoot td{border-bottom:none;padding:8px 12px}.total-label{color:#94a3b8!important;font-size:.78rem!important;font-weight:500;text-align:right}.grand-total td{border-top:2px solid #f1f5f9;color:#1e293b!important;font-size:.9rem!important;font-weight:700!important;padding-top:12px!important}.no-items{color:#94a3b8;font-size:.85rem;padding:20px;text-align:center}.history-timeline{display:flex;flex-direction:column;gap:0;padding-left:20px;position:relative}.history-timeline:before{background:#e2e8f0;bottom:8px;content:"";left:5px;position:absolute;top:8px;width:2px}.timeline-item{display:flex;gap:16px;padding:12px 0;position:relative}.timeline-dot{border:2px solid #fff;border-radius:50%;flex-shrink:0;height:12px;margin-left:-27px;width:12px;z-index:1}.timeline-content{flex:1 1}.timeline-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.timeline-status{color:#1e293b;font-size:.82rem;font-weight:600}.timeline-date{color:#94a3b8;font-size:.7rem}.timeline-notes{color:#64748b;font-size:.78rem;margin:0 0 4px}.timeline-user{color:#94a3b8;font-size:.7rem;font-weight:500}.new-order-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1.4fr}.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.form-group label{color:#475569;font-size:.78rem;font-weight:600}.form-group select,.form-group textarea{background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;color:#1e293b;font-family:inherit;font-size:.85rem;outline:none;padding:10px 14px;resize:vertical;transition:border-color .2s}.form-group select:focus,.form-group textarea:focus{border-color:#14532d;box-shadow:0 0 0 3px #14532d14}.form-row{display:flex;gap:20px;margin-bottom:16px}.checkbox-label{align-items:center;color:#475569;cursor:pointer;display:flex;font-size:.82rem;font-weight:500;gap:8px}.checkbox-label input[type=checkbox]{accent-color:#14532d;cursor:pointer;height:18px;width:18px}.product-search{margin-bottom:16px;position:relative}.product-search .search-icon{color:#94a3b8;font-size:1.1rem;left:14px;position:absolute;top:12px}.product-search input{background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;font-family:inherit;font-size:.85rem;outline:none;padding:10px 14px 10px 40px;transition:border-color .2s;width:100%}.product-search input:focus{border-color:#14532d;box-shadow:0 0 0 3px #14532d14}.product-dropdown{background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 4px 16px #0000001a;left:0;max-height:200px;overflow-y:auto;position:absolute;right:0;top:calc(100% + 4px);z-index:50}.product-option{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:10px 16px;transition:background .1s}.product-option:hover{background:#f0fdf4}.product-option-name{color:#1e293b;font-size:.82rem;font-weight:500}.product-option-price{color:#14532d;font-family:SF Mono,Fira Code,monospace;font-size:.75rem;font-weight:600}.empty-items{align-items:center;color:#94a3b8;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.empty-items .empty-icon{font-size:2rem;margin-bottom:8px;opacity:.4}.empty-items p{font-size:.85rem;font-weight:500}.items-list{display:flex;flex-direction:column;gap:8px}.item-row{background:#f8fafc;border:1px solid #f1f5f9;border-radius:10px;padding:12px 14px}.item-info{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.item-name{color:#1e293b;font-size:.82rem;font-weight:600}.item-subtotal{color:#14532d;font-size:.78rem;font-weight:700}.item-controls{align-items:center;display:flex;gap:6px}.qty-input{border:1px solid #e2e8f0;border-radius:6px;font-family:inherit;font-size:.8rem;outline:none;padding:6px 8px;text-align:center;width:60px}.qty-input:focus{border-color:#14532d}.item-x{color:#94a3b8;font-size:.8rem}.price-input{border:1px solid #e2e8f0;border-radius:6px;font-family:SF Mono,Fira Code,monospace;font-size:.8rem;outline:none;padding:6px 8px;width:100px}.price-input:focus{border-color:#14532d}.btn-remove{background:none;border:1px solid #fecaca;border-radius:6px;color:#ef4444;cursor:pointer;display:flex;font-size:.9rem;padding:5px 7px;transition:all .15s}.btn-remove:hover{background:#fef2f2}.order-summary{background:#f8fafc;border-radius:10px;display:flex;flex-direction:column;gap:8px;margin-bottom:16px;padding:16px}.summary-row{color:#64748b;display:flex;font-size:.82rem;justify-content:space-between}.summary-row.total{border-top:1px solid #e2e8f0;color:#1e293b;font-size:1rem;font-weight:700;padding-top:8px}.mono{font-family:SF Mono,Fira Code,monospace}@media (max-width:900px){.detail-grid,.new-order-grid{grid-template-columns:1fr}.filters-bar{flex-wrap:wrap}.flow-pipeline{padding:16px}.detail-actions{flex-direction:column}.action-btn-lg{justify-content:center}}@media (max-width:640px){.data-table td:nth-child(3),.data-table td:nth-child(5),.data-table th:nth-child(3),.data-table th:nth-child(5){display:none}}.scanner-indicator{margin-bottom:12px}.low-stock-warn{align-items:center;color:#ef4444;display:inline-flex;font-weight:600;gap:4px}.products-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.product-card{background:#fff;border:1px solid #f1f5f9;border-radius:14px;box-shadow:0 1px 3px #0000000a;padding:18px;transition:all .2s}.product-card:hover{border-color:#e2e8f0;box-shadow:0 4px 12px #0000000f}.product-card.low-stock{background:linear-gradient(180deg,#fff 85%,#fef2f2);border-color:#fecaca}.product-header{align-items:flex-start;display:flex;gap:12px;margin-bottom:14px}.product-icon{align-items:center;background:#f0fdf4;border-radius:10px;color:#16a34a;display:flex;flex-shrink:0;font-size:1.2rem;height:40px;justify-content:center;width:40px}.product-meta{flex:1 1;min-width:0}.product-meta h4{color:#1e293b;font-size:.88rem;font-weight:600;margin:0 0 2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-sku{color:#94a3b8;font-family:SF Mono,Fira Code,monospace;font-size:.68rem;font-weight:500}.btn-edit{background:none;border:1px solid #e2e8f0;border-radius:6px;color:#94a3b8;cursor:pointer;display:flex;flex-shrink:0;font-size:.9rem;padding:5px 7px;transition:all .15s}.btn-edit:hover{background:#f0fdf4;border-color:#bbf7d0;color:#14532d}.btn-delete-card{margin-left:4px}.product-category{background:#f1f5f9;border-radius:5px;color:#64748b;display:inline-block;font-size:.65rem;font-weight:600;margin-bottom:10px;padding:2px 8px}.product-prices{display:flex;gap:16px;margin-bottom:10px}.price-item{display:flex;flex-direction:column;gap:2px}.price-label{color:#94a3b8;font-size:.62rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.price-value{color:#64748b;font-family:SF Mono,Fira Code,monospace;font-size:.8rem;font-weight:600}.price-value.sale{color:#14532d}.stock-info{align-items:center;background:#f8fafc;border-radius:8px;display:flex;justify-content:space-between;padding:8px 12px}.stock-info.low{background:#fef2f2}.stock-label{color:#94a3b8;font-size:.72rem;font-weight:600}.stock-value{color:#1e293b;font-size:.82rem;font-weight:700}.stock-info.low .stock-value{color:#ef4444}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.modal-content{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0003;max-height:90vh;max-width:540px;overflow-y:auto;width:100%}.modal-header{align-items:center;display:flex;justify-content:space-between;padding:20px 24px 0}.modal-header h3{color:#1e293b;font-size:1.1rem;font-weight:700;margin:0}.modal-close{background:none;border:none;color:#94a3b8;cursor:pointer;display:flex;font-size:1.3rem;padding:4px;transition:color .15s}.modal-close:hover{color:#1e293b}.modal-form{padding:20px 24px 24px}.modal-form .form-group{margin-bottom:14px}.modal-form .form-group label{color:#475569;display:block;font-size:.76rem;font-weight:600;margin-bottom:4px}.modal-form input,.modal-form select,.modal-form textarea{background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;color:#1e293b;font-family:inherit;font-size:.85rem;outline:none;padding:9px 12px;transition:border-color .2s;width:100%}.modal-form input:focus,.modal-form select:focus,.modal-form textarea:focus{border-color:#14532d;box-shadow:0 0 0 3px #14532d14}.form-grid-2{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.form-grid-3{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr 1fr}@media (max-width:640px){.form-grid-2,.form-grid-3,.products-grid{grid-template-columns:1fr}}.scanner-indicator{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;display:flex;font-size:.78rem;gap:8px;padding:8px 14px;transition:all .3s ease;white-space:nowrap}.scanner-indicator.active{animation:scanPulse .5s ease;background:#f0fdf4;border-color:#86efac;color:#14532d}.scanner-dot{background:#94a3b8;border-radius:50%;flex-shrink:0;height:8px;transition:background .3s;width:8px}.scanner-indicator.active .scanner-dot{background:#22c55e;box-shadow:0 0 8px #22c55e}@keyframes scanPulse{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.product-barcode{background:#f1f5f9;border-radius:4px;color:#64748b;display:inline-block;font-family:Courier New,monospace;font-size:.7rem;letter-spacing:.5px;padding:1px 6px}.modal-lg{max-width:580px}.modal-tabs{border-bottom:2px solid #f1f5f9;display:flex;padding:0 20px}.modal-tab{background:none;border:none;border-bottom:2px solid #0000;color:#64748b;cursor:pointer;font-size:.85rem;font-weight:500;margin-bottom:-2px;padding:10px 18px;transition:all .2s}.modal-tab:hover{color:#14532d}.modal-tab.active{border-bottom-color:#14532d;color:#14532d;font-weight:600}.presentations-tab{padding:18px 20px}.presentations-hint{background:#f8fafc;border-left:3px solid #14532d;border-radius:10px;color:#64748b;font-size:.82rem;line-height:1.5;margin-bottom:16px;padding:10px 14px}.presentations-list{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.presentation-item{align-items:center;background:#fafafa;border:1px solid #f1f5f9;border-radius:10px;display:flex;gap:12px;padding:12px 14px;transition:border-color .2s}.presentation-item:hover{border-color:#e2e8f0}.presentation-info{display:flex;flex:1 1;flex-direction:column;gap:2px}.presentation-label{color:#1e293b;font-size:.88rem;font-weight:600}.presentation-barcode{color:#94a3b8;font-family:Courier New,monospace;font-size:.72rem;letter-spacing:.5px}.presentation-details{align-items:flex-end;display:flex;flex-direction:column;gap:2px}.presentation-units{background:#f0fdf4;border-radius:12px;color:#14532d;font-size:.9rem;font-weight:700;padding:2px 10px}.presentation-cost{color:#64748b;font-size:.75rem}.btn-delete-sm{align-items:center;background:none;border:none;border-radius:8px;color:#94a3b8;display:flex;height:30px;justify-content:center;transition:all .2s;width:30px}.btn-delete-sm:hover{background:#fef2f2;color:#ef4444}.no-presentations{color:#94a3b8;font-size:.85rem;padding:20px;text-align:center}.presentation-form{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:16px}.presentation-form h4{color:#1e293b;font-size:.9rem;margin-bottom:12px}.form-actions{display:flex;gap:10px;margin-top:12px}.btn-ghost{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;font-size:.82rem;padding:8px 16px;transition:all .2s}.btn-ghost:hover{border-color:#cbd5e1;color:#475569}.btn-secondary.full{justify-content:center;width:100%}.clients-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.client-card{background:#fff;border:1px solid #f1f5f9;border-radius:14px;box-shadow:0 1px 3px #0000000a;padding:18px;transition:all .2s}.client-card:hover{border-color:#e2e8f0;box-shadow:0 4px 12px #0000000f}.client-header{align-items:flex-start;display:flex;gap:12px;margin-bottom:14px}.client-avatar{align-items:center;background:linear-gradient(135deg,#14532d,#16a34a);border-radius:10px;color:#fff;display:flex;flex-shrink:0;font-size:.9rem;font-weight:700;height:40px;justify-content:center;width:40px}.client-meta{flex:1 1;min-width:0}.client-meta h4{color:#1e293b;font-size:.88rem;font-weight:600;margin:0 0 2px}.client-business{color:#94a3b8;font-size:.72rem;font-weight:500}.client-actions{display:flex;gap:4px}.client-details{display:flex;flex-direction:column;gap:8px}.client-detail-row{align-items:center;color:#64748b;display:flex;font-size:.8rem;gap:8px}.detail-label{color:#94a3b8;font-size:.68rem;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.detail-value{color:#475569;font-size:.8rem}.detail-value.mono{font-family:SF Mono,Fira Code,monospace;font-weight:600}.detail-value.truncate{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail-icon{color:#94a3b8;flex-shrink:0;font-size:.9rem}.client-badges{display:flex;gap:6px;margin-top:4px}.credit-badge{border-radius:5px;display:inline-block;font-size:.62rem;font-weight:600;padding:2px 8px}.credit-badge.enabled{background:#dcfce7;color:#16a34a}.credit-badge.disabled{background:#f1f5f9;color:#94a3b8}.ncf-badge{background:#eff6ff;border-radius:5px;color:#3b82f6;display:inline-block;font-family:SF Mono,Fira Code,monospace;font-size:.62rem;font-weight:600;padding:2px 8px}@media (max-width:640px){.clients-grid{grid-template-columns:1fr}}.dispatch-tabs{display:flex;gap:10px;margin-bottom:24px}.dispatch-tab{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:10px;color:#64748b;cursor:pointer;display:flex;font-family:inherit;font-size:.82rem;font-weight:600;gap:8px;padding:10px 18px;transition:all .15s}.dispatch-tab:hover{background:#f8fafc}.dispatch-tab.active{background:#fff;font-weight:700}.tab-count{align-items:center;border-radius:6px;color:#fff;display:inline-flex;font-size:.7rem;font-weight:700;height:22px;justify-content:center;min-width:22px;padding:0 6px}.dispatch-list{display:flex;flex-direction:column;gap:10px}.dispatch-card{align-items:center;background:#fff;border:1px solid #f1f5f9;border-radius:14px;box-shadow:0 1px 3px #0000000a;display:flex;justify-content:space-between;padding:18px 22px;transition:all .2s}.dispatch-card:hover{border-color:#e2e8f0;box-shadow:0 4px 12px #0000000f}.dispatch-info{flex:1 1}.dispatch-order{align-items:center;display:flex;gap:12px;margin-bottom:6px}.dispatch-number{color:#14532d;font-family:SF Mono,Fira Code,monospace;font-size:.85rem;font-weight:700}.dispatch-client{color:#1e293b;font-size:.85rem;font-weight:600}.dispatch-meta{align-items:center;color:#94a3b8;display:flex;font-size:.75rem;gap:16px}.dispatch-total{color:#475569!important;font-weight:700}.action-btn-dispatch{align-items:center;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:.8rem;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s}.action-btn-dispatch:hover:not(:disabled){box-shadow:0 4px 12px #0003;transform:translateY(-1px)}.action-btn-dispatch:disabled{cursor:not-allowed;opacity:.6}.delivered-badge{color:#22c55e;font-size:.78rem;font-weight:600}@media (max-width:640px){.dispatch-card,.dispatch-tabs{flex-direction:column}.dispatch-card{align-items:flex-start;gap:12px}.dispatch-action{width:100%}.action-btn-dispatch{justify-content:center;width:100%}}.commission-summary-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(3,1fr);margin-bottom:24px}.commission-summary-card{background:#fff;border:1px solid #f1f5f9;border-radius:14px;box-shadow:0 1px 3px #0000000a;display:flex;flex-direction:column;gap:6px;padding:20px}.commission-summary-card.pending{border-left:4px solid #f59e0b}.commission-summary-card.paid{border-left:4px solid #22c55e}.commission-summary-card.total{border-left:4px solid #3b82f6}.summary-label{color:#94a3b8;font-size:.72rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.summary-value{color:#1e293b;font-family:SF Mono,Fira Code,monospace;font-size:1.3rem;font-weight:700}.paid-badge{background:#dcfce7!important;border-color:#bbf7d0!important;color:#16a34a!important}.pending-badge{background:#fef3c7!important;border-color:#fde68a!important;color:#d97706!important}.btn-pay{align-items:center;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:6px;color:#16a34a;cursor:pointer;display:flex;font-family:inherit;font-size:.72rem;font-weight:600;gap:4px;padding:5px 12px;transition:all .15s}.btn-pay:hover{background:#dcfce7}.header-actions{gap:10px}.btn-pay-all,.header-actions{align-items:center;display:flex}.btn-pay-all{background:linear-gradient(135deg,#16a34a,#15803d);border:none;border-radius:10px;box-shadow:0 2px 8px #16a34a4d;color:#fff;cursor:pointer;font-family:inherit;font-size:.78rem;font-weight:600;gap:6px;padding:8px 18px;transition:all .2s}.btn-pay-all:hover{box-shadow:0 4px 12px #16a34a66;transform:translateY(-1px)}.row-pending{background:#fffbeb}.date-cell{color:#64748b;font-size:.72rem}.date-paid{color:#16a34a;font-weight:500}.date-created{color:#94a3b8}.confirm-modal{max-width:420px;padding:32px!important;text-align:center}.confirm-icon{color:#f59e0b;font-size:3rem;margin-bottom:8px}.confirm-modal h3{color:#1e293b;font-size:1.1rem;margin:0 0 12px}.confirm-modal p{color:#64748b;font-size:.85rem;line-height:1.5;margin:0 0 16px}.confirm-amount{color:#16a34a;font-family:SF Mono,Fira Code,monospace;font-size:1.5rem;font-weight:700;margin:12px 0}.confirm-details{align-items:center;color:#64748b;display:flex;flex-direction:column;font-size:.82rem;gap:4px}.confirm-actions{display:flex;gap:10px;justify-content:center;margin-top:20px}.btn-cancel{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;color:#64748b;cursor:pointer;font-family:inherit;font-size:.8rem;font-weight:600;padding:10px 24px;transition:all .15s}.btn-cancel:hover{background:#e2e8f0}.btn-confirm-pay{align-items:center;background:linear-gradient(135deg,#16a34a,#15803d);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:.8rem;font-weight:600;gap:6px;padding:10px 24px;transition:all .2s}.btn-confirm-pay:hover{box-shadow:0 4px 12px #16a34a4d}.btn-confirm-pay:disabled{cursor:not-allowed;opacity:.6}@media (max-width:640px){.commission-summary-grid{grid-template-columns:1fr}.confirm-actions,.header-actions{flex-direction:column}}.report-metrics{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(3,1fr);margin-bottom:24px}.report-metric{background:#fff;border:1px solid #f1f5f9;border-radius:14px;box-shadow:0 1px 3px #0000000a;display:flex;flex-direction:column;gap:6px;padding:20px}.metric-label{color:#94a3b8;font-size:.72rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.metric-value{color:#1e293b;font-family:SF Mono,Fira Code,monospace;font-size:1.4rem;font-weight:700}.reports-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1.5fr 1fr;margin-bottom:24px}.report-card{background:#fff;border:1px solid #f1f5f9;border-radius:14px;box-shadow:0 1px 3px #0000000a;margin-bottom:20px;padding:24px}.report-card h3{align-items:center;color:#1e293b;display:flex;font-size:.9rem;font-weight:600;gap:8px;margin:0 0 20px}.chart-container{width:100%}.pie-container{align-items:center;display:flex;flex-direction:column;gap:16px}.pie-legend{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.legend-item{align-items:center;color:#64748b;display:flex;font-size:.7rem;gap:4px}.legend-dot{border-radius:50%;height:8px;width:8px}.legend-value{color:#1e293b;font-weight:700;margin-left:2px}.no-data{color:#94a3b8;font-size:.85rem;padding:40px;text-align:center}.top-salesmen{display:flex;flex-direction:column;gap:8px}.salesman-row{align-items:center;background:#f8fafc;border-radius:10px;display:flex;gap:12px;padding:12px 16px;transition:background .15s}.salesman-row:hover{background:#f0fdf4}.salesman-rank{color:#14532d;font-size:.78rem;font-weight:700;width:24px}.salesman-name{color:#1e293b;flex:1 1;font-size:.85rem;font-weight:600}.salesman-orders{color:#94a3b8;font-size:.72rem;font-weight:500}.salesman-total{color:#14532d;font-size:.82rem;font-weight:700}@media (max-width:900px){.report-metrics,.reports-grid{grid-template-columns:1fr}}@media print{.expense-filters,.expense-tabs,.no-print,.page-header button{display:none!important}.reports-page{padding:0}.report-metrics{gap:10px;grid-template-columns:repeat(2,1fr);page-break-inside:avoid}.report-metric{padding:12px}.reports-grid{display:block}.report-card{border:1px solid #ddd;box-shadow:none;margin-bottom:20px;page-break-inside:avoid}table{font-size:11px}.report-chart{max-height:300px}@page{size:letter portrait;margin:1.5cm}}.users-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.user-card{align-items:center;background:#fff;border:1px solid #f1f5f9;border-radius:14px;box-shadow:0 1px 3px #0000000a;display:flex;gap:14px;padding:20px;transition:all .2s}.user-card:hover{border-color:#e2e8f0;box-shadow:0 4px 12px #0000000f}.btn-delete-card{background:none;border:1px solid #fecaca;border-radius:6px;color:#f87171;cursor:pointer;display:flex;flex-shrink:0;font-size:.9rem;margin-left:auto;padding:5px 7px;transition:all .15s}.btn-delete-card:hover{background:#fef2f2;border-color:#f87171;color:#dc2626}.user-card-avatar{align-items:center;background:linear-gradient(135deg,#14532d,#16a34a);border-radius:12px;color:#fff;display:flex;flex-shrink:0;font-size:1.1rem;font-weight:700;height:48px;justify-content:center;width:48px}.user-card-info{flex:1 1;min-width:0}.user-card-info h4{color:#1e293b;font-size:.9rem;font-weight:600;margin:0 0 2px}.user-card-email{color:#94a3b8;display:block;font-size:.72rem;margin-bottom:8px}.user-card-badges{display:flex;gap:6px}@media (max-width:640px){.users-grid{grid-template-columns:1fr}}.expenses-page .expense-summary-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}.expense-summary-card{background:#fff;border:1px solid #f1f5f9;border-radius:14px;box-shadow:0 1px 3px #0000000a;display:flex;flex-direction:column;gap:6px;padding:20px}.expense-summary-card.expenses-total{border-left:4px solid #ef4444}.expense-summary-card.revenue-total{border-left:4px solid #22c55e}.expense-summary-card.profit-total{border-left:4px solid #3b82f6}.expense-summary-card.margin-total{border-left:4px solid #8b5cf6}.expense-summary-card .summary-label{color:#94a3b8;font-size:.72rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.expense-summary-card .summary-value{color:#1e293b;font-family:SF Mono,Fira Code,monospace;font-size:1.3rem;font-weight:700}.expense-summary-card .summary-value.negative{color:#ef4444}.expense-summary-card .summary-value.positive{color:#16a34a}.expense-filters{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.expense-filters input[type=date],.expense-filters select{background:#fff;border:1px solid #e2e8f0;border-radius:10px;color:#334155;font-family:inherit;font-size:.8rem;padding:8px 14px}.expense-filters .filter-label{color:#94a3b8;display:flex;flex-direction:column;font-size:.72rem;font-weight:600;gap:4px;text-transform:uppercase}.expense-tabs{background:#f1f5f9;border-radius:12px;display:flex;gap:4px;margin-bottom:24px;padding:4px;width:-webkit-fit-content;width:fit-content}.expense-tab{background:#0000;border:none;border-radius:10px;color:#64748b;cursor:pointer;font-family:inherit;font-size:.78rem;font-weight:600;padding:8px 20px;transition:all .2s}.expense-tab.active{background:#fff;box-shadow:0 1px 3px #00000014;color:#1e293b}.category-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-bottom:20px}.category-card{align-items:center;background:#fff;border:1px solid #f1f5f9;border-radius:12px;display:flex;justify-content:space-between;padding:16px}.category-info{display:flex;flex-direction:column;gap:2px}.category-name{color:#334155;font-size:.82rem;font-weight:600}.category-count{color:#94a3b8;font-size:.7rem}.category-amount{color:#ef4444;font-family:SF Mono,Fira Code,monospace;font-size:.9rem;font-weight:700}.expense-form-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr}.expense-form-grid .form-group.full-width{grid-column:1/-1}.expense-form-grid textarea{min-height:60px;resize:vertical}.payment-badge{border-radius:6px;display:inline-flex;font-size:.68rem;font-weight:600;padding:2px 8px;text-transform:capitalize}.payment-badge.efectivo{background:#fef3c7;color:#92400e}.payment-badge.transferencia{background:#dbeafe;color:#1e40af}.payment-badge.cheque{background:#f3e8ff;color:#6b21a8}.payment-badge.tarjeta{background:#dcfce7;color:#166534}.btn-delete-sm{background:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#dc2626;cursor:pointer;font-family:inherit;font-size:.68rem;font-weight:600;padding:4px 10px;transition:all .15s}.btn-delete-sm:hover{background:#fee2e2}@media (max-width:768px){.expenses-page .expense-summary-grid{grid-template-columns:repeat(2,1fr)}.expense-form-grid{grid-template-columns:1fr}.expense-tabs{width:100%}.expense-tab{flex:1 1;text-align:center}}@media (max-width:480px){.expenses-page .expense-summary-grid{grid-template-columns:1fr}}.credit-notes-page .cn-summary-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(3,1fr);margin-bottom:24px}.cn-summary-card{background:#fff;border:1px solid #f1f5f9;border-radius:14px;box-shadow:0 1px 3px #0000000a;display:flex;flex-direction:column;gap:6px;padding:20px}.cn-summary-card.cn-count{border-left:4px solid #3b82f6}.cn-summary-card.cn-tax{border-left:4px solid #f59e0b}.cn-summary-card.cn-total{border-left:4px solid #ef4444}.cn-summary-card .summary-label{color:#94a3b8;font-size:.72rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.cn-summary-card .summary-value{color:#1e293b;font-family:SF Mono,Fira Code,monospace;font-size:1.3rem;font-weight:700}.cn-filters{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.cn-filters input[type=text],.cn-filters select{background:#fff;border:1px solid #e2e8f0;border-radius:10px;color:#334155;font-family:inherit;font-size:.8rem;padding:8px 14px}.cn-table-wrapper{background:#fff;border:1px solid #f1f5f9;border-radius:14px;overflow-x:auto}.cn-table{border-collapse:collapse;width:100%}.cn-table th{border-bottom:1px solid #f1f5f9;color:#94a3b8;font-size:.72rem;font-weight:600;letter-spacing:.5px;padding:12px 16px;text-align:left;text-transform:uppercase;white-space:nowrap}.cn-table td{border-bottom:1px solid #f8fafc;color:#334155;font-size:.82rem;padding:12px 16px;vertical-align:middle}.cn-table tr:hover td{background:#f8fafc}.cn-table .cn-number{color:#1e293b;font-weight:700}.cn-table .cn-ncf{color:#8b5cf6;font-size:.75rem}.cn-table .cn-amount,.cn-table .cn-ncf{font-family:SF Mono,Fira Code,monospace}.cn-table .cn-amount{color:#ef4444;font-weight:700}.cn-status{align-items:center;border-radius:8px;display:inline-flex;font-size:.72rem;font-weight:600;gap:4px;padding:3px 10px;white-space:nowrap}.cn-status.draft{background:#fef3c7;color:#92400e}.cn-status.confirmed{background:#dcfce7;color:#166534}.cn-status.cancelled{background:#fee2e2;color:#991b1b}.cn-type{align-items:center;border-radius:8px;display:inline-flex;font-size:.72rem;font-weight:600;padding:3px 10px}.cn-type.partial{background:#e0e7ff;color:#3730a3}.cn-type.total{background:#fce7f3;color:#9d174d}.cn-actions{display:flex;gap:6px}.cn-actions .btn-sm{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.72rem;font-weight:600;gap:4px;padding:5px 10px;transition:all .15s}.cn-actions .btn-confirm{background:#dcfce7;color:#166534}.cn-actions .btn-confirm:hover{background:#bbf7d0}.cn-actions .btn-cancel{background:#fee2e2;color:#991b1b}.cn-actions .btn-cancel:hover{background:#fecaca}.cn-actions .btn-view{background:#e0e7ff;color:#3730a3}.cn-actions .btn-view:hover{background:#c7d2fe}.cn-actions .btn-print{background:#fef2f2;color:#dc2626}.cn-actions .btn-print:hover{background:#fecaca}.cn-modal-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:100}.cn-modal{background:#fff;border-radius:18px;box-shadow:0 25px 50px -12px #00000040;max-height:90vh;max-width:750px;overflow-y:auto;width:100%}.cn-modal-header{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:20px 24px}.cn-modal-header h3{color:#1e293b;font-size:1.1rem;font-weight:700;margin:0}.cn-modal-body{padding:20px 24px}.cn-modal-footer{border-top:1px solid #f1f5f9;display:flex;gap:10px;justify-content:flex-end;padding:16px 24px}.cn-form-group{margin-bottom:16px}.cn-form-group label{color:#475569;display:block;font-size:.78rem;font-weight:600;margin-bottom:6px}.cn-form-group input,.cn-form-group select,.cn-form-group textarea{border:1px solid #e2e8f0;border-radius:10px;box-sizing:border-box;color:#334155;font-family:inherit;font-size:.85rem;padding:10px 14px;transition:border-color .15s;width:100%}.cn-form-group input:focus,.cn-form-group select:focus,.cn-form-group textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.cn-form-group textarea{min-height:60px;resize:vertical}.cn-items-list{border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.cn-item-row{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;gap:12px;padding:12px 14px}.cn-item-row:last-child{border-bottom:none}.cn-item-row .item-check{accent-color:#3b82f6;cursor:pointer;height:18px;width:18px}.cn-item-row .item-info{flex:1 1;min-width:0}.cn-item-row .item-name{color:#1e293b;font-size:.85rem;font-weight:600}.cn-item-row .item-sku{color:#94a3b8;font-size:.72rem}.cn-item-row .item-price{color:#64748b;font-family:SF Mono,Fira Code,monospace;font-size:.8rem}.cn-item-row .item-qty-input{border:1px solid #e2e8f0;border-radius:8px;font-family:inherit;font-size:.82rem;padding:6px 10px;text-align:center;width:65px}.cn-item-row .item-max{color:#94a3b8;font-size:.7rem;white-space:nowrap}.cn-item-row .item-total{color:#ef4444;font-family:SF Mono,Fira Code,monospace;font-size:.85rem;font-weight:700;min-width:80px;text-align:right}.cn-item-row.disabled{opacity:.4;pointer-events:none}.cn-totals{background:#f8fafc;border-radius:12px;margin-top:16px;padding:14px 16px}.cn-totals-row{color:#64748b;display:flex;font-size:.82rem;justify-content:space-between;padding:4px 0}.cn-totals-row.grand{border-top:2px solid #e2e8f0;color:#ef4444;font-size:1rem;font-weight:800;margin-top:8px;padding-top:10px}.cn-totals-row .value{font-family:SF Mono,Fira Code,monospace;font-weight:600}.cn-detail-section{margin-bottom:16px}.cn-detail-section h4{color:#475569;font-size:.82rem;font-weight:700;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.cn-detail-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr}.cn-detail-item{display:flex;flex-direction:column;gap:2px}.cn-detail-item .detail-label{color:#94a3b8;font-size:.7rem;text-transform:uppercase}.cn-detail-item .detail-value{color:#1e293b;font-size:.85rem;font-weight:600}.cn-detail-item .detail-value.mono{font-family:SF Mono,Fira Code,monospace}.cn-empty{color:#94a3b8;padding:60px 20px;text-align:center}.cn-empty svg{height:48px;margin-bottom:12px;opacity:.4;width:48px}.cn-empty p{font-size:.9rem;margin:0}.cn-order-search{position:relative}.cn-order-results{background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 10px 25px #0000001a;left:0;margin-top:4px;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:10}.cn-order-result-item{border-bottom:1px solid #f8fafc;cursor:pointer;padding:10px 14px;transition:background .1s}.cn-order-result-item:hover{background:#f0fdf4}.cn-order-result-item .order-num{color:#1e293b;font-size:.85rem;font-weight:700}.cn-order-result-item .order-info{color:#64748b;font-size:.75rem}.cn-confirm-modal{max-width:420px}.cn-confirm-modal .cn-modal-body{text-align:center}.cn-confirm-modal .confirm-icon{color:#f59e0b;height:48px;margin:0 auto 12px;width:48px}.cn-confirm-modal .confirm-text{color:#475569;font-size:.9rem;margin-bottom:12px}.cn-confirm-modal .confirm-amount{color:#ef4444;font-family:SF Mono,Fira Code,monospace;font-size:1.4rem;font-weight:800}@media (max-width:768px){.cn-detail-grid,.credit-notes-page .cn-summary-grid{grid-template-columns:1fr}.cn-item-row{flex-wrap:wrap}}.admin-page{margin:0 auto;max-width:1280px}.admin-page .page-header{margin-bottom:24px}.admin-page .page-header h1{align-items:center;color:#1e293b;display:flex;font-size:1.5rem;font-weight:700;gap:10px;letter-spacing:-.3px;margin:0 0 4px}.admin-page .page-header h1 svg{color:#14532d;font-size:1.4rem}.admin-page .page-header p{color:#94a3b8;font-size:.85rem;font-weight:400;margin:0}.admin-page .loading-state{align-items:center;color:#94a3b8;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:400px}.admin-tabs{background:#f1f5f9;border-radius:12px;display:flex;gap:4px;margin-bottom:24px;overflow-x:auto;padding:4px;width:-webkit-fit-content;width:fit-content}.admin-tab{align-items:center;background:#0000;border:none;border-radius:10px;color:#64748b;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.78rem;font-weight:600;gap:6px;padding:9px 18px;transition:all .2s;white-space:nowrap}.admin-tab:hover{background:#ffffff80;color:#334155}.admin-tab.active{background:#fff;box-shadow:0 1px 3px #00000014;color:#14532d}.admin-tab svg{flex-shrink:0;font-size:1rem}.admin-section{background:#fff;border:1px solid #f1f5f9;border-radius:14px;box-shadow:0 1px 3px #0000000a;margin-bottom:20px;padding:24px}.admin-section h3{align-items:center;color:#1e293b;display:flex;font-size:.92rem;font-weight:600;gap:8px;margin:0 0 18px}.admin-section h3 svg{color:#14532d;font-size:1.1rem}.section-subtitle{color:#94a3b8;font-size:.78rem;margin:-10px 0 18px}.stats-grid-4{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(4,1fr)}.stat-card-admin{background:#f8fafc;border:1px solid #f1f5f9;border-radius:12px;display:flex;flex-direction:column;gap:4px;padding:18px;transition:all .2s}.stat-card-admin:hover{border-color:#e2e8f0;box-shadow:0 2px 8px #0000000a}.stat-card-admin .stat-value{color:#1e293b;font-family:SF Mono,Fira Code,monospace;font-size:1.25rem;font-weight:700;line-height:1.2}.stat-card-admin .stat-label{color:#94a3b8;font-size:.68rem;font-weight:600;letter-spacing:.4px;text-transform:uppercase}.stat-card-admin.highlight-blue{background:#eff6ff;border-color:#bfdbfe}.stat-card-admin.highlight-blue .stat-value{color:#2563eb}.stat-card-admin.highlight-green{background:#f0fdf4;border-color:#bbf7d0}.stat-card-admin.highlight-green .stat-value{color:#16a34a}.stat-card-admin.highlight-purple{background:#faf5ff;border-color:#e9d5ff}.stat-card-admin.highlight-purple .stat-value{color:#9333ea}.stat-card-admin.highlight-orange{background:#fff7ed;border-color:#fed7aa}.stat-card-admin.highlight-orange .stat-value{color:#ea580c}.mini-table{overflow-x:auto}.mini-table table{border-collapse:collapse;width:100%}.mini-table th{border-bottom:1px solid #f1f5f9;color:#94a3b8;font-size:.68rem;font-weight:600;letter-spacing:.5px;padding:8px 12px;text-align:left;text-transform:uppercase}.mini-table td{border-bottom:1px solid #f8fafc;color:#475569;font-size:.8rem;padding:10px 12px}.mini-table tbody tr:hover{background:#f8fafc}.mini-table code{background:#f1f5f9;border-radius:4px;color:#64748b;font-size:.72rem;padding:2px 6px}.table-responsive{margin:0 -8px;overflow-x:auto;padding:0 8px}.admin-table{border-collapse:collapse;min-width:600px;width:100%}.admin-table th{border-bottom:2px solid #f1f5f9;color:#94a3b8;font-size:.68rem;font-weight:600;letter-spacing:.5px;padding:10px 12px;text-align:left;text-transform:uppercase;white-space:nowrap}.admin-table td{border-bottom:1px solid #f8fafc;color:#475569;font-size:.8rem;padding:12px;vertical-align:middle}.admin-table tbody tr{transition:background .15s}.admin-table tbody tr:hover{background:#f8fafc}.admin-table code{background:#f1f5f9;border-radius:4px;color:#64748b;font-size:.72rem;padding:2px 6px}.row-inactive{opacity:.55}.row-inactive td{text-decoration:line-through;-webkit-text-decoration-color:#cbd5e1;text-decoration-color:#cbd5e1}.row-inactive td:last-child{text-decoration:none}.inline-input{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#334155;font-family:inherit;font-size:.78rem;max-width:180px;padding:5px 10px;transition:border-color .2s;width:100%}.inline-input:focus{border-color:#14532d;box-shadow:0 0 0 3px #14532d14;outline:none}.inline-select{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#334155;cursor:pointer;font-family:inherit;font-size:.78rem;min-width:120px;padding:5px 10px}.inline-select:focus{border-color:#14532d;box-shadow:0 0 0 3px #14532d14;outline:none}.status-badge{align-items:center;border-radius:6px;display:inline-flex;font-size:.65rem;font-weight:600;padding:3px 10px;white-space:nowrap}.status-active{background:#dcfce7;color:#16a34a}.status-inactive{background:#fee2e2;color:#dc2626}.role-badge{align-items:center;border-radius:6px;display:inline-flex;font-size:.65rem;font-weight:600;gap:4px;padding:3px 10px}.role-admin{background:#fef3c7;color:#d97706}.role-manager{background:#dbeafe;color:#2563eb}.role-salesman{background:#dcfce7;color:#16a34a}.role-warehouse{background:#f3e8ff;color:#9333ea}.role-delivery{background:#ffedd5;color:#ea580c}.role-cashier{background:#ccfbf1;color:#0d9488}.role-accountant{background:#f1f5f9;color:#475569}.action-btns{align-items:center;display:flex;gap:4px}.btn-icon{align-items:center;background:#0000;border:none;border-radius:8px;color:#64748b;cursor:pointer;display:inline-flex;font-size:1rem;height:30px;justify-content:center;transition:all .15s;width:30px}.btn-icon:hover{background:#f1f5f9;color:#334155}.btn-icon.btn-save{color:#16a34a}.btn-icon.btn-save:hover{background:#dcfce7}.btn-icon.btn-cancel{color:#94a3b8}.btn-icon.btn-cancel:hover{background:#f1f5f9;color:#64748b}.btn-icon.btn-danger{color:#dc2626}.btn-icon.btn-danger:hover{background:#fee2e2}.btn-icon.btn-success{color:#16a34a}.btn-icon.btn-success:hover{background:#dcfce7}.settings-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.setting-item{gap:6px}.setting-item,.setting-item label{display:flex;flex-direction:column}.setting-item label{gap:2px}.setting-label{color:#334155;font-size:.8rem;font-weight:500}.setting-key{color:#94a3b8;font-family:SF Mono,Fira Code,monospace;font-size:.65rem}.setting-item input,.setting-item select{background:#fff;border:1px solid #e2e8f0;border-radius:10px;color:#334155;font-family:inherit;font-size:.82rem;padding:8px 14px;transition:border-color .2s}.setting-item input:focus,.setting-item select:focus{border-color:#14532d;box-shadow:0 0 0 3px #14532d14;outline:none}.settings-actions{align-items:center;background:#fff;border-radius:0 0 14px 14px;border-top:1px solid #f1f5f9;bottom:0;display:flex;gap:12px;margin:0 -24px -24px;padding:16px 24px;position:-webkit-sticky;position:sticky;z-index:10}.changes-count{background:#fef3c7;border-radius:8px;color:#d97706;font-size:.78rem;font-weight:600;margin-right:auto;padding:4px 12px}.modal-sm{max-width:420px}.modal-subtitle{color:#64748b;font-size:.82rem;margin-bottom:16px}.modal-subtitle strong{color:#1e293b}.password-input-wrap{align-items:center;display:flex;position:relative}.password-input-wrap input{border:1px solid #e2e8f0;border-radius:10px;color:#334155;font-family:inherit;font-size:.85rem;padding:10px 44px 10px 14px;width:100%}.password-input-wrap input:focus{border-color:#14532d;box-shadow:0 0 0 3px #14532d14;outline:none}.password-toggle{align-items:center;background:#0000;border:none;border-radius:8px;color:#94a3b8;cursor:pointer;display:flex;font-size:1.1rem;height:34px;justify-content:center;position:absolute;right:4px;transition:all .15s;width:34px}.password-toggle:hover{background:#f1f5f9;color:#334155}.audit-filters{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}.audit-filters select{background:#fff;border:1px solid #e2e8f0;border-radius:10px;color:#334155;font-family:inherit;font-size:.78rem;padding:8px 14px}.audit-filters select:focus{border-color:#14532d;outline:none}.audit-action{background:#f1f5f9;border-radius:6px;color:#475569;display:inline-flex;font-family:SF Mono,Fira Code,monospace;font-size:.68rem;font-weight:600;padding:3px 8px;white-space:nowrap}.audit-details{max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.audit-details code{background:#f8fafc;border-radius:4px;color:#64748b;font-size:.68rem;padding:2px 6px}.text-nowrap{white-space:nowrap}.text-danger{color:#dc2626!important;font-weight:600}.pagination{align-items:center;border-top:1px solid #f1f5f9;display:flex;gap:12px;justify-content:center;margin-top:20px;padding-top:16px}.pagination button{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#334155;cursor:pointer;font-family:inherit;font-size:.78rem;font-weight:600;padding:7px 16px;transition:all .15s}.pagination button:hover:not(:disabled){background:#f0fdf4;border-color:#14532d;color:#14532d}.pagination button:disabled{cursor:not-allowed;opacity:.4}.pagination span{color:#94a3b8;font-size:.75rem;font-weight:500}.export-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.export-card{background:#f8fafc;border:1px solid #f1f5f9;border-radius:12px;display:flex;flex-direction:column;gap:10px;padding:20px;transition:all .2s}.export-card:hover{border-color:#e2e8f0;box-shadow:0 4px 12px #0000000a}.export-card-header{align-items:center;display:flex;gap:10px}.export-icon{font-size:1.5rem}.export-card-header h4{color:#1e293b;font-size:.92rem;font-weight:600;margin:0}.export-card p{color:#64748b;flex:1 1;font-size:.75rem;line-height:1.4;margin:0}.export-card .btn-primary{align-self:flex-start;margin-top:4px}.admin-page .btn-primary{align-items:center;background:linear-gradient(135deg,#14532d,#16a34a);border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.78rem;font-weight:600;gap:6px;padding:9px 18px;transition:all .2s}.admin-page .btn-primary:hover{box-shadow:0 4px 12px #16a34a4d;opacity:.92}.admin-page .btn-primary:disabled{box-shadow:none;cursor:not-allowed;opacity:.5}.admin-page .btn-primary.full{justify-content:center;width:100%}.admin-page .btn-secondary{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:10px;color:#475569;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.78rem;font-weight:600;gap:6px;padding:9px 18px;transition:all .15s}.admin-page .btn-secondary:hover{background:#f8fafc;border-color:#cbd5e1}.btn-sm{font-size:.72rem!important;padding:6px 12px!important}.empty-state-card{align-items:center;color:#94a3b8;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:48px 20px}.empty-state-card .empty-icon{font-size:2.5rem;opacity:.4}.empty-state-card p{font-size:.85rem;font-weight:500}@media (max-width:1024px){.stats-grid-4{grid-template-columns:repeat(2,1fr)}.settings-grid{grid-template-columns:1fr}}@media (max-width:768px){.admin-tabs{width:100%}.admin-tab span{display:none}.admin-tab{flex:1 1;justify-content:center;padding:9px 14px}.admin-section{padding:16px}.settings-actions{flex-wrap:wrap;margin:0 -16px -16px;padding:12px 16px}.export-grid{grid-template-columns:1fr}.audit-filters{align-items:stretch;flex-direction:column}.pagination{flex-direction:column;gap:8px}}@media (max-width:480px){.stats-grid-4{grid-template-columns:1fr}.admin-page .page-header h1{font-size:1.2rem}}.loader{align-items:center;display:flex;justify-content:center;min-height:100vh}.loader:after{animation:spin .6s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#14532d;content:"";height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.container{margin:0 auto;max-width:1280px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f0f2f5;color:#1a1a2e;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}code{font-family:SF Mono,Fira Code,Fira Mono,Menlo,Monaco,monospace}
/*# sourceMappingURL=main.8646d7b6.css.map*/