@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--bg-base:#f1f5f9;--bg-surface:#fff;--bg-elevated:#fff;--bg-card:#fff;--bg-overlay:#fff;--bg-hover:#e2e8f0;--accent-primary:#2563eb;--accent-primary-h:#1d4ed8;--accent-secondary:#0284c7;--accent-glow:#2563eb26;--status-pending:#d97706;--status-sent:#2563eb;--status-delivered:#059669;--status-cancelled:#dc2626;--text-primary:#0f172a;--text-secondary:#334155;--text-muted:#64748b;--text-accent:#2563eb;--border-subtle:#e2e8f0;--border-default:#cbd5e1;--border-strong:#94a3b8;--border-accent:#2563eb66;--sidebar-width:210px;--header-height:56px;--shadow-sm:0 1px 3px #0000000f;--shadow-md:0 4px 16px #00000014;--shadow-lg:0 12px 32px #0000001f;--shadow-glow:0 0 20px #2563eb26;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-xl:24px;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg-base);height:100%;color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:14px;line-height:1.5}#root{height:100%}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-surface)}::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}h1{color:#0f172a;font-size:1.6rem;font-weight:800}h2{color:#0f172a;font-size:1.25rem;font-weight:700}h3{color:#0f172a;font-size:1rem;font-weight:700}.btn{border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:none;align-items:center;gap:6px;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:var(--accent-primary);color:#fff;box-shadow:0 2px 10px #2563eb4d}.btn-primary:hover{background:var(--accent-primary-h);transform:translateY(-1px);box-shadow:0 4px 14px #2563eb73}.btn-primary:active{transform:translateY(0)}.btn-outline{color:#334155;background:#fff;border:1px solid #cbd5e1}.btn-outline:hover{color:#0f172a;background:#f1f5f9;border-color:#94a3b8}.btn-ghost{color:#475569;background:0 0}.btn-ghost:hover{color:#0f172a;background:#f1f5f9}.btn-create-action{letter-spacing:.03em;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);border:1px solid #fff3;border-radius:10px;align-items:center;gap:8px;height:42px;margin-left:8px;padding:10px 22px;font-size:13px;font-weight:800;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 4px 16px #2563eb59;color:#fff!important}.btn-create-action:hover{background:linear-gradient(135deg,#1d4ed8 0%,#1e40af 100%);transform:translateY(-2px);box-shadow:0 6px 20px #2563eb80}.btn-create-action:active{transform:translateY(0)}.btn-danger{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.btn-danger:hover{background:#fee2e2}.btn-success{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0}.btn-success:hover{background:#d1fae5}.btn-sm{padding:5px 12px;font-size:12px}.btn-icon{border-radius:var(--radius-sm);padding:7px}.form-group{flex-direction:column;gap:6px;display:flex}.form-label{color:#334155;text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:600}.form-control{border-radius:var(--radius-sm);color:#0f172a;width:100%;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);background:#fff;border:1px solid #cbd5e1;outline:none;padding:9px 12px;font-family:inherit;font-size:14px;font-weight:500}.form-control:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-glow)}.form-control::placeholder{color:#94a3b8}select.form-control{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;padding-right:32px}.stat-card{border-radius:var(--radius-md);transition:border-color var(--transition-fast), transform var(--transition-fast);background:#fff;border:1px solid #cbd5e1;flex-direction:column;gap:10px;padding:18px 22px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 14px #0000000d}.stat-card:hover{border-color:#2563eb;transform:translateY(-2px)}.stat-card-icon{background:var(--card-accent-bg,#2563eb1a);width:40px;height:40px;color:var(--card-accent,#2563eb);border:1px solid #0000000f;border-radius:10px;justify-content:center;align-items:center;display:flex}.stat-card-label{color:#64748b;text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:700}.stat-card-value{color:#0f172a;font-size:1.6rem;font-weight:800;line-height:1.2}.stat-card-sub{color:#64748b;font-size:11px;font-weight:500}.stat-cards-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px;margin-bottom:20px;display:grid}.finance-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;display:grid}.finance-card{border-radius:var(--radius-md);background:#fff;border:1px solid #cbd5e1;flex-direction:column;gap:12px;padding:24px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 14px #0000000d}.finance-card-accent{background:var(--card-glow,#2563eb14);border-radius:50%;width:80px;height:80px;position:absolute;top:0;right:0;transform:translate(20px,-20px)}.finance-card-label{color:#64748b;text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:700}.finance-card-value{color:#0f172a;font-size:1.8rem;font-weight:800}.finance-card-trend{align-items:center;gap:4px;font-size:12px;font-weight:600;display:flex}.module-page{flex-direction:column;gap:16px;height:100%;display:flex}.module-title{color:#0f172a;align-items:center;gap:8px;font-size:1.1rem;font-weight:800;display:flex}.module-title-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.grid-toolbar{border-radius:var(--radius-md) var(--radius-md) 0 0;background:#fff;border:1px solid #cbd5e1;border-bottom:none;align-items:center;gap:10px;padding:12px 16px;display:flex}.grid-toolbar-spacer{flex:1}.grid-search{position:relative}.grid-search input{border-radius:var(--radius-sm);color:#0f172a;width:220px;transition:border-color var(--transition-fast);background:#fff;border:1px solid #cbd5e1;outline:none;padding:7px 12px 7px 32px;font-family:inherit;font-size:13px;font-weight:500}.grid-search input:focus{border-color:var(--accent-primary)}.grid-search-icon{color:#64748b;pointer-events:none;position:absolute;top:50%;left:9px;transform:translateY(-50%)}.grid-wrapper{border-radius:0 0 var(--radius-md) var(--radius-md);border:1px solid #cbd5e1;flex:1;min-height:0;overflow:hidden}.badge{letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;border-radius:100px;align-items:center;gap:4px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.badge-pending{color:#b45309;background:#fef3c7;border:1px solid #fde68a}.badge-sent{color:#1d4ed8;background:#dbeafe;border:1px solid #bfdbfe}.badge-delivered{color:#047857;background:#d1fae5;border:1px solid #a7f3d0}.badge-cancelled{color:#b91c1c;background:#fee2e2;border:1px solid #fecaca}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0f172a80;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{border-radius:var(--radius-lg);color:#0f172a;background:#fff;border:1px solid #cbd5e1;flex-direction:column;width:min(560px,95vw);max-height:90vh;animation:.3s slideUp;display:flex;overflow:hidden;box-shadow:0 20px 40px #00000026}.modal-lg{width:min(720px,95vw)}.modal-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:18px 24px 16px;display:flex}.modal-title{color:#0f172a;align-items:center;gap:8px;font-size:1rem;font-weight:700;display:flex}.modal-body{flex-direction:column;gap:16px;padding:24px;display:flex;overflow-y:auto}.modal-footer{border-top:1px solid #e2e8f0;justify-content:flex-end;gap:10px;padding:16px 24px 20px;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.actions-cell{justify-content:center;align-items:center;height:100%;display:flex;position:relative}.actions-menu{z-index:99999;border-radius:var(--radius-sm);background:#fff;border:1px solid #cbd5e1;min-width:160px;position:fixed;overflow:hidden;box-shadow:0 10px 30px #00000026}.actions-menu-item{cursor:pointer;color:#334155;transition:background var(--transition-fast), color var(--transition-fast);text-align:left;background:0 0;border:none;align-items:center;gap:8px;width:100%;padding:9px 14px;font-family:inherit;font-size:13px;font-weight:500;display:flex}.actions-menu-item:hover{color:#0f172a;background:#f1f5f9}.actions-menu-item.danger{color:#dc2626}.actions-menu-item.danger:hover{background:#fef2f2}.login-page{color:#1e293b;background:linear-gradient(135deg,#fbf9f5 0%,#f5efe6 50%,#eae3d2 100%);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.login-bg-grid{opacity:.7;background-image:linear-gradient(#b4a08c1f 1px,#0000 1px),linear-gradient(90deg,#b4a08c1f 1px,#0000 1px);background-size:36px 36px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 40%,#0000 80%);mask-image:radial-gradient(#000 40%,#0000 80%)}.login-glow{pointer-events:none;background:radial-gradient(circle,#f59e0b1f 0%,#fbbf240d 45%,#0000 70%);width:650px;height:650px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.login-card{border-radius:var(--radius-xl);color:#1e293b;background:#fff;border:1px solid #dcd2c3cc;width:min(420px,95vw);padding:40px 44px;animation:.5s slideUp;position:relative;box-shadow:0 20px 45px -15px #78645024,0 0 1px #00000014}.login-card h2{color:#0f172a!important}.login-card p{color:#64748b!important}.login-card .form-label{color:#475569!important}.login-card .form-control{color:#0f172a!important;background:#fdfbf7!important;border-color:#e2ddd3!important}.login-card .form-control:focus{background:#fff!important;border-color:#3b82f6!important;box-shadow:0 0 0 3px #3b82f626!important}.login-logo{align-items:center;gap:12px;margin-bottom:32px;display:flex}.login-logo-icon{border-radius:var(--radius-md);background:linear-gradient(135deg,#3b82f6,#6366f1);justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:0 4px 16px #3b82f659}.login-logo-text h1{color:#0f172a;font-size:1.1rem;font-weight:800;line-height:1.2}.login-logo-text p{color:#64748b;font-size:11px;font-weight:500}.login-form{flex-direction:column;gap:18px;display:flex}.login-error{border-radius:var(--radius-sm);color:#000;background:#fee2e2;border:1.5px solid #ef4444;align-items:center;gap:8px;padding:10px 14px;font-size:13px;font-weight:700;display:flex}.alert{border-radius:var(--radius-sm);align-items:flex-start;gap:10px;padding:12px 16px;font-size:13px;display:flex}.alert-info{color:#0f172a;background:#eff6ff;border:1px solid #bfdbfe}.alert-warning{color:#000;background:#fffbeb;border:1.5px solid #fde68a;font-weight:700}.alert-danger{color:#000;background:#fee2e2;border:1.5px solid #fca5a5;font-weight:700}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:.3s slideIn}.spinner{border:2px solid #2563eb33;border-top-color:var(--accent-primary);border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.loading-center{color:#64748b;justify-content:center;align-items:center;gap:10px;padding:40px;font-size:13px;display:flex}.empty-state{color:#64748b;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:40px;font-size:13px;display:flex}.ag-theme-adminpro{--ag-background-color:#fff;--ag-foreground-color:#0f172a;--ag-border-color:#cbd5e1;--ag-secondary-border-color:#e2e8f0;--ag-header-background-color:#f1f5f9;--ag-header-foreground-color:#334155;--ag-odd-row-background-color:#f8fafc;--ag-row-hover-color:#e2e8f0;--ag-selected-row-background-color:#2563eb14;--ag-range-selection-border-color:#2563eb;--ag-input-focus-border-color:#2563eb;--ag-cell-horizontal-border:solid #e2e8f0;--ag-cell-widget-spacing:8px;--ag-grid-size:5px;--ag-list-item-height:28px;--ag-row-height:38px;--ag-header-height:40px;--ag-font-family:"Inter", system-ui, sans-serif;--ag-font-size:13px;--ag-icon-font-family:"agGridAlpine";--ag-checkbox-unchecked-color:#94a3b8;--ag-checkbox-checked-color:#2563eb;--ag-input-border-color:#cbd5e1;--ag-input-background-color:#fff;--ag-panel-background-color:#fff;--ag-tooltip-background-color:#1e293b;--ag-filter-tool-panel-top-level-row-padding-top:6px;--ag-side-panel-background-color:#f8fafc;--ag-tab-min-width:120px;--ag-menu-separator-color:#e2e8f0}.ag-theme-adminpro .ag-header{color:#334155;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid #cbd5e1;font-size:11px;font-weight:700}.ag-theme-adminpro .ag-header-cell{padding:0 12px;transition:background .15s}.ag-theme-adminpro .ag-header-cell:hover{background:#e2e8f0!important}.ag-theme-adminpro .ag-header-cell-resize:after{background:#cbd5e1;width:1px}.ag-theme-adminpro .ag-row{color:#0f172a;border-bottom:1px solid #e2e8f0;transition:background .1s}.ag-theme-adminpro .ag-row-even{background:#fff}.ag-theme-adminpro .ag-row-odd{background:#f8fafc}.ag-theme-adminpro .ag-row:hover{background:#e2e8f0!important}.ag-theme-adminpro .ag-row-selected{border-left:3px solid #2563eb;background:#2563eb14!important}.ag-theme-adminpro .ag-cell{color:#0f172a;align-items:center;padding:0 12px;font-weight:500;line-height:1.4;display:flex}.ag-theme-adminpro .ag-cell-inline-editing{border-radius:4px;padding:0 8px;box-shadow:0 0 0 3px #2563eb33;background:#fff!important;border:1px solid #2563eb!important}.ag-theme-adminpro .ag-row-index-cell{color:#64748b;text-align:center;border-right:1px solid #cbd5e1;justify-content:center;font-size:11px;font-weight:600;background:#f1f5f9!important}.ag-theme-adminpro .ag-floating-filter-input,.ag-theme-adminpro .ag-filter{color:#0f172a;background:#fff;border-color:#cbd5e1}.ag-theme-adminpro .ag-menu{background:#fff;border:1px solid #cbd5e1;border-radius:8px;box-shadow:0 10px 30px #0000001f}.ag-theme-adminpro .ag-menu-option:hover{background:#f1f5f9}.ag-theme-adminpro .ag-paging-panel{color:#475569;background:#f8fafc;border-top:1px solid #cbd5e1;padding:8px 14px;font-size:12px;font-weight:600}.ag-theme-adminpro .ag-sort-indicator-icon{color:#2563eb}.ag-theme-adminpro .ag-overlay-loading-center{color:#334155;background:#fffffff2;border:1px solid #cbd5e1;border-radius:8px;font-weight:600}.ag-theme-adminpro ::-webkit-scrollbar{width:6px;height:6px}.ag-theme-adminpro ::-webkit-scrollbar-track{background:#f1f5f9}.ag-theme-adminpro ::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.ag-theme-adminpro .cell-critical{font-weight:700;color:#d97706!important}.ag-theme-adminpro .cell-positive{color:#059669;font-weight:700}.ag-theme-adminpro .cell-negative{color:#dc2626;font-weight:700}.app-layout{background:#f1f5f9;height:100vh;display:flex;overflow:hidden}.header{height:var(--header-height);z-index:100;color:#0f172a;background:#fff;border-bottom:1px solid #e2e8f0;align-items:center;gap:16px;padding:0 20px;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 1px 3px #00000008}.header-logo{flex-shrink:0;align-items:center;gap:10px;text-decoration:none;display:flex}.header-logo-icon{background:linear-gradient(135deg,#2563eb,#38bdf8);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex;box-shadow:0 2px 10px #2563eb40}.header-logo-name{color:#0f172a;white-space:nowrap;font-size:14px;font-weight:800}.header-logo-sub{color:#64748b;margin-left:4px;font-size:11px;font-weight:500}.header-divider{background:#cbd5e1;flex-shrink:0;width:1px;height:20px}.header-right{align-items:center;gap:14px;display:flex}.header-erp-badge{border-radius:var(--radius-sm);color:#475569;background:#f8fafc;border:1px solid #cbd5e1;align-items:center;gap:6px;padding:5px 12px;font-size:12px;font-weight:600;display:flex}.user-avatar-btn{cursor:pointer;color:#0f172a;transition:all var(--transition-fast);background:#f8fafc;border:1px solid #cbd5e1;border-radius:100px;align-items:center;gap:8px;padding:4px 10px 4px 4px;font-family:inherit;font-size:12px;font-weight:600;display:flex}.user-avatar-btn:hover{color:#2563eb;background:#f1f5f9;border-color:#2563eb}.avatar-circle{color:#fff;background:linear-gradient(135deg,#2563eb,#4f46e5);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:10px;font-weight:800;display:flex}.sidebar{left:0;top:var(--header-height);width:var(--sidebar-width);z-index:90;background:#fff;border-right:1px solid #e2e8f0;flex-direction:column;padding:14px 10px;display:flex;position:fixed;bottom:0;overflow-y:auto}.sidebar-section-label{color:#64748b;text-transform:uppercase;letter-spacing:.08em;margin-top:6px;padding:10px 10px 6px;font-size:10px;font-weight:800}.sidebar-nav{flex-direction:column;gap:3px;display:flex}.sidebar-item{border-radius:var(--radius-sm);cursor:pointer;color:#334155;transition:all var(--transition-fast);border:1px solid #0000;align-items:center;gap:10px;padding:9px 12px;font-size:13px;font-weight:600;text-decoration:none;display:flex;position:relative}.sidebar-item:hover{color:#0f172a;background:#f1f5f9}.sidebar-item.active{color:#2563eb;background:#eff6ff;border-color:#bfdbfe;font-weight:700}.sidebar-item-icon{color:#64748b;width:17px;height:17px;transition:color var(--transition-fast);flex-shrink:0}.sidebar-item.active .sidebar-item-icon{color:#2563eb}.sidebar-footer{border-top:1px solid #e2e8f0;margin-top:auto;padding:8px 0}.main-content{margin-left:var(--sidebar-width);margin-top:var(--header-height);height:calc(100vh - var(--header-height));background:#f1f5f9;flex-direction:column;flex:1;padding:24px;display:flex;position:relative;overflow-y:auto}.main-content>*{z-index:1;position:relative}.home-page h1{color:#0f172a;margin-bottom:4px;font-size:1.5rem;font-weight:800}.home-page .subtitle{color:#64748b;margin-bottom:24px;font-size:13px;font-weight:500}.home-widgets-grid{grid-template-columns:1.8fr 1.2fr;gap:16px;margin-top:4px;display:grid}.widget{border-radius:var(--radius-md);background:#fff;border:1px solid #cbd5e1;padding:20px;box-shadow:0 4px 12px #0000000a}.widget-title{color:#334155;align-items:center;gap:8px;margin-bottom:16px;font-size:13px;font-weight:700;display:flex}.quick-access{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.quick-btn{border-radius:var(--radius-sm);cursor:pointer;color:#334155;transition:all var(--transition-fast);text-align:center;background:#f8fafc;border:1px solid #cbd5e1;flex-direction:column;align-items:center;gap:8px;padding:16px 12px;font-size:12px;font-weight:600;text-decoration:none;display:flex}.quick-btn:hover{color:#2563eb;background:#eff6ff;border-color:#2563eb;transform:translateY(-2px);box-shadow:0 4px 12px #2563eb1f}.quick-btn svg{color:#2563eb;opacity:.9;width:22px;height:22px}.quick-btn:hover svg{opacity:1}@media (width<=900px){.home-widgets-grid{grid-template-columns:1fr}.quick-access{grid-template-columns:repeat(2,1fr)}}