@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--bg-app: #09090b;--bg-sidebar: #09090b;--bg-header: rgba(9, 9, 11, .8);--bg-card: #18181b;--bg-hover: rgba(168, 85, 247, .15);--primary: #f97316;--primary-glow: rgba(249, 115, 22, .2);--primary-hover: #ea580c;--primary-gradient: linear-gradient(135deg, #f97316 0%, #a855f7 100%);--primary-light: #a855f7;--secondary: #a1a1aa;--text-main: #f4f4f5;--text-muted: #a1a1aa;--border-color: rgba(255, 255, 255, .08);--border-focus: rgba(129, 140, 248, .5);--radius-sm: 6px;--radius-md: 12px;--radius-lg: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .3), 0 2px 4px -1px rgba(0, 0, 0, .2);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5), 0 4px 6px -2px rgba(0, 0, 0, .3)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background-color:var(--bg-app);color:var(--text-main);-webkit-font-smoothing:antialiased;min-height:100vh;overflow:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#3f3f46;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#52525b}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-up{animation:fadeUp .5s cubic-bezier(.16,1,.3,1) forwards}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.layout-wrapper{display:flex;height:100vh;width:100%}.app-sidebar{width:280px;background-color:var(--bg-sidebar);border-right:1px solid var(--border-color);display:flex;flex-direction:column;flex-shrink:0;z-index:40;transition:width .4s cubic-bezier(.4,0,.2,1);overflow:hidden;position:relative}.app-sidebar.collapsed{width:80px}.app-main{flex:1;display:flex;flex-direction:column;overflow:hidden;position:relative}.app-header{height:70px;background-color:var(--bg-header);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;padding:0 2rem;z-index:30}.app-content{flex:1;overflow-y:auto;padding:2.5rem;background:radial-gradient(circle at top right,rgba(129,140,248,.05) 0%,transparent 40%),radial-gradient(circle at bottom left,rgba(236,72,153,.03) 0%,transparent 40%)}.sidebar-logo{height:70px;display:flex;align-items:center;padding:0 1.25rem;gap:.75rem;border-bottom:1px solid var(--border-color);color:var(--text-main);white-space:nowrap;flex-shrink:0}.sidebar-logo-icon{width:36px;height:36px;background:var(--primary-gradient);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 0 18px var(--primary-glow)}.sidebar-logo-text{font-size:1.2rem;font-weight:800;letter-spacing:-.02em;transition:opacity .3s ease}.collapsed .sidebar-logo-text{opacity:0;width:0;pointer-events:none}.sidebar-cat-label{font-size:.68rem;font-weight:700;color:#a1a1aa80;text-transform:uppercase;letter-spacing:.12em;padding:0 .85rem;margin-bottom:.4rem}.sidebar-user-footer{display:flex;align-items:center;gap:.75rem;padding:1rem 1.1rem;margin:.5rem .75rem;border-radius:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);flex-shrink:0;overflow:hidden;white-space:nowrap}.sidebar-user-footer--collapsed{justify-content:center;padding:.75rem}.sidebar-user-avatar{width:34px;height:34px;border-radius:9px;background:linear-gradient(135deg,#f9731640,#a855f740);color:var(--primary);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.9rem;flex-shrink:0;border:1px solid var(--primary-glow)}.sidebar-user-info{display:flex;flex-direction:column;gap:.2rem;min-width:0}.sidebar-user-name{font-size:.82rem;font-weight:600;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-role-badge{font-size:.62rem;font-weight:700;letter-spacing:.06em;color:#818cf8;background:#818cf81f;border-radius:999px;padding:.1rem .45rem;width:fit-content}.sidebar-nav{padding:1.5rem 1rem;display:flex;flex-direction:column;flex:1;overflow-y:auto;overflow-x:hidden}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-thumb{background:#ffffff0d;border-radius:10px}.nav-item{display:flex;align-items:center;gap:1rem;padding:.75rem .85rem;border-radius:12px;color:var(--text-muted);font-size:.875rem;font-weight:500;text-decoration:none;border:1px solid transparent;background:transparent;width:100%;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);text-align:left;outline:none;white-space:nowrap;overflow:hidden}.nav-item span{transition:opacity .3s ease,transform .3s ease}.collapsed .nav-item span{opacity:0;transform:translate(10px);pointer-events:none}.nav-item:hover{color:var(--text-main);background:#ffffff08;transform:translate(6px)}.nav-item.active{color:var(--primary);background:linear-gradient(90deg,var(--primary-glow) 0%,transparent 100%);font-weight:600;border-color:var(--primary-glow);box-shadow:inset 0 0 12px #f973160d;position:relative}.nav-icon-wrapper{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:#ffffff05;transition:all .3s ease}.nav-item:hover .nav-icon-wrapper{background:#ffffff0d;color:var(--primary)}.nav-item.active .nav-icon-wrapper{background:var(--primary);color:#fff;box-shadow:0 4px 12px var(--primary-glow)}.active-indicator{position:absolute;right:12px;width:5px;height:5px;border-radius:50%;background-color:var(--primary);box-shadow:0 0 8px var(--primary)}.card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-md)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{display:flex;flex-direction:column;gap:.5rem}.stat-card-title{color:var(--text-muted);font-size:.875rem;font-weight:500;display:flex;justify-content:space-between;align-items:center}.stat-card-value{font-size:1.75rem;font-weight:700;color:var(--text-main)}.search-bar{display:flex;align-items:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-full);padding:.5rem 1rem;width:300px;gap:.5rem;transition:border-color .2s ease}.search-bar:focus-within{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-glow)}.search-bar input{background:transparent;border:none;color:var(--text-main);font-family:inherit;font-size:.875rem;width:100%;outline:none}.search-bar input::placeholder{color:var(--text-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;border-radius:var(--radius-md);font-weight:500;font-size:.875rem;font-family:inherit;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.btn-primary{background-color:var(--text-main);color:#000;border-color:var(--text-main)}.btn-primary:hover{background-color:#e4e4e7}.btn:disabled{opacity:.5;cursor:not-allowed}.swal2-container{z-index:20000!important}body.light-theme .btn-primary{color:#fff}body.light-theme .btn-primary:hover{background-color:#27272a}.btn-secondary{background-color:var(--bg-hover);color:var(--text-main);border-color:var(--border-color)}.btn-secondary:hover{background-color:#3f3f46}.table-wrapper{overflow-x:auto;border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--bg-card)}.table{width:100%;border-collapse:collapse;text-align:left}.table th{padding:1rem;color:var(--text-muted);font-weight:500;font-size:.875rem;border-bottom:1px solid var(--border-color);background:#ffffff05}.table td{padding:1rem;border-bottom:1px solid rgba(255,255,255,.05);font-size:.9rem;color:var(--text-main)}.table tr:last-child td{border-bottom:none}.table tr:hover td{background:#ffffff05}.badge{display:inline-flex;align-items:center;padding:.15rem .5rem;border-radius:var(--radius-full);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;background:#ffffff1a}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.font-bold{font-weight:700}.text-muted{color:var(--text-muted)}.text-primary{color:var(--primary)}.glass-panel{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:0 10px 40px -10px #00000080;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.input-group{position:relative;display:flex;flex-direction:column}.input-icon{position:absolute;top:50%;left:1rem;transform:translateY(-50%);color:var(--text-muted);transition:color .3s ease;z-index:10}.input-modern{width:100%;background:#0003;border:1px solid var(--border-color);color:var(--text-main);padding:1rem 1rem 1rem 3rem;border-radius:var(--radius-md);font-family:inherit;font-size:1rem;transition:all .3s ease;outline:none}.input-modern:focus{border-color:var(--primary);background:#0006;box-shadow:0 0 0 4px var(--primary-glow)}.input-modern:focus+.input-icon,.input-group:focus-within .input-icon{color:var(--primary)}.text-gradient{background:linear-gradient(135deg,#818cf8,#e879f9);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.w-full{width:100%}.text-3xl{font-size:1.875rem}@keyframes pulse-glow{0%{box-shadow:0 0 0 0 var(--primary-glow)}70%{box-shadow:0 0 0 15px #818cf800}to{box-shadow:0 0 #818cf800}}.navbar-bell{position:relative;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:.4rem;border-radius:8px;display:flex;align-items:center;transition:color .2s,background .2s}.navbar-bell:hover{color:var(--text-main);background:#ffffff0d}.navbar-bell-dot{position:absolute;top:4px;right:4px;width:7px;height:7px;background:var(--primary);border-radius:50%;border:1.5px solid var(--bg-app)}.navbar-profile-btn{display:flex;align-items:center;gap:.6rem;padding:.4rem .75rem .4rem .5rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:10px;cursor:pointer;transition:background .2s,border-color .2s;font-family:inherit}.navbar-profile-btn:hover,.navbar-profile-btn.active{background:#ffffff12;border-color:#818cf840}.navbar-profile-avatar{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,#818cf84d,#e879f94d);color:#a5b4fc;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.85rem;flex-shrink:0}.navbar-profile-info{display:flex;flex-direction:column;align-items:flex-start;gap:.05rem}.navbar-profile-name{font-size:.82rem;font-weight:700;color:var(--text-main);line-height:1.2}.navbar-profile-store{font-size:.7rem;color:var(--text-muted);line-height:1.2}.profile-dropdown-overlay{position:fixed;inset:0;z-index:98}.profile-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:240px;background:#1c1c1f;border:1px solid rgba(255,255,255,.1);border-radius:14px;box-shadow:0 20px 50px -10px #000000b3,0 0 0 1px #818cf814;z-index:99;overflow:hidden;padding:.5rem}.profile-dropdown-user{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:9px;background:#818cf80d;margin-bottom:.25rem}.profile-dropdown-avatar{width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,#818cf84d,#e879f94d);color:#a5b4fc;font-weight:800;font-size:1rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.profile-dropdown-name{font-size:.85rem;font-weight:700;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-dropdown-email{font-size:.72rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:.1rem}.profile-dropdown-store{font-size:.68rem;color:#818cf8cc;margin-top:.15rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-dropdown-divider{height:1px;background:#ffffff0f;margin:.35rem 0}.profile-dropdown-item{display:flex;align-items:center;gap:.6rem;width:100%;padding:.6rem .75rem;border-radius:8px;font-size:.83rem;font-weight:500;color:var(--text-muted);background:transparent;border:none;cursor:pointer;font-family:inherit;text-align:left;transition:background .15s,color .15s}.profile-dropdown-item:hover{background:#ffffff0d;color:var(--text-main)}.profile-dropdown-item--danger{color:#f87171}.profile-dropdown-item--danger:hover{background:#ef444414;color:#ef4444}.modal-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#000000b3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:1rem}.modal-content{width:100%;max-width:650px;max-height:90vh;display:flex;flex-direction:column;background:var(--bg-card);border:1px solid var(--primary-glow);border-radius:var(--radius-lg);box-shadow:0 25px 50px -12px #00000080,0 0 40px #818cf81a;overflow:hidden}.modal-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;background:#ffffff05}.modal-body{padding:1.5rem;overflow-y:auto;flex:1}.modal-footer{padding:1.25rem 1.5rem;border-top:1px solid var(--border-color);background:#0003;display:flex;justify-content:flex-end;gap:.75rem}.modal-input{width:100%;background:#0006;border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:.65rem .875rem;color:var(--text-main);font-size:.875rem;outline:none;transition:all .2s;font-family:inherit}.modal-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-glow)}select option{background-color:#1c1c1f!important;color:#f4f4f5!important}body.light-theme{--bg-app: #f4f4f5;--bg-sidebar: #ffffff;--bg-header: rgba(255, 255, 255, .85);--bg-card: #ffffff;--bg-hover: rgba(147, 51, 234, .08);--primary: #ea580c;--primary-glow: rgba(234, 88, 12, .15);--primary-hover: #c2410c;--primary-gradient: linear-gradient(135deg, #ea580c 0%, #9333ea 100%);--primary-light: #9333ea;--secondary: #71717a;--text-main: #09090b;--text-muted: #71717a;--border-color: rgba(9, 9, 11, .08);--border-focus: rgba(79, 70, 229, .4);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .02);--shadow-md: 0 4px 6px -1px rgba(9, 9, 11, .08), 0 2px 4px -1px rgba(9, 9, 11, .04);--shadow-lg: 0 10px 15px -3px rgba(9, 9, 11, .1), 0 4px 6px -2px rgba(9, 9, 11, .05);--bg-main: #f4f4f5}body,.app-sidebar,.app-header,.app-content,.card,.stat-card,.table-wrapper,.table,.nav-item,.profile-dropdown,.input-modern,.search-bar,.modal-content,.adm-sidebar,.adm-main,.adm-stat,.glass-panel,.sidebar-user-footer,.navbar-profile-btn{transition:background-color .3s ease,border-color .3s ease,color .3s ease,box-shadow .3s ease}body.light-theme ::-webkit-scrollbar-thumb{background:#d4d4d8}body.light-theme ::-webkit-scrollbar-thumb:hover{background:#a1a1aa}body.light-theme .sidebar-user-footer{background:#09090b05;border:1px solid rgba(9,9,11,.06)}body.light-theme .nav-item:hover{background:#09090b08}body.light-theme .nav-icon-wrapper{background:#09090b05}body.light-theme .nav-item:hover .nav-icon-wrapper{background:#09090b0d}body.light-theme .navbar-profile-btn{background:#09090b08;border:1px solid rgba(9,9,11,.06)}body.light-theme .navbar-profile-btn:hover,body.light-theme .navbar-profile-btn.active{background:#09090b0d}body.light-theme .profile-dropdown{background:#fff;border:1px solid rgba(9,9,11,.1);box-shadow:0 10px 30px -5px #09090b1a,0 0 0 1px #4f46e50d}body.light-theme .profile-dropdown-user{background:#4f46e50d}body.light-theme .profile-dropdown-item:hover{background:#09090b08;color:#09090b}body.light-theme .profile-dropdown-divider{background:#09090b0f}body.light-theme .input-modern{background:#fff;border-color:#09090b1f;color:#09090b}body.light-theme .input-modern:focus{background:#fff;box-shadow:0 0 0 4px #4f46e51f}body.light-theme select option{background-color:#fff!important;color:#09090b!important}body.light-theme .modal-content{background:#fff;border-color:#4f46e526}body.light-theme .modal-header{background:#09090b03}body.light-theme .modal-footer{background:#09090b05}body.light-theme .modal-input{background:#fff;border-color:#09090b1f;color:#09090b}body.light-theme .table th{background:#09090b03}body.light-theme .table td{border-bottom:1px solid rgba(9,9,11,.04)}body.light-theme .table tr:hover td{background:#09090b03}body.light-theme .glass-panel{background:#ffffffd9;border-color:#09090b0f;box-shadow:0 10px 40px -10px #09090b1a}.theme-toggle{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:.45rem;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:color .2s,background-color .2s,transform .2s}.theme-toggle:hover{color:var(--text-main);background-color:#ffffff0f;transform:scale(1.05)}body.light-theme .theme-toggle:hover{background-color:#09090b0d}.theme-toggle svg{transition:transform .3s ease}.theme-toggle:hover svg{transform:rotate(15deg)}.text-gradient{background:var(--primary-gradient)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important}.tm-btn-new{background:var(--primary-gradient)!important}.dist-btn-view.active-table{background:var(--primary-gradient)!important;border-color:var(--primary)!important}.dist-btn-sim{border-color:var(--primary)!important;color:var(--primary)!important}.dist-filter-chip.active{background:var(--primary-gradient)!important;border-color:var(--primary)!important}.dist-filter-chip:hover{border-color:var(--primary)!important;color:var(--primary)!important}.os-chip.active{background:var(--primary-gradient)!important;border-color:var(--primary)!important}.os-chip:hover{border-color:var(--primary)!important;color:var(--primary)!important}.wlt-chip.active{background:var(--primary-gradient)!important;border-color:var(--primary)!important}.wlt-chip:hover{border-color:var(--primary)!important;color:var(--primary)!important}.cust-price-level{background:var(--primary-glow)!important;border-color:#f9731640!important;color:var(--primary)!important}.lap-print-btn:hover{border-color:var(--primary)!important;color:var(--primary)!important}.lap-section-title span.icon{background:var(--primary-glow)!important;color:var(--primary)!important}.lap-stock-chip{background:var(--primary-glow)!important;color:var(--primary)!important;border-color:#f9731633!important}.login-left-grid{background-image:linear-gradient(90deg,rgba(249,115,22,.05) 1px,transparent 1px)!important}.login-left-orb1{background:radial-gradient(circle,rgba(249,115,22,.2) 0%,transparent 70%)!important}.login-left-orb2{background:radial-gradient(circle,rgba(168,85,247,.15) 0%,transparent 70%)!important}.ph-list{overflow-x:auto!important;overflow-y:hidden}.ph-list-header,.ph-row,.ph-item,.ph-table-head,.ph-row-grid{min-width:950px}.purch-list{overflow-x:auto!important;overflow-y:hidden}.purch-list-header,.purch-row,.purch-item,.purch-table-head,.purch-row-grid{min-width:950px}.cust-list{overflow-x:auto!important;overflow-y:hidden}.cust-list-header,.cust-row,.cust-item,.cust-table-head,.cust-row-grid{min-width:950px}.tm-list{overflow-x:auto!important;overflow-y:hidden}.tm-list-header,.tm-row,.tm-item,.tm-table-head,.tm-row-grid{min-width:950px}.adm-list{overflow-x:auto!important;overflow-y:hidden}.adm-list-header,.adm-row,.adm-item,.adm-table-head,.adm-row-grid{min-width:950px}.dist-list{overflow-x:auto!important;overflow-y:hidden}.dist-list-header,.dist-row,.dist-item,.dist-table-head,.dist-row-grid{min-width:950px}.lap-list{overflow-x:auto!important;overflow-y:hidden}.lap-list-header,.lap-row,.lap-item,.lap-table-head,.lap-row-grid{min-width:950px}.sph-list{overflow-x:auto!important;overflow-y:hidden}.sph-list-header,.sph-row,.sph-item,.sph-table-head,.sph-row-grid{min-width:950px}.scust-list{overflow-x:auto!important;overflow-y:hidden}.scust-list-header,.scust-row,.scust-item,.scust-table-head,.scust-row-grid{min-width:950px}.stm-list{overflow-x:auto!important;overflow-y:hidden}.stm-list-header,.stm-row,.stm-item,.stm-table-head,.stm-row-grid{min-width:950px}.sfin-list{overflow-x:auto!important;overflow-y:hidden}.sfin-list-header,.sfin-row,.sfin-item,.sfin-table-head,.sfin-row-grid{min-width:950px}.po-list{overflow-x:auto!important;overflow-y:hidden}.po-list-header,.po-row,.po-item,.po-table-head,.po-row-grid{min-width:950px}.product-list{overflow-x:auto!important;overflow-y:hidden}.product-list-header,.product-row,.product-item,.product-table-head,.product-row-grid{min-width:950px}.supplier-stock-list{overflow-x:auto!important;overflow-y:hidden}.supplier-stock-list-header,.supplier-stock-row,.supplier-stock-item,.supplier-stock-table-head,.supplier-stock-row-grid{min-width:950px}.stokis-list{overflow-x:auto!important;overflow-y:hidden}.stokis-list-header,.stokis-row,.stokis-item,.stokis-table-head,.stokis-row-grid{min-width:950px}.supplier-list{overflow-x:auto!important;overflow-y:hidden}.supplier-list-header,.supplier-row,.supplier-item,.supplier-table-head,.supplier-row-grid{min-width:950px}.wd-list{overflow-x:auto!important;overflow-y:hidden}.wd-list-header,.wd-row,.wd-item,.wd-table-head,.wd-row-grid{min-width:950px}