@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root,[data-theme=dark]{--font-primary: "Outfit", sans-serif;--bg-main: #020617;--bg-sidebar: rgba(15, 23, 42, .85);--bg-card: rgba(15, 23, 42, .45);--bg-card-hover: rgba(30, 41, 59, .6);--bg-modal: rgba(15, 23, 42, .95);--glass-border: rgba(255, 255, 255, .06);--glass-glow: 0 8px 32px 0 rgba(0, 0, 0, .37);--backdrop-blur: blur(12px);--bg-topbar: rgba(11, 13, 19, .6);--bg-input: rgba(15, 22, 36, .6);--bg-input-focus: rgba(15, 22, 36, .85);--bg-th: rgba(30, 41, 59, .7);--bg-th-hover: rgba(255, 255, 255, .08);--bg-row-hover: rgba(255, 255, 255, .025);--primary: #0EA5E9;--primary-glow: rgba(14, 165, 233, .35);--primary-gradient: linear-gradient(135deg, #38BDF8 0%, #0EA5E9 100%);--secondary: #0284C7;--secondary-gradient: linear-gradient(135deg, #0EA5E9 0%, #0284C7 100%);--accent: #38BDF8;--accent-gradient: linear-gradient(135deg, #7DD3FC 0%, #38BDF8 100%);--success: #22C55E;--success-bg: rgba(34, 197, 94, .15);--success-border: rgba(34, 197, 94, .3);--success-text: #a7f3d0;--warning: #F59E0B;--warning-bg: rgba(245, 158, 11, .15);--warning-border: rgba(245, 158, 11, .3);--warning-text: #fbd38d;--danger: #F43F5E;--danger-bg: rgba(244, 63, 94, .15);--danger-border: rgba(244, 63, 94, .3);--danger-text: #fca5a5;--info: #38BDF8;--info-bg: rgba(56, 189, 248, .15);--info-border: rgba(56, 189, 248, .3);--info-text: #93c5fd;--text-main: #E2E8F0;--text-muted: #94A3B8;--text-dark: #64748B;--border-light: rgba(255, 255, 255, .08)}[data-theme=blue]{--bg-main: #F8FAFC;--bg-sidebar: rgba(248, 250, 252, .9);--bg-card: rgba(255, 255, 255, .85);--bg-card-hover: rgba(255, 255, 255, 1);--bg-modal: rgba(255, 255, 255, .98);--glass-border: rgba(0, 0, 0, .08);--glass-glow: 0 4px 20px 0 rgba(0, 0, 0, .05);--bg-topbar: rgba(255, 255, 255, .8);--bg-input: rgba(241, 245, 249, .7);--bg-input-focus: rgba(255, 255, 255, 1);--bg-th: rgba(219, 234, 254, .65);--bg-th-hover: rgba(37, 99, 235, .08);--bg-row-hover: rgba(37, 99, 235, .02);--primary: #2563EB;--primary-glow: rgba(37, 99, 235, .35);--primary-gradient: linear-gradient(135deg, #3B82F6 0%, #2563EB 100%);--secondary: #1E40AF;--secondary-gradient: linear-gradient(135deg, #2563EB 0%, #1E40AF 100%);--success: #22C55E;--danger: #EF4444;--text-main: #0F172A;--text-muted: #64748B;--text-dark: #94A3B8;--border-light: rgba(0, 0, 0, .08)}[data-theme=green]{--bg-main: #F0FDF4;--bg-sidebar: rgba(240, 253, 244, .9);--bg-card: rgba(255, 255, 255, .85);--bg-card-hover: rgba(255, 255, 255, 1);--bg-modal: rgba(255, 255, 255, .98);--glass-border: rgba(5, 46, 22, .08);--glass-glow: 0 4px 20px 0 rgba(5, 46, 22, .05);--bg-topbar: rgba(255, 255, 255, .8);--bg-input: rgba(240, 253, 244, .7);--bg-input-focus: rgba(255, 255, 255, 1);--bg-th: rgba(220, 252, 231, .75);--bg-th-hover: rgba(22, 163, 74, .08);--bg-row-hover: rgba(22, 163, 74, .02);--primary: #16A34A;--primary-glow: rgba(22, 163, 74, .35);--primary-gradient: linear-gradient(135deg, #22C55E 0%, #16A34A 100%);--secondary: #15803D;--secondary-gradient: linear-gradient(135deg, #16A34A 0%, #15803D 100%);--warning: #F59E0B;--danger: #DC2626;--text-main: #052E16;--text-muted: #166534;--text-dark: #15803D;--border-light: rgba(5, 46, 22, .08)}[data-theme=orange]{--bg-main: #FFF7ED;--bg-sidebar: rgba(255, 247, 237, .9);--bg-card: rgba(255, 255, 255, .85);--bg-card-hover: rgba(255, 255, 255, 1);--bg-modal: rgba(255, 255, 255, .98);--glass-border: rgba(67, 20, 7, .08);--glass-glow: 0 4px 20px 0 rgba(67, 20, 7, .05);--bg-topbar: rgba(255, 255, 255, .8);--bg-input: rgba(254, 243, 199, .5);--bg-input-focus: rgba(255, 255, 255, 1);--bg-th: rgba(255, 237, 213, .75);--bg-th-hover: rgba(249, 115, 22, .08);--bg-row-hover: rgba(249, 115, 22, .02);--primary: #F97316;--primary-glow: rgba(249, 115, 22, .35);--primary-gradient: linear-gradient(135deg, #FB923C 0%, #F97316 100%);--secondary: #EA580C;--secondary-gradient: linear-gradient(135deg, #F97316 0%, #EA580C 100%);--info: #0EA5E9;--text-main: #431407;--text-muted: #7C2D12;--text-dark: #9A3412;--border-light: rgba(67, 20, 7, .08)}[data-theme=purple]{--bg-main: #FAF5FF;--bg-sidebar: rgba(250, 245, 255, .9);--bg-card: rgba(255, 255, 255, .85);--bg-card-hover: rgba(255, 255, 255, 1);--bg-modal: rgba(255, 255, 255, .98);--glass-border: rgba(30, 27, 75, .08);--glass-glow: 0 4px 20px 0 rgba(30, 27, 75, .05);--bg-topbar: rgba(255, 255, 255, .8);--bg-input: rgba(243, 232, 255, .5);--bg-input-focus: rgba(255, 255, 255, 1);--bg-th: rgba(243, 232, 255, .75);--bg-th-hover: rgba(124, 58, 237, .08);--bg-row-hover: rgba(124, 58, 237, .02);--primary: #7C3AED;--primary-glow: rgba(124, 58, 237, .35);--primary-gradient: linear-gradient(135deg, #8B5CF6 0%, #7C3AED 100%);--secondary: #5B21B6;--secondary-gradient: linear-gradient(135deg, #7C3AED 0%, #5B21B6 100%);--accent: #A78BFA;--text-main: #1E1B4B;--text-muted: #4C1D95;--text-dark: #5B21B6;--border-light: rgba(30, 27, 75, .08)}[data-theme=blue],[data-theme=green],[data-theme=orange],[data-theme=purple]{--success-bg: rgba(34, 197, 94, .08);--success-border: rgba(34, 197, 94, .2);--success-text: #15803d;--warning-bg: rgba(217, 119, 6, .08);--warning-border: rgba(217, 119, 6, .2);--warning-text: #b45309;--danger-bg: rgba(239, 68, 68, .08);--danger-border: rgba(239, 68, 68, .2);--danger-text: #b91c1c;--info-bg: rgba(3, 105, 161, .08);--info-border: rgba(3, 105, 161, .2);--info-text: #0369a1}*{margin:0;padding:0;box-sizing:border-box;font-family:var(--font-primary);-webkit-font-smoothing:antialiased}body{background-color:var(--bg-main);color:var(--text-main);overflow-x:hidden;min-height:100vh}.app-container{display:flex;min-height:100vh;background:radial-gradient(circle at 10% 20%,#6366f10d,#0000 40%),radial-gradient(circle at 90% 80%,#06b6d40d,#0000 40%)}.sidebar{width:260px;background:var(--bg-sidebar);border-right:1px solid var(--glass-border);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);display:flex;flex-direction:column;height:100vh;position:sticky;top:0;z-index:100;transition:all .3s cubic-bezier(.4,0,.2,1)}.sidebar-brand{padding:24px;font-size:1.3rem;font-weight:700;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;border-bottom:1px solid var(--glass-border);letter-spacing:.5px}.sidebar-menu{list-style:none;padding:20px 12px;flex:1;overflow-y:auto}.sidebar-menu::-webkit-scrollbar{width:4px}.sidebar-menu::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:4px}.sidebar-item{margin-bottom:6px}.sidebar-link{display:flex;align-items:center;gap:12px;padding:12px 16px;color:var(--text-muted);text-decoration:none;border-radius:12px;font-size:.95rem;font-weight:500;transition:all .2s ease}.sidebar-link:hover,.sidebar-link.active{color:var(--text-main);background:#ffffff0d;border-left:3px solid #6366f1;padding-left:13px}.sidebar-link.active{background:#6366f126;border-left-color:#6366f1}.sidebar-footer{padding:16px;border-top:1px solid var(--glass-border);background:#0003}.user-profile-summary{display:flex;align-items:center;gap:12px;margin-bottom:12px}.user-avatar{width:40px;height:40px;border-radius:50%;background:var(--primary-gradient);display:flex;align-items:center;justify-content:center;font-weight:600;color:#fff}.user-info{flex:1;overflow:hidden}.user-name{font-size:.9rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role{font-size:.75rem;color:var(--text-muted);text-transform:uppercase}.main-content{flex:1;display:flex;flex-direction:column;min-width:0}.top-bar{height:70px;border-bottom:1px solid var(--glass-border);background:var(--bg-topbar);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);display:flex;align-items:center;justify-content:space-between;padding:0 32px;position:sticky;top:0;z-index:90}.page-title{font-size:1.4rem;font-weight:700;color:var(--text-main)}.content-body{padding:32px;flex:1;overflow-y:auto}.card{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:20px;padding:24px;-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);box-shadow:var(--glass-glow);transition:transform .3s ease,background .3s ease,box-shadow .3s ease}.card:hover{transform:translateY(-4px);background:var(--bg-card-hover);box-shadow:0 12px 40px #6366f11a}.card-title{font-size:1.1rem;font-weight:600;margin-bottom:16px;color:var(--text-main);display:flex;justify-content:space-between;align-items:center}.grid-cols-4{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-bottom:32px}.grid-cols-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:32px;margin-bottom:32px}@media(max-width:768px){.grid-cols-2{grid-template-columns:1fr}}.stat-block{display:flex;flex-direction:column;gap:8px}.stat-label{font-size:.85rem;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted)}.stat-value{font-size:2.2rem;font-weight:700;color:var(--text-main);line-height:1}.stat-desc{font-size:.8rem;color:var(--text-dark)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:12px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);text-decoration:none}.btn-primary{background:var(--primary-gradient);color:#fff;border:none;box-shadow:0 4px 14px var(--primary-glow)}.btn-primary:hover{box-shadow:0 6px 20px #6366f180;transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--secondary-gradient);color:#fff;border:none}.btn-secondary:hover{box-shadow:0 6px 20px #10b98166;transform:translateY(-2px)}.btn-outline{background:transparent;color:var(--text-main);border:1px solid var(--glass-border)}.btn-outline:hover{background:#ffffff0d;border-color:var(--text-muted)}.btn-danger{background:var(--danger-bg);color:var(--danger);border:1px solid var(--danger)}.btn-danger:hover{background:var(--danger);color:#fff;box-shadow:0 4px 14px #ef444466}.btn-remove-row{height:44px;width:44px;display:inline-flex;align-items:center;justify-content:center;background:var(--danger);color:#fff!important;border:none;border-radius:12px;font-size:1.5rem;font-weight:400;cursor:pointer;transition:all .2s ease;padding:0;line-height:1}.btn-remove-row:hover{background:var(--danger);filter:brightness(1.1);box-shadow:0 4px 12px #f43f5e4d;transform:translateY(-1px)}.btn-remove-row:active{transform:translateY(0)}.btn-remove-row:disabled{opacity:.35;cursor:not-allowed;pointer-events:none;transform:none;box-shadow:none}.btn-sm{padding:6px 12px;font-size:.8rem;border-radius:8px}.table-container{width:100%;overflow-x:auto;border-radius:16px;border:1px solid var(--glass-border);margin-bottom:24px}.table-container::-webkit-scrollbar{height:6px}.table-container::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:3px}.table-custom{width:100%;border-collapse:collapse;text-align:left;font-size:.95rem}.table-custom th{background:var(--bg-th);padding:16px 20px;font-weight:600;color:var(--text-muted);border-bottom:1px solid var(--glass-border);text-transform:uppercase;font-size:.75rem;letter-spacing:.5px}.table-custom td{padding:16px 20px;color:var(--text-main);border-bottom:1px solid var(--border-light);vertical-align:middle}.table-custom tr:last-child td{border-bottom:none}.table-custom tr{transition:background .2s ease}.table-custom tr:hover td{background:var(--bg-row-hover)}.badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase}.badge-success{background:var(--success-bg);color:var(--success)}.badge-warning{background:var(--warning-bg);color:var(--warning)}.badge-danger{background:var(--danger-bg);color:var(--danger)}.badge-info{background:var(--info-bg);color:var(--info)}.form-group{margin-bottom:20px;display:flex;flex-direction:column;gap:8px}.form-label{font-size:.85rem;font-weight:500;color:var(--text-muted)}.form-control{width:100%;background:var(--bg-input);border:1px solid var(--glass-border);border-radius:12px;padding:12px 16px;color:var(--text-main);font-size:.95rem;transition:all .2s ease}.form-control:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow);background:var(--bg-input-focus)}.form-row-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.alert-banner{display:flex;align-items:center;gap:12px;padding:14px 20px;border-radius:12px;margin-bottom:24px;border:1px solid transparent;transition:all .3s ease}.alert-banner-warning{background:var(--warning-bg);border:1px solid var(--warning-border);border-left:4px solid var(--warning);color:var(--warning-text)}.alert-banner-info{background:var(--info-bg);border:1px solid var(--info-border);border-left:4px solid var(--info);color:var(--info-text)}.alert-banner-success{background:var(--success-bg);border:1px solid var(--success-border);border-left:4px solid var(--success);color:var(--success-text)}.modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.modal-content{background:var(--bg-modal);border:1px solid var(--glass-border);border-radius:24px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 50px #00000080;animation:modalReveal .3s cubic-bezier(.34,1.56,.64,1)}@keyframes modalReveal{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.modal-header{padding:20px 24px;border-bottom:1px solid var(--glass-border);display:flex;justify-content:space-between;align-items:center}.modal-body{padding:24px}.modal-footer{padding:20px 24px;border-top:1px solid var(--glass-border);display:flex;justify-content:flex-end;gap:12px}.close-btn{background:transparent;border:none;color:var(--text-muted);font-size:1.5rem;cursor:pointer}.close-btn:hover{color:var(--text-main)}.d-flex{display:flex}.justify-between{justify-content:space-between}.align-center{align-items:center}.gap-10{gap:10px}.gap-20{gap:20px}.flex-column{flex-direction:column}.mb-10{margin-bottom:10px}.mb-20{margin-bottom:20px}.w-full{width:100%}.main-content::-webkit-scrollbar{width:6px}.main-content::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:4px}.clickable-item{padding:12px 16px;border-radius:12px;border:1px solid transparent;transition:all .2s ease;cursor:pointer}.clickable-item:hover{background:#ffffff08;border-color:var(--glass-border)}.product-image-thumbnail{width:44px;height:44px;border-radius:8px;object-fit:cover;background:#ffffff0d;border:1px solid var(--glass-border)}.sortable-header{cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s ease}.sortable-header:hover{color:var(--text-main)!important;background:var(--bg-th-hover)!important}.sort-icon{font-size:.75rem;margin-left:6px;display:inline-block;vertical-align:middle;color:var(--text-muted);opacity:.5;transition:opacity .2s ease,color .2s ease}.sortable-header:hover .sort-icon{opacity:.8}.sort-icon.active{color:var(--primary);opacity:1}.table-toolbar{display:flex;flex-wrap:wrap;gap:16px;align-items:center;width:100%}.table-toolbar .form-group{margin-bottom:0}.sidebar-toggle-btn{display:none}@media(max-width:1024px){.sidebar{position:fixed;left:0;top:0;bottom:0;transform:translate(-100%);z-index:1000;width:280px;box-shadow:10px 0 30px #00000080}.sidebar.open{transform:translate(0)}.sidebar-overlay{position:fixed;inset:0;background:#020617b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;opacity:0;pointer-events:none;transition:opacity .3s ease}.sidebar-overlay.active{opacity:1;pointer-events:auto}.top-bar{padding:0 20px}.sidebar-toggle-btn{display:inline-flex!important;align-items:center;justify-content:center;background:#ffffff0d;border:1px solid var(--glass-border);color:var(--text-main);font-size:1.3rem;cursor:pointer;padding:8px 12px;border-radius:10px;transition:all .2s ease;line-height:1}.sidebar-toggle-btn:hover{background:#ffffff1a;border-color:var(--primary)}.top-bar-left{display:flex;align-items:center;gap:16px;min-width:0;flex:1}.page-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:1.25rem}}@media(max-width:768px){.top-bar{padding:0 16px;height:64px}.page-title{font-size:1.15rem}.content-body{padding:16px}.table-toolbar .form-group{width:100%!important;max-width:100%!important}.table-toolbar{width:100%!important;flex-direction:column;align-items:stretch;gap:12px}.d-flex.justify-between.align-center.flex-wrap{flex-direction:column!important;align-items:stretch!important;gap:16px!important}.d-flex.justify-between.align-center.flex-wrap>.btn{width:100%!important}.form-row-grid .form-group{max-width:100%!important;width:100%!important}.btn-remove-row{width:100%!important;height:auto!important;padding:10px!important;border-radius:12px!important;font-size:.9rem!important;display:flex!important;align-items:center!important;justify-content:center!important}.btn-remove-row:before{content:"🗑️ Remove Line Item";margin-right:8px;font-weight:600}.card{padding:16px;border-radius:16px}.chart-container-trend{overflow-x:auto;justify-content:flex-start;padding-bottom:8px}.bar-chart{min-width:480px}.dist-bar span{font-size:.65rem;padding:0 4px}.modal-content{max-height:95vh;border-radius:16px}.modal-body,.modal-header,.modal-footer{padding:16px}}@media(max-width:480px){.grid-cols-2,.grid-cols-4{grid-template-columns:1fr!important;gap:16px}.btn{padding:8px 16px;font-size:.85rem}.page-title{font-size:1rem;max-width:140px}.badge-text{display:none}}.table-container{max-height:600px;overflow-y:auto}.table-custom th{position:sticky;top:0;z-index:5;background:var(--bg-th);opacity:.98}.btn-theme-toggle{background:transparent;border:none;font-size:1.35rem;cursor:pointer;padding:6px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;transition:background .2s ease,transform .2s ease;margin-left:auto}.btn-theme-toggle:hover{background:#ffffff14;transform:rotate(15deg) scale(1.1)}.clickable-card{cursor:pointer;text-decoration:none;display:block}.phone-link{text-decoration:none;font-size:.9rem;padding:4px 6px;border-radius:6px;background:#ffffff0a;border:1px solid var(--glass-border);transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;line-height:1}.phone-link:hover{background:var(--primary-glow);border-color:var(--primary);transform:scale(1.05)}.phone-container{display:flex;align-items:center;gap:8px;margin-top:4px}.searchable-select-container{position:relative;width:100%}.select-trigger{display:flex;align-items:center;justify-content:space-between;cursor:pointer;-webkit-user-select:none;user-select:none}.select-trigger.disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.selected-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select-arrow{font-size:.7rem;opacity:.5;transition:transform .2s ease}.select-trigger.active .select-arrow{transform:rotate(180deg)}.select-dropdown{position:absolute;top:calc(100% + 6px);left:0;right:0;background:var(--bg-modal);border:1px solid var(--glass-border);border-radius:16px;box-shadow:0 10px 30px #00000080;z-index:1500;padding:10px;-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);animation:dropdownOpen .15s cubic-bezier(0,0,.2,1)}@keyframes dropdownOpen{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.search-input-wrapper{margin-bottom:8px}.search-control{padding:8px 12px!important;font-size:.9rem!important;background:#0003!important}.options-list{list-style:none;max-height:220px;overflow-y:auto;padding:0;margin:0}.options-list::-webkit-scrollbar{width:4px}.options-list::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:4px}.option-item{padding:10px 14px;border-radius:10px;cursor:pointer;font-size:.95rem;transition:background .15s ease,color .15s ease;color:var(--text-muted)}.option-item:hover,.option-item.highlighted{background:#ffffff0d;color:var(--text-main)}.option-item.selected{background:var(--primary-gradient)!important;color:#fff!important;font-weight:600}.option-item.no-options{text-align:center;color:var(--text-dark);font-style:italic;cursor:default;background:transparent!important}