@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root{--bg-app: #F0F4FA;--bg-surface: #FFFFFF;--bg-card: #FFFFFF;--bg-muted: #F5F7FC;--bg-elevated: #EEF2F8;--bg-overlay: rgba(15, 23, 60, .45);--sidebar-bg: #0F2356;--sidebar-border: rgba(255, 255, 255, .08);--sidebar-hover: rgba(255, 255, 255, .07);--sidebar-active-bg: rgba(255, 255, 255, .12);--sidebar-active-border: #4D9FFF;--sidebar-text: #7A9BC8;--sidebar-text-active: #FFFFFF;--sidebar-section-label: #2D4A7A;--sidebar-icon-active: #4D9FFF;--accent: #1B6EF3;--accent-hover: #1558D4;--accent-light: #EBF2FF;--accent-glow: rgba(27, 110, 243, .18);--accent-border: rgba(27, 110, 243, .25);--indigo: #4F46E5;--indigo-light: rgba(79, 70, 229, .08);--green: #059669;--green-light: #ECFDF5;--green-border: rgba(5, 150, 105, .2);--amber: #D97706;--amber-light: #FFFBEB;--amber-border: rgba(217, 119, 6, .2);--rose: #E11D48;--rose-light: #FFF1F2;--rose-border: rgba(225, 29, 72, .2);--violet: #7C3AED;--violet-light: #F5F3FF;--violet-border: rgba(124, 58, 237, .2);--blue: #2563EB;--blue-light: #EFF6FF;--blue-border: rgba(37, 99, 235, .2);--teal: #0F766E;--teal-light: #F0FDFA;--orange: #C2410C;--orange-light: #FFF7ED;--text-primary: #0F172A;--text-secondary: #475569;--text-muted: #94A3B8;--text-disabled: #CBD5E1;--text-inverse: #FFFFFF;--border: #E2E8F0;--border-hover: #CBD5E1;--border-focus: #1B6EF3;--border-subtle: #F1F5F9;--shadow-xs: 0 1px 2px rgba(15, 23, 60, .05);--shadow-sm: 0 1px 3px rgba(15, 23, 60, .08), 0 1px 2px rgba(15, 23, 60, .04);--shadow-md: 0 4px 12px rgba(15, 23, 60, .08), 0 2px 4px rgba(15, 23, 60, .04);--shadow-lg: 0 10px 24px rgba(15, 23, 60, .1), 0 4px 8px rgba(15, 23, 60, .04);--shadow-xl: 0 20px 40px rgba(15, 23, 60, .12), 0 8px 16px rgba(15, 23, 60, .06);--shadow-modal: 0 24px 60px rgba(15, 23, 60, .16), 0 8px 20px rgba(15, 23, 60, .08);--shadow-card: 0 1px 3px rgba(15, 23, 60, .06), 0 1px 2px rgba(15, 23, 60, .03);--shadow-sidebar: 4px 0 24px rgba(15, 23, 60, .15);--shadow-accent: 0 4px 14px rgba(27, 110, 243, .25);--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--radius-full: 9999px;--font: "Plus Jakarta Sans", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "SF Mono", "Fira Code", "Cascadia Code", monospace;--transition: all .18s cubic-bezier(.4, 0, .2, 1);--transition-slow: all .3s cubic-bezier(.4, 0, .2, 1);--spring: all .4s cubic-bezier(.34, 1.56, .64, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:14px;scroll-behavior:smooth}body{background:var(--bg-app);color:var(--text-primary);font-family:var(--font);font-size:13.5px;line-height:1.5;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:-.003em}a{color:inherit;text-decoration:none}button{font-family:var(--font);cursor:pointer}input,select,textarea{font-family:var(--font)}.app-container{display:flex;min-height:100vh;width:100%}.main-wrapper{flex:1;display:flex;flex-direction:column;min-width:0;overflow-x:hidden;background:var(--bg-app)}.content-area{padding:28px 32px;width:100%;box-sizing:border-box;flex:1}.sidebar-container-wrapper{position:sticky;top:0;height:100vh;z-index:100;flex-shrink:0;transition:width .3s cubic-bezier(.4,0,.2,1)}.floating-sidebar{background:var(--sidebar-bg)!important;border-right:none!important;transition:width .3s cubic-bezier(.4,0,.2,1),box-shadow .3s ease;z-index:120;height:100vh;position:absolute;top:0;left:0}.floating-sidebar.is-expanded-hover{box-shadow:var(--shadow-sidebar)}.sidebar-scrollbar::-webkit-scrollbar{width:3px}.sidebar-scrollbar::-webkit-scrollbar-track{background:transparent}.sidebar-scrollbar::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:4px}.sidebar-scrollbar::-webkit-scrollbar-thumb:hover{background:#ffffff38}.sidebar-tooltip{position:absolute;left:calc(100% + 10px);top:50%;transform:translateY(-50%) scale(.94);background:#0f2356;color:#fff;padding:5px 11px;border-radius:7px;font-size:12px;font-weight:600;white-space:nowrap;pointer-events:none;opacity:0;border:1px solid rgba(77,159,255,.2);box-shadow:0 4px 16px #0f173c40;transition:opacity .15s ease,transform .15s ease;z-index:200}.sidebar-tooltip-wrapper:hover .sidebar-tooltip{opacity:1;transform:translateY(-50%) scale(1)}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid var(--border);gap:16px}.page-title{font-size:22px;font-weight:800;color:var(--text-primary);letter-spacing:-.03em;line-height:1.2}.page-subtitle{font-size:13px;color:var(--text-muted);margin-top:4px;font-weight:400;line-height:1.5}.header-actions{display:flex;gap:8px;align-items:center;flex-shrink:0}.section-title{font-size:10.5px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px}.metrics-grid,.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:24px}.kpi-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:20px;box-shadow:var(--shadow-card);position:relative;overflow:hidden;transition:var(--transition)}.kpi-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--kpi-accent, linear-gradient(90deg, #1B6EF3, #4D9FFF));border-radius:var(--radius-md) var(--radius-md) 0 0}.kpi-card:hover{box-shadow:var(--shadow-md);border-color:var(--border-hover);transform:translateY(-2px)}.kpi-label{font-size:10.5px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px}.kpi-value{font-size:27px;font-weight:800;color:var(--text-primary);letter-spacing:-.04em;line-height:1;margin-bottom:8px}.kpi-sub{font-size:12px;color:var(--text-muted);display:flex;align-items:center;gap:4px}.kpi-icon{position:absolute;top:18px;right:18px;width:40px;height:40px;border-radius:11px;display:flex;align-items:center;justify-content:center;background:var(--kpi-icon-bg, var(--accent-light))}.glass-card,.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:20px 22px;box-shadow:var(--shadow-card);transition:var(--transition)}.glass-card:hover,.card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md)}.tab-bar{display:flex;align-items:center;gap:2px;padding:4px;background:var(--bg-muted);border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:24px;width:fit-content;flex-wrap:wrap}.tab-item{display:inline-flex;align-items:center;gap:6px;padding:7px 13px;border-radius:calc(var(--radius-sm) - 3px);border:none;background:transparent;color:var(--text-muted);font-size:12.5px;font-weight:500;cursor:pointer;transition:var(--transition);white-space:nowrap;font-family:var(--font)}.tab-item:hover{background:var(--bg-surface);color:var(--text-secondary)}.tab-item.active{background:var(--bg-surface);color:var(--accent);font-weight:700;box-shadow:var(--shadow-sm);border:1px solid var(--accent-border)}h1,h2,h3,h4,h5,h6{color:var(--text-primary);letter-spacing:-.025em;line-height:1.3}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:7px 16px;border-radius:var(--radius-sm);font-weight:600;font-size:13px;cursor:pointer;transition:var(--transition);border:none;line-height:1.3;white-space:nowrap;letter-spacing:-.005em}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 1px 3px var(--accent-glow),0 0 0 1px #1b6ef326}.btn-primary:hover{background:var(--accent-hover);box-shadow:var(--shadow-accent);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--bg-surface);color:var(--text-secondary);border:1px solid var(--border);box-shadow:var(--shadow-xs)}.btn-secondary:hover{background:var(--bg-muted);border-color:var(--border-hover);color:var(--text-primary)}.btn-ghost{background:transparent;color:var(--text-muted);border:none}.btn-ghost:hover{background:var(--bg-muted);color:var(--text-secondary)}.btn-danger{background:var(--rose-light);color:var(--rose);border:1px solid var(--rose-border)}.btn-danger:hover{background:var(--rose);color:#fff;box-shadow:0 4px 12px #e11d4840}.btn-success{background:var(--green-light);color:var(--green);border:1px solid var(--green-border)}.btn-success:hover{background:var(--green);color:#fff;box-shadow:0 4px 12px #05966940}.btn-sm{padding:4px 10px;font-size:12px;border-radius:6px;gap:5px}.btn-lg{padding:10px 22px;font-size:14px}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.input-group{display:flex;flex-direction:column;gap:5px;margin-bottom:16px}.input-group label{font-size:12.5px;font-weight:600;color:var(--text-secondary)}.input-field{background:var(--bg-surface);border:1px solid var(--border);color:var(--text-primary);padding:8px 12px;border-radius:var(--radius-sm);font-size:13.5px;font-family:var(--font);outline:none;transition:border-color .15s ease,box-shadow .15s ease;width:100%;line-height:1.4}.input-field:hover{border-color:var(--border-hover)}.input-field:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #1b6ef31f}.input-field::placeholder{color:var(--text-muted)}.input-field:disabled{background:var(--bg-muted);color:var(--text-muted);cursor:not-allowed}select.input-field{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2394A3B8' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:34px}textarea.input-field{resize:vertical;min-height:80px}.custom-table{width:100%;border-collapse:collapse;font-size:13px}.custom-table thead tr{border-bottom:1px solid var(--border)}.custom-table th{text-align:left;padding:10px 16px;background:var(--bg-muted);color:var(--text-muted);font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;white-space:nowrap;vertical-align:middle}.custom-table td{padding:13px 16px;border-bottom:1px solid #F8FAFC;font-size:13.5px;background:var(--bg-surface);color:var(--text-primary);vertical-align:middle;transition:background .1s ease}.custom-table tr:last-child td{border-bottom:none}.custom-table tbody tr:hover td{background:var(--bg-muted)}.badge{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:3px 9px;border-radius:var(--radius-xs);font-size:11px;font-weight:700;line-height:1.3;letter-spacing:.01em}.badge-success{background:var(--green-light);color:var(--green);border:1px solid var(--green-border)}.badge-warning{background:var(--amber-light);color:var(--amber);border:1px solid var(--amber-border)}.badge-danger{background:var(--rose-light);color:var(--rose);border:1px solid var(--rose-border)}.badge-info{background:var(--blue-light);color:var(--blue);border:1px solid var(--blue-border)}.badge-primary{background:var(--accent-light);color:var(--accent);border:1px solid var(--accent-border)}.badge-secondary{background:var(--bg-muted);color:var(--text-secondary);border:1px solid var(--border)}.badge-violet{background:var(--violet-light);color:var(--violet);border:1px solid var(--violet-border)}.badge-teal{background:var(--teal-light);color:var(--teal);border:1px solid rgba(15,118,110,.2)}.search-wrap{position:relative;display:flex;align-items:center}.search-wrap svg{position:absolute;left:10px;color:var(--text-muted);pointer-events:none}.search-input{background:var(--bg-muted);border:1px solid var(--border);color:var(--text-primary);padding:7px 12px 7px 34px;border-radius:var(--radius-sm);font-size:13px;font-family:var(--font);outline:none;width:240px;transition:border-color .15s ease,box-shadow .15s ease,width .2s ease}.search-input:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #1b6ef31a;background:var(--bg-surface);width:280px}.search-input::placeholder{color:var(--text-muted)}.filter-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:12px 16px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:16px;box-shadow:var(--shadow-xs)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-overlay);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:overlayFadeIn .18s ease}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.glass-card{background:#fff!important;border:1px solid var(--border)!important;border-radius:var(--radius-lg);box-shadow:var(--shadow-modal)}.modal{background:#fff!important;border-radius:var(--radius-lg);box-shadow:var(--shadow-modal);width:100%;max-width:560px;max-height:90vh;overflow-y:auto;border:1px solid var(--border);animation:modalSlideIn .22s cubic-bezier(.34,1.56,.64,1)}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.96) translateY(-12px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border)}.modal-title{font-size:16px;font-weight:700;color:var(--text-primary);letter-spacing:-.025em}.modal-body{padding:24px}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:16px 24px;border-top:1px solid var(--border)}.alert{display:flex;align-items:center;gap:10px;padding:11px 15px;border-radius:var(--radius-sm);font-size:13px;font-weight:500;margin-bottom:16px;border:1px solid}.alert-success{background:var(--green-light);color:#065f46;border-color:var(--green-border)}.alert-warning{background:var(--amber-light);color:#92400e;border-color:var(--amber-border)}.alert-error{background:var(--rose-light);color:#9f1239;border-color:var(--rose-border)}.alert-info{background:var(--accent-light);color:var(--accent);border-color:var(--accent-border)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;text-align:center;color:var(--text-muted)}.empty-state-icon{width:56px;height:56px;background:var(--bg-muted);border:1px solid var(--border);border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.empty-state h3{font-size:15px;font-weight:600;color:var(--text-secondary);margin-bottom:6px}.empty-state p{font-size:13px;color:var(--text-muted);max-width:300px}.dropdown-menu{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:6px;min-width:180px;animation:dropdownFade .15s ease}@keyframes dropdownFade{0%{opacity:0;transform:translateY(-6px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.dropdown-item{display:flex;align-items:center;gap:9px;width:100%;padding:8px 10px;border:none;background:transparent;border-radius:calc(var(--radius-sm) - 2px);font-size:13px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:var(--transition);font-family:var(--font);text-align:left}.dropdown-item:hover{background:var(--bg-muted);color:var(--text-primary)}.dropdown-item.danger{color:var(--rose)}.dropdown-item.danger:hover{background:var(--rose-light);color:var(--rose)}.dropdown-divider{height:1px;background:var(--border);margin:4px 0}.loading-state{display:flex;align-items:center;justify-content:center;gap:10px;padding:48px;color:var(--text-muted);font-size:13px;font-weight:500}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.skeleton{background:linear-gradient(90deg,var(--bg-muted) 25%,var(--border) 50%,var(--bg-muted) 75%);background-size:200% 100%;animation:shimmer 1.4s infinite;border-radius:6px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes spin{to{transform:rotate(360deg)}}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.flex{display:flex}.flex-center{display:flex;align-items:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.mt-4{margin-top:16px}.mb-4{margin-bottom:16px}.w-full{width:100%}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mono{font-family:var(--font-mono)}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.stagger-item{animation:fadeInUp .25s cubic-bezier(.4,0,.2,1) forwards}.animate-dropdown{animation:dropdownFade .18s cubic-bezier(.4,0,.2,1) forwards;transform-origin:top right}.divider{height:1px;background:var(--border);margin:20px 0}code{font-family:var(--font-mono);font-size:12px;background:var(--bg-muted);border:1px solid var(--border);border-radius:4px;padding:1px 6px;color:var(--accent)}::selection{background:#1b6ef326;color:var(--text-primary)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.recharts-tooltip-wrapper .recharts-default-tooltip{background:var(--bg-surface)!important;border:1px solid var(--border)!important;border-radius:var(--radius-sm)!important;color:var(--text-primary)!important;box-shadow:var(--shadow-md)!important}@media (max-width: 640px){.mobile-only{display:block!important}.mobile-flex{display:flex!important}.desktop-only,.mobile-hide{display:none!important}}@media (max-width: 1024px){.tablet-hide{display:none!important}}@media (max-width: 1024px){.sidebar-container-wrapper{position:fixed!important;top:0;left:0;height:100vh;z-index:200;width:auto!important;min-width:unset!important;pointer-events:none}.sidebar-container-wrapper.drawer-open{pointer-events:all}.floating-sidebar{transform:translate(-100%);transition:transform .28s cubic-bezier(.4,0,.2,1),box-shadow .28s ease!important;width:252px!important;pointer-events:all}.floating-sidebar.drawer-open{transform:translate(0)!important;box-shadow:6px 0 32px #0f173c4d!important}.sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f173c73;z-index:190;opacity:0;pointer-events:none;transition:opacity .25s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.sidebar-backdrop.visible{opacity:1;pointer-events:all}.main-wrapper{margin-left:0!important}}.mobile-search-btn{display:none!important}@media (max-width: 640px){header{padding:0 10px!important}.navbar-company-badge,.navbar-search-wrapper{display:none!important}.mobile-search-btn{display:flex!important}.navbar-profile-name,.navbar-profile-info{display:none!important}.navbar-breadcrumb span:first-child,.navbar-breadcrumb svg{display:none!important}}.filter-bar-responsive{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:12px;align-items:center}@media (max-width: 960px){.filter-bar-responsive{grid-template-columns:1fr 1fr;gap:10px}.filter-bar-responsive>:first-child{grid-column:span 2}}.sales-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.sales-analytics-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-bottom:20px}.sales-activities-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.sales-kpi-card{padding:14px 16px;border-radius:12px;display:flex;flex-direction:column;justify-content:space-between;min-height:98px;box-sizing:border-box;overflow:hidden}.sales-kpi-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;gap:6px}.sales-kpi-card-label{font-size:11px;color:var(--text-secondary);text-transform:uppercase;font-weight:700;letter-spacing:.4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sales-kpi-card-icon{padding:6px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sales-kpi-card-value{font-size:19px;font-weight:900;color:#0f172a;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sales-kpi-card-desc{font-size:11px;color:var(--text-secondary);margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.form-line-item-grid{display:grid;grid-template-columns:2.5fr 1fr 1.2fr 1fr 1fr 1.2fr 40px;gap:10px;align-items:center;background:#f8fafc;padding:12px 14px;border-radius:8px;border:1px solid #E2E8F0;box-sizing:border-box}.form-line-item-grid .item-col-product,.form-line-item-grid .item-col-total{grid-column:auto}.form-line-item-grid .item-col-delete{padding-top:16px;display:flex;justify-content:center}@media (max-width: 768px){.form-line-item-grid{grid-template-columns:1fr 1fr;gap:8px;padding:12px}.form-line-item-grid .item-col-product{grid-column:span 2}.form-line-item-grid .item-col-total{grid-column:span 1}.form-line-item-grid .item-col-delete{grid-column:span 1;padding-top:16px;display:flex;justify-content:flex-end}}.full-page-form-card{padding:24px;background:#fff;border:1px solid #E2E8F0;border-radius:16px;box-sizing:border-box;width:100%;max-width:100%;overflow-x:hidden}.form-section-card{background:#fff;border:1px solid #E2E8F0;padding:18px;border-radius:12px;margin-bottom:18px;box-shadow:0 1px 3px #00000005;box-sizing:border-box;width:100%}@media (max-width: 640px){.full-page-form-card{padding:12px!important;border-radius:12px!important}.form-section-card{padding:12px!important;margin-bottom:12px!important}}@media (max-width: 1200px){.sales-kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 1024px){.sales-activities-grid{grid-template-columns:1fr;gap:14px}}@media (max-width: 900px){.sales-analytics-grid{grid-template-columns:1fr;gap:14px}}@media (max-width: 640px){.sales-kpi-grid{grid-template-columns:repeat(2,1fr);gap:8px}.sales-kpi-card{padding:10px 12px;min-height:84px}.sales-kpi-card-value{font-size:15px;font-weight:900;margin-top:1px}.sales-kpi-card-label{font-size:10px;letter-spacing:.2px}.sales-kpi-card-desc{font-size:9.5px;margin-top:2px}.sales-kpi-card-icon{padding:4px;border-radius:6px}}.mobile-only{display:none!important}.desktop-only{display:block!important}.two-col-responsive-panel{display:flex;gap:20px;min-height:70vh}@media (max-width: 768px){.mobile-only{display:block!important}.desktop-only{display:none!important}.two-col-responsive-panel{flex-direction:column!important;gap:16px!important}.two-col-responsive-panel>div:first-child{width:100%!important;min-width:100%!important;max-height:280px!important;overflow-y:auto!important}}@media (max-width: 640px){.app-container{flex-direction:column;position:relative}.main-wrapper{width:100%;min-width:0;overflow-x:hidden}.content-area{padding:14px 12px 28px}.page-header{flex-direction:column!important;align-items:flex-start!important;gap:10px!important;margin-bottom:16px!important;padding-bottom:14px!important}.page-header>div:first-child{width:100%!important}.page-title{font-size:19px!important}.page-subtitle{font-size:12px!important;line-height:1.4!important;margin-top:2px!important}.header-actions{width:100%!important;display:flex!important;flex-wrap:wrap!important;gap:8px!important;justify-content:flex-start!important}.header-actions .btn{flex:1 1 auto!important;min-height:36px!important;font-size:12px!important;justify-content:center!important;padding:6px 12px!important}.filter-bar-responsive{grid-template-columns:1fr 1fr;gap:8px}.filter-bar-responsive>:first-child{grid-column:span 2}.filter-bar-responsive .filter-toggle{grid-column:span 2;display:flex;align-items:center;justify-content:flex-start;padding:4px 2px}.table-card-mobile thead{display:none!important}.table-card-mobile,.table-card-mobile tbody,.table-card-mobile tr{display:block;width:100%}.table-card-mobile tr{background:#fff;border:1px solid #E2E8F0;border-radius:12px;margin-bottom:10px;padding:12px 14px;box-shadow:0 1px 3px #0000000a}.table-card-mobile tr:hover{border-color:#cbd5e1}.table-card-mobile td{display:flex;align-items:center;justify-content:space-between;padding:6px 0;border-bottom:1px dashed #F1F5F9!important;font-size:12.5px;background:transparent!important;gap:10px}.table-card-mobile td:last-of-type{border-bottom:none!important}.table-card-mobile td:before{content:attr(data-label);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#64748b;min-width:105px;flex-shrink:0;text-align:left}.table-card-mobile td[colspan]{display:block!important;text-align:center!important;border-bottom:none!important;padding:16px 8px!important;color:#94a3b8!important;width:100%!important}.table-card-mobile td[colspan]:before{display:none!important}.table-card-mobile td[data-label=Actions],.table-card-mobile td[data-label=Action],.table-card-mobile td.table-actions{border-top:1px solid #E2E8F0!important;border-bottom:none!important;margin-top:6px;padding-top:10px;padding-bottom:2px;justify-content:flex-end}.table-card-mobile td[data-label=Actions]:before,.table-card-mobile td[data-label=Action]:before,.table-card-mobile td.table-actions:before{display:none!important}}@media (max-width: 640px){.modal-overlay{align-items:flex-end;padding:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{max-width:100%!important;width:100%!important;max-height:92vh;border-radius:20px 20px 0 0!important;overflow-y:auto}.modal-body{padding:16px}.modal-header{padding:16px 16px 14px}.modal-footer{padding:12px 16px;flex-direction:column;gap:8px}.modal-footer .btn{width:100%;justify-content:center}}@media (max-width: 640px){.glass-card,.card{padding:14px;border-radius:var(--radius-sm)}}@media (max-width: 640px){.btn{min-height:38px;padding:8px 14px;font-size:12.5px}.btn-sm{min-height:32px;padding:5px 10px;font-size:11.5px}.btn-lg{min-height:44px;padding:10px 20px;font-size:14px}}@media (max-width: 640px){.input-field{font-size:16px;padding:10px 12px;min-height:42px}select.input-field{font-size:16px}.input-group{margin-bottom:14px}.form-grid-2,.form-row{grid-template-columns:1fr!important;flex-direction:column!important}}@media (max-width: 640px){.recharts-responsive-container{min-height:200px!important}}@media (max-width: 640px){.empty-state{padding:36px 16px}}@media (max-width: 640px){::-webkit-scrollbar{width:3px;height:3px}}@media print{.floating-sidebar,.sidebar-container-wrapper,header{display:none!important}.main-wrapper{width:100%}.content-area{padding:0}}@media (max-width: 640px){[style*="repeat(4, 1fr)"],[style*="repeat(3, 1fr)"]{grid-template-columns:1fr 1fr!important}[style*="repeat(2, 1fr)"]{grid-template-columns:1fr!important}}@media (max-width: 380px){[style*="repeat(4, 1fr)"],[style*="repeat(3, 1fr)"]{grid-template-columns:1fr!important}}@media (min-width: 641px) and (max-width: 1024px){[style*="repeat(4, 1fr)"],[style*="repeat(3, 1fr)"]{grid-template-columns:1fr 1fr!important}}.purchases-kpi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px}.grn-kpi-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:20px}.grn-kpi-card{background:#fff;padding:14px 16px;border-radius:12px;border:1px solid #E2E8F0;display:flex;flex-direction:column;justify-content:space-between;box-sizing:border-box}.grn-kpi-card-title{font-size:11px;font-weight:800;color:#64748b;text-transform:uppercase;letter-spacing:.3px;margin-bottom:4px}.grn-kpi-card-val{font-size:19px;font-weight:900;color:#1e293b;margin-top:2px}.suppliers-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.grn-filter-bar{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;align-items:center}.grn-filter-inputs{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;flex:1}.grn-filter-actions{display:flex;gap:8px;flex-shrink:0}.modal-line-item-grid{display:grid;grid-template-columns:3fr 1fr 1.5fr 1fr 1.5fr 40px;gap:8px;align-items:center;margin-bottom:8px}@media (max-width: 1200px){.grn-kpi-grid{grid-template-columns:repeat(3,1fr);gap:12px}.suppliers-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 900px){.purchases-kpi-grid{grid-template-columns:repeat(3,1fr);gap:12px}.grn-kpi-grid{grid-template-columns:repeat(3,1fr);gap:10px}.suppliers-grid{grid-template-columns:repeat(2,1fr);gap:12px}.modal-line-item-grid{grid-template-columns:2fr 1fr 1.2fr 1fr 1.2fr 36px}}@media (max-width: 768px){.purchases-kpi-grid{grid-template-columns:1fr;gap:10px}.grn-kpi-grid{grid-template-columns:repeat(2,1fr);gap:8px}.grn-kpi-card{padding:10px 12px}.grn-kpi-card-title{font-size:10px!important}.grn-kpi-card-val{font-size:16px!important}.suppliers-grid{grid-template-columns:1fr;gap:12px}.grn-filter-bar{flex-direction:column;align-items:stretch}.grn-filter-inputs{grid-template-columns:1fr}.grn-filter-actions{width:100%}.grn-filter-actions .btn{flex:1;justify-content:center}.modal-line-item-grid{grid-template-columns:1fr 1fr;gap:10px;background:#f8fafc;padding:12px;border-radius:10px;border:1px solid #E2E8F0;margin-bottom:12px}.modal-line-item-grid>div:first-child{grid-column:span 2}.modal-line-item-grid>div:last-child{grid-column:span 2;display:flex;justify-content:flex-end;padding-top:0!important}.full-page-form-card{padding:12px!important;border-radius:12px!important;border:1px solid #E2E8F0!important;background:#fff!important;overflow-x:hidden!important}.form-section-card{padding:14px 12px!important;border-radius:10px!important;margin-bottom:14px!important;background:#fff!important;border:1px solid #E2E8F0!important}.form-line-item-grid{grid-template-columns:1fr 1fr!important;gap:10px!important;padding:12px!important;background:#f8fafc!important;border-radius:10px!important;border:1px solid #E2E8F0!important}.form-line-item-grid .item-col-product{grid-column:span 2!important}.form-line-item-grid .item-col-total{grid-column:span 1!important}.form-line-item-grid .item-col-delete{grid-column:span 1!important;display:flex!important;justify-content:flex-end!important;align-items:flex-end!important}}.full-page-form-card{padding:24px;background:#fff;border:1px solid #E2E8F0;border-radius:16px;box-shadow:0 1px 3px #0000000a}.form-section-card{background:#fff;border:1px solid #E2E8F0;padding:18px;border-radius:12px;margin-bottom:18px;box-shadow:0 1px 3px #00000005}.form-line-item-grid{display:grid;grid-template-columns:3fr 1fr 1.3fr 1fr 1fr 1.4fr 42px;gap:10px;align-items:flex-end;background:#fafafa;padding:10px 14px;border-radius:8px;border:1px solid #E2E8F0}@media (max-width: 992px){.form-line-item-grid{grid-template-columns:2.2fr 1fr 1.2fr 1fr 1fr 1.3fr 38px;gap:8px;padding:8px 10px}}.finance-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.finance-kpi-card{background:#fff;border-radius:16px;border:1px solid #E2E8F0;padding:20px;box-shadow:0 1px 3px #00000005}.finance-quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:14px}.cashbook-kpi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px}.finance-reports-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:24px}@media (max-width: 1200px){.finance-kpi-grid{grid-template-columns:repeat(4,1fr);gap:12px}.finance-kpi-card{padding:16px}.cashbook-kpi-grid{gap:12px}.finance-reports-grid{gap:14px}}@media (max-width: 900px){.finance-kpi-grid{grid-template-columns:repeat(2,1fr);gap:12px}.cashbook-kpi-grid{grid-template-columns:repeat(3,1fr);gap:10px}.finance-reports-grid{grid-template-columns:repeat(2,1fr);gap:14px}}@media (max-width: 768px){.finance-kpi-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:16px}.finance-kpi-card{padding:14px 12px}.finance-kpi-val{font-size:18px!important}.finance-quick-actions{grid-template-columns:1fr;gap:10px}.cashbook-kpi-grid{grid-template-columns:1fr;gap:10px;margin-bottom:16px}.finance-reports-grid{grid-template-columns:1fr;gap:12px;margin-bottom:16px}}.reports-metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:24px}.reports-metrics-3col{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:24px}.reports-feed-grid{display:grid;grid-template-columns:2fr 1fr;gap:24px}.reports-pnl-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}@media (max-width: 1200px){.reports-metrics-grid{grid-template-columns:repeat(4,1fr);gap:14px}.reports-metrics-3col{grid-template-columns:repeat(3,1fr);gap:14px}.reports-feed-grid{grid-template-columns:1.6fr 1fr;gap:16px}.reports-pnl-grid{gap:16px}}@media (max-width: 992px){.reports-metrics-grid,.reports-metrics-3col{grid-template-columns:repeat(2,1fr);gap:14px}.reports-feed-grid,.reports-pnl-grid{grid-template-columns:1fr;gap:16px}}@media (max-width: 768px){.reports-metrics-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:16px}.reports-metrics-3col{grid-template-columns:1fr;gap:10px;margin-bottom:16px}.reports-feed-grid,.reports-pnl-grid{grid-template-columns:1fr;gap:12px}}@media (max-width: 480px){.finance-kpi-grid,.reports-metrics-grid{grid-template-columns:1fr}}