.sidebar{background:#fff;border-right:1px solid #e5e7eb;bottom:0;left:0;padding:20px 0 20px 2px;position:fixed;top:0;width:240px}.logo{font-size:22px;font-weight:700;margin-bottom:30px;margin-left:10px}.menu-item{border-radius:6px;color:#333;display:block;margin-bottom:6px;padding:12px 14px;text-decoration:none}.menu-item:hover{background:#d3d3d3;border-bottom-right-radius:0;border-top-right-radius:0}.menu-item.active{background:#f1f5f9;border-bottom-right-radius:0;border-left:3px solid #ff6a00;border-top-right-radius:0;color:#ff6a00;font-weight:600}@media (max-width:1024px){.sidebar{padding:16px 0 16px 4px;width:200px}.logo{font-size:20px;margin-bottom:24px;margin-left:8px}.menu-item{font-size:16px;padding:10px 12px}}@media (max-width:768px){.sidebar{background:#fff;box-shadow:2px 0 8px #00000026;height:100%;left:-100%;padding:12px 0 12px 4px;position:fixed;top:0;transition:left .3s ease;width:220px;z-index:2000}.sidebar.open{left:0}.logo{font-size:18px;margin-bottom:20px;margin-left:8px}.menu-item{font-size:16px;padding:8px 12px}}@media (max-width:480px){.sidebar{padding:10px 0 10px 2px;width:180px}.logo{font-size:16px;margin-bottom:16px;margin-left:6px}.menu-item{font-size:16px;padding:6px 10px}}.hamburger-btn{background:#fff;border:none;border-radius:6px;box-shadow:0 2px 6px #0003;cursor:pointer;display:none;font-size:24px;padding:6px 10px;position:fixed;z-index:2500}.sidebar-overlay{background:#0006;inset:0;position:fixed;z-index:1500}@media (max-width:768px){.hamburger-btn{display:block}}body.dark-mode .sidebar{background-color:#494747;border-right:1px solid #333;color:#e0e0e0}.sidebar .menu-item,.sidebar a{color:#000}body.dark-mode .sidebar .menu-item,body.dark-mode .sidebar a{color:#e0e0e0}body.dark-mode .sidebar .menu-item:hover{background-color:#2a2a2a}body.dark-mode .sidebar .menu-item.active,body.dark-mode .sidebar .nav-item.active{background-color:#2d3a4b;color:#90c2ff}.app-header{background:#fff;box-shadow:0 1px 3px #0000000d;height:75px;justify-content:space-between;left:243px;padding:0 5px 0 0;position:fixed;right:0;top:0;z-index:1000}.app-header,.app-header .left{align-items:center;display:flex}.app-header .left{gap:10px}.search-box{align-items:center;background:#f3f4f6;border-radius:8px;display:flex;gap:6px;padding:6px 10px;width:400px}body.dark-mode .search-box{background:#494747}.search-box input{background:#0000;border:none;font-size:18px;outline:none;width:100%}.app-header .right{align-items:center;display:flex;gap:14px}.icon{cursor:pointer;font-size:22px;position:relative}.icon.badge small{background:#ef4444;border-radius:50%;color:#fff;font-size:16px;padding:2px 5px;position:absolute;right:-8px;top:-6px}.user{align-items:center;display:flex;gap:10px}.user img{object-fit:cover}.user img,.user-fallback{border-radius:50%;height:36px;width:36px}.user-fallback{align-items:center;background:#e5e7eb;display:flex;font-size:18px;justify-content:center}.user-info{display:flex;flex-direction:column;line-height:1.2}.user-info strong{color:#111827;font-size:16px;font-weight:600}body.dark-mode .user-info strong{color:#d2d3d6}.user-info small{color:#6b7280;font-size:16px}body.dark-mode .user-info small{color:#d2d3d6}body{background-color:#fff}body.dark-mode{background-color:#494747;color:#f0f0f0}.icon.theme-toggle{cursor:pointer;font-size:16px}body{background-color:#f5f5f5;color:#000}.app-header{background-color:#fff;color:#000}.toolbar{background-color:#f0f0f0;color:#000}.grid-footer,.grid-header,.grid-row,.grid-wrapper{border-color:#ccc;color:#000}button{background-color:#e0e0e0;border:1px solid #ccc;color:#000}body.dark-mode{background-color:#121212;color:#e0e0e0}body.dark-mode .app-header,body.dark-mode .toolbar{background-color:#494747;color:#e0e0e0}body.dark-mode .grid-row,body.dark-mode .grid-wrapper{background-color:#494747;border-color:#444;color:#e0e0e0}body.dark-mode input{background-color:#777575;border:1px solid #555;color:#e0e0e0}body.dark-mode .toolbar input::placeholder{color:#fff;font-size:16px}.profile-menu{position:relative}.profile-dropdown{background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;padding:12px;position:absolute;right:-110px;top:52px;width:220px;z-index:1000}.dark-mode .profile-dropdown{background:#2b2b2b;color:#fff}.profile-header{margin-bottom:10px}.profile-header img{border-radius:50%;height:40px;width:40px}.logout-btn{background:#ff4d4f;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:8px;width:100%}.logout-btn:hover{opacity:.9}.profile-header{align-items:center;display:flex;gap:10px}.profile-info{display:flex;flex-direction:column}.profile-info strong{font-size:16px}.profile-info small{font-size:16px;opacity:.7}.user-info strong.truncate{cursor:pointer;display:block;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-info strong.expanded{max-width:none;overflow:visible;white-space:normal}.notification-dropdown{background:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001a;color:#000;position:absolute;right:10px;top:75px;width:260px;z-index:999}body.dark-mode .notification-dropdown{background:#474949;color:#f1f1f1}.notification-item{align-items:center;border-bottom:1px solid #eee;color:inherit;display:flex;font-size:14px;justify-content:space-between;padding:8px 10px}.notification-item:last-child{border-bottom:none}.notification-item:hover{background:#f5f5f5;color:#000}.notification-left{align-items:center;color:inherit;display:flex;gap:6px}.header-dot{border-radius:50%;display:inline-block;height:10px;width:10px}.notification-text{color:inherit;font-size:14px}.delete-btn{cursor:pointer;float:right}.delete{color:red;cursor:pointer}.unread{background:green}.read{background:gray}@media (max-width:1024px){.app-header{height:62px;left:205px;padding:0 5px 0 0}.search-box{width:280px}.search-box input{font-size:16px}.icon{font-size:20px}.profile-dropdown{right:-110px;top:44px}.notification-dropdown{top:62px}}@media (max-width:768px){.app-header{height:64px;left:0;padding:0 5px 0 0}.app-header .left{align-items:center;display:flex;flex:1 1;gap:10px}.search-box{flex:1 1;min-width:0;order:1;padding:5px 8px 5px 50px;width:calc(100% - 60px)}.search-box input{font-size:16px}.hamburger-btn{display:flex;order:0;position:relative;z-index:auto}.app-header .right{flex-wrap:wrap;gap:10px}.icon{font-size:20px}.user-info{display:none}.user img,.user-fallback{height:32px;width:32px}.profile-dropdown{right:-37px;top:45px}}@media (max-width:480px){.app-header{height:58px;padding:0 5px 0 0}.search-box{border-radius:6px;padding:4px 6px;width:140px}.search-box input{font-size:16px}.icon{font-size:18px}.icon.badge small{font-size:16px;padding:1px 4px;right:-6px;top:-5px}.user img,.user-fallback{height:30px;width:30px}.profile-dropdown{right:-30px;top:41px}.notification-dropdown{top:58px}}.app-layout{background:#f5f6fa;display:flex;height:100vh;overflow:hidden}body.dark-mode .app-layout{background:#494747}@media (max-width:1024px){height:100vh}@media (max-width:768px){height:100vh}@media (max-width:480px){height:100vh}.main-content{background:#f5f6fa;display:flex;flex:1 1;flex-direction:column;margin-left:240px;min-height:0;overflow:hidden;padding-top:75px}body.dark-mode .main-content{background:#494747}.tick-symbol{color:#00c853;font-weight:700}@media (max-width:1024px){.main-content{margin-left:200px;padding-top:70px}}@media (max-width:768px){.main-content{margin-left:0;padding-top:64px}}.page-content{-ms-overflow-style:none;flex:1 1;margin-top:-8px;min-height:0;overflow-y:hidden;padding:0 10px;scroll-behavior:smooth;scrollbar-width:none}.page-content.scrollable{overflow-y:auto;scroll-behavior:smooth}.page-content::-webkit-scrollbar{height:0;width:0}.page-content:hover::-webkit-scrollbar{width:6px}.page-content:hover::-webkit-scrollbar-thumb{background-color:#0003;border-radius:3px}.page-content:hover::-webkit-scrollbar-track{background:#0000}@media (max-width:768px){.page-content{padding:0}}@media (max-width:480px){.page-content{padding:0}}@media (max-width:320px){.page-content{padding:0}}.dashboard-page{display:flex;flex-direction:column;height:100%}.dashboard-title{background:#f5f6fa;margin:10px 0;padding:0 16px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.dark-mode .dashboard-title{background:#494747;color:#fff}.dashboard-body{flex:1 1;overflow-x:hidden;overflow-y:auto;scrollbar-width:none}.stats-grid{grid-gap:20px;grid-template-columns:repeat(4,1fr);margin-top:24px}.stats-grid,.stats-grid-2{display:grid;gap:20px;margin-bottom:24px}.stats-grid-2{grid-gap:20px;grid-template-columns:repeat(1,1fr)}.stats-grid-3{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-bottom:20px}.stat-card{background:#fff;border-radius:15px;box-shadow:0 1px 3px #0000000d;height:auto;overflow:visible;position:relative}body.dark-mode .stat-card{background:#5f5d5d;border:1px solid #1f2933;border-radius:5px;box-shadow:0 1px 3px #0009}.stat-header{gap:12px;padding:5px}.icon-badge,.stat-header{align-items:center;display:flex}.icon-badge{border-radius:12px;color:#fff;font-size:20px;height:44px;justify-content:center;width:44px}.stat-title{color:#6b7280;display:flex;flex-direction:column;font-size:16px}body.dark-mode .stat-title{color:#fff}.trend{font-size:16px;font-weight:600}.trend.up{color:#22c55e}.trend.down{color:#ef4444}.stat-value{color:#111827;font-size:26px;font-weight:700;margin-top:10px;padding-left:5px}.stat-footer{color:#6b7280;font-size:16px;margin-top:6px}.chart{height:80px;opacity:.9}.green .icon-badge{background:#22c55e}.orange .icon-badge{background:#f97316}.purple .icon-badge{background:#8b5cf6}.blue .icon-badge{background:#3b82f6}.green .chart{background:linear-gradient(0deg,#22c55e40,#0000)}.orange .chart{background:linear-gradient(0deg,#f9731640,#0000)}.purple .chart{background:linear-gradient(0deg,#8b5cf640,#0000)}.blue .chart{background:linear-gradient(0deg,#3b82f640,#0000)}.chart-green{background:linear-gradient(0deg,#22c55e40,#0000)}.chart-orange{background:linear-gradient(0deg,#f9731640,#0000)}.chart-purple{background:linear-gradient(0deg,#8b5cf640,#0000)}.chart-blue{background:linear-gradient(0deg,#3b82f640,#0000)}.dashboard-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:2fr 1fr 1fr}.dashboard-card{background:#fff;border-radius:16px;box-shadow:0 1px 3px #0000000d;padding:18px}body.dark-mode .dashboard-card{background:#5f5d5d}.card-header{align-items:center;display:flex;justify-content:space-between}.card-header h3{font-size:18px;font-weight:600}.card-header select{border:1px solid #e5e7eb;border-radius:8px;font-size:16px;padding:6px 10px}body.dark-mode .card-header select{background:#494747;color:#fff}.revenue-card{min-width:250px}.revenue-summary{display:flex;gap:40px;margin-top:10px}.revenue-summary .value{font-size:20px;font-weight:700}.dot{border-radius:50%;display:inline-block;height:8px;margin-right:6px;width:8px}.dot.green{background-color:#7cf916}.dot.yellow{background-color:#f9d316}.dot.red{background-color:#f91616}.dot.orange{background-color:#f97316}.dot.purple{background-color:#8b5cf6}.up{color:#22c55e;font-size:16px;margin-left:5px}.bar-chart{gap:14px;height:140px;margin-top:20px;width:100%}.bar{background:#fb923c;border-radius:6px;width:18px}.promo-summary{margin-top:10px}.big-value{font-size:26px;font-weight:700}.donut-wrapper{margin-top:20px;width:100%}.donut-wrapper,.semi-donut{align-items:center;display:flex;justify-content:center}.semi-donut{background:conic-gradient(#4caf50 0 var(--store-percentage),#e0e0e0 var(--store-percentage) 100%);border-radius:180px 180px 0 0;font-weight:600;height:90px;margin-top:75px;position:relative;width:180px}.semi-donut:after{background:#fff;border-radius:120px 120px 0 0;bottom:0;content:"";height:60px;left:50%;position:absolute;transform:translateX(-50%);width:120px}body.dark-mode .semi-donut:after{background:#5f5d5d}.semi-donut span{bottom:5px;font-size:16px;font-weight:700;left:50%;line-height:1.2;position:absolute;text-align:center;transform:translate(-50%,-50%);z-index:2}body.dark-mode .semi-donut span{color:#e6e5e5}.topsale-list{margin-top:12px}.topsale-row{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;gap:12px;padding:10px 0}.topsale-row img{border-radius:8px;height:40px;object-fit:cover;width:40px}.details{flex:1 1}.name{font-weight:600}.name,.price{font-size:16px}.price{color:#6b7280}body.dark-mode .price{color:#fff}.sales{font-size:16px;font-weight:600;text-align:right}.sales span{color:#6b7280;display:block;font-size:16px}body.dark-mode .sales span{color:#fff}.period-select{background:#0000;border:none;color:#6b7280;cursor:pointer;font-size:16px;outline:none}body.dark-mode .period-select{background:#494747;color:#fff}.chart{bottom:0;height:150px;left:0;right:0}.chart svg{height:100%;width:100%}.chart-line{fill:none;stroke-linecap:round}.chart-area{opacity:.25}.green .chart-line{stroke:#22c55e}.orange .chart-line{stroke:#f97316}.purple .chart-line{stroke:#8b5cf6}.blue .chart-line{stroke:#3b82f6}.green .chart-area{fill:#22c55e}.orange .chart-area{fill:#f97316}.purple .chart-area{fill:#8b5cf6}.blue .chart-area{fill:#3b82f6}.dashboard-page-content{flex:1 1;min-height:0;padding:0 8px}.dashboard-page-content.scrollable{overflow-y:auto}body.dark-mode .dashboard-page-content{background-color:#494747;color:#000}@media (max-width:1024px){.stats-grid,.stats-grid-3{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr 1fr}.stat-card{height:auto}.semi-donut{height:75px;width:150px}.semi-donut span{top:60%}.semi-donut:after{height:50px;width:100px}.bar-chart{gap:12px;height:120px}.bar-label{font-size:10px}}@media (max-width:768px){.dashboard-body{-webkit-overflow-scrolling:touch;flex:1 1;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding-bottom:120px}.dashboard-grid,.stats-grid,.stats-grid-2,.stats-grid-3{gap:14px;grid-template-columns:1fr}.dashboard-card,.stat-card{border-radius:14px}.stat-header{gap:8px}.icon-badge{font-size:18px;height:38px;width:38px}.big-value,.stat-value{font-size:22px}.card-header h3{font-size:16px}.revenue-summary{flex-direction:column;gap:12px}.bar-chart{gap:10px;height:100px}.bar{width:14px}.semi-donut{height:70px;width:140px}.semi-donut span{top:60%}.semi-donut:after{height:45px;width:90px}.topsale-row{gap:8px}.topsale-row img{height:36px;width:36px}.name,.price,.sales span{font-size:16px}.bar-label{font-size:10px}}@media (max-width:480px){.dashboard-page-content{min-height:0;padding:0 6px}.dashboard-card,.stat-card{border-radius:12px}.big-value,.stat-value{font-size:20px}.bar{width:12px}.semi-donut{height:60px;width:120px}.semi-donut:after{height:40px;width:80px}.semi-donut span{font-size:16px}}.chart-point{fill:#fff;stroke-width:1.5;transition:r .2s ease,transform .2s ease}.chart-tooltip{fill:#333;font-size:8px;font-weight:600}body.dark-mode .chart-tooltip{fill:#fff}.chart-green .chart-point{fill:#16a34a}.chart-purple .chart-point{fill:#9333ea}.chart-orange .chart-point{fill:#f97316}.chart-blue .chart-point{fill:#3b82f6}.chart{border-radius:15px;position:relative;width:100%}.chart-x-axis-absolute{height:14px;margin-top:-14px;position:relative;width:100%}.x-label-absolute{color:#000;font-size:10px;position:absolute;transform:translateX(-50%);white-space:nowrap}body.dark-mode .x-label-absolute{color:#c0bec0}.trend.up{color:#16a34a}.trend.down{color:#dc2626}.trend.neutral{color:#6b7280}.bar-chart{align-items:flex-end;display:flex;gap:5px;height:200px}.bar-group{align-items:center;display:flex;flex:1 1;flex-direction:column;min-width:0}.bars{align-items:flex-end;display:flex;gap:4px;height:160px}.bar{border-radius:4px;transition:height .3s ease;width:10px}.bar.red{background:#f91616}.bar.yellow{background:#f9d316}.bar.green{background:#7cf916}.bar.orange{background:#f97316}.bar.purple{background:#8b5cf6}.bar-label{font-size:12px;margin-top:6px;white-space:nowrap}.neutral{color:gray}.conversion-row{display:flex;font-size:15px;justify-content:space-between;padding:6px 0}.conversion-row strong{font-size:18px}.conversion-donut{height:140px;margin:auto;position:relative;width:140px}.conversion-donut,.donut-center{align-items:center;border-radius:50%;display:flex;justify-content:center}.donut-center{background:#fff;flex-direction:column;font-weight:600;height:80px;width:80px}body.dark-mode .donut-center{background:#6b6b6b}.donut-legend{font-size:14px;margin-top:10px}.green-dot{background:#22c55e}.green-dot,.yellow-dot{border-radius:50%;display:inline-block;height:10px;margin-right:6px;width:10px}.yellow-dot{background:#f59e0b}.red-dot{background:#ef4444}.blue-dot,.red-dot{border-radius:50%;display:inline-block;height:10px;margin-right:6px;width:10px}.blue-dot{background:#3b82f6}.product-bars{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));margin-top:16px}.product-col{align-items:center;display:flex;flex-direction:column}.product-title-quantity{margin-bottom:8px}.product-title-name,.product-title-quantity{color:#374151;font-size:16px;text-align:center}.product-title-name{margin-top:8px}.product-title b{display:block;font-size:16px}.bar-stack{display:flex;flex-direction:column-reverse;gap:6px}.bar-segment{background:#e5e7eb;border-radius:6px;height:10px;width:70px}.bar-segment.green{background:#22c55e}.bar-segment.yellow{background:#facc15}.bar-segment.red{background:#ef4444}.bar-segment.empty{background:#e5e7eb}@media (max-width:1024px){.product-bars{gap:16px}.bar-segment{height:10px;width:60px}.product-title b,.product-title-name,.product-title-quantity{font-size:16px}}@media (max-width:768px){.product-bars{gap:12px}.bar-segment{height:8px;width:50px}.product-title b,.product-title-name,.product-title-quantity{font-size:16px}}@media (max-width:480px){.product-bars{gap:8px}.bar-segment{height:6px;width:40px}.product-title b,.product-title-name,.product-title-quantity{font-size:16px}}.inventory-page{background:#0000;box-sizing:border-box;color:inherit;display:flex;flex-direction:column;height:100%;min-height:0;width:100%}.inventory-page-header{align-items:center;background:inherit;display:flex;gap:16px;justify-content:space-between;position:-webkit-sticky;position:sticky;top:0;z-index:10}.inventory-page-body{flex:1 1;min-height:0;overflow-x:hidden;overflow-y:auto;scrollbar-width:none}.inventory-page h2{margin-bottom:16px}.inventory-filters{align-items:center;display:flex;gap:20px;justify-content:flex-end;margin:0}.inventory-filters label{align-items:center;cursor:pointer;display:flex;font-weight:600;gap:10px}.inventory-filters input[type=checkbox]{cursor:pointer;transform:scale(1.4)}.inventory-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(90px,1fr))}.inventory-box{border-radius:8px;cursor:pointer;display:flex;flex-direction:column;font-size:16px;height:70px;justify-content:center;padding:6px;text-align:center;transition:transform .15s ease,box-shadow .15s ease}.inventory-box:hover{box-shadow:0 4px 10px #00000026;transform:scale(1.05)}.inventory-box.optimum{background:#aaf3be;color:#1b5e20}.inventory-box.low{background:#f8ebc0;color:#d3d825}.inventory-box.critical{background:#f69ca4;color:#721c24}.seller-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.seller-box{border-radius:8px;cursor:pointer;display:flex;flex-direction:column;font-size:16px;height:100px;justify-content:center;padding:6px;text-align:center;transition:transform .15s ease,box-shadow .15s ease}.seller-box:hover{box-shadow:0 4px 10px #00000026;transform:scale(1.05)}.seller-box.green{background:#97e6ad;color:#134c17}.seller-box.yellow{background:#e6e58b;color:#453505}.seller-box.red{background:#f69ca4;color:#721c24}.seller-box.blue{background:#4963c6;color:#111c3a}.product-qty{font-size:16px;font-weight:700}@media (max-width:768px){.inventory-page{display:flex;flex-direction:column;height:100%;overflow:hidden;padding:10px}.inventory-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.inventory-box{font-size:16px;height:64px}.inventory-page-header{align-items:flex-start;background:inherit;flex-direction:column;flex-shrink:0;padding-top:8px;position:-webkit-sticky;position:sticky;top:0;z-index:20}.inventory-filters{gap:16px;justify-content:flex-start;width:100%}.inventory-page-body{-webkit-overflow-scrolling:touch;flex:1 1;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding-bottom:60px;padding-top:10px;scrollbar-width:none}}body.dark-mode .inventory-page{color:#e0e0e0}body.dark-mode .inventory-filters label{color:#fff}body.dark-mode .inventory-filters input[type=checkbox]{accent-color:#3b82f6}body.dark-mode .inventory-box.green{background:linear-gradient(180deg,#1f6f43,#174f33);color:#c8f7dc}body.dark-mode .inventory-box.yellow{background:linear-gradient(180deg,#6b5a1e,#4e4215);color:#f5e9b5}body.dark-mode .inventory-box.red{background:linear-gradient(180deg,#6b1f26,#4e151a);color:#f5c2c7}.btn-blue{background:#1976d2;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;line-height:1.2;padding:7px 12px;transition:background .2s ease}.btn-blue:hover{background:#1565c0}.btn-green{background:#8bc34a;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;line-height:1.2;padding:7px 12px;transition:background .2s ease}.btn-green:hover{background:#7cb342}.btn-red{background:#f44336;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;line-height:1.2;padding:7px 12px;transition:background .2s ease}.btn-red:hover{background:#d32f2f}.btn-yellow{background:#f4be36;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;line-height:1.2;padding:7px 12px;transition:background .2s ease}.btn-yellow:hover{background:#d3b82f}body.dark-mode .btn-blue{background:#0d47a1}body.dark-mode .btn-blue:hover{background:#1565c0}body.dark-mode .btn-green{background:#689f38}body.dark-mode .btn-green:hover{background:#558b2f}body.dark-mode .btn-red{background:#b71c1c}body.dark-mode .btn-red:hover{background:#d32f2f}@media (max-width:1024px){.btn-blue,.btn-green,.btn-red,.btn-yellow{font-size:16px;padding:7px 10px}}@media (max-width:768px){.btn-blue,.btn-green,.btn-red,.btn-yellow{border-radius:5px;font-size:16px;padding:8px 12px}.inventory-actions{display:flex;justify-content:flex-end;justify-content:center;width:100%}}@media (max-width:480px){.btn-blue,.btn-green,.btn-red,.btn-yellow{font-size:16px;padding:10px 14px;width:100%}}button:disabled{cursor:not-allowed;opacity:.5}.btn:disabled{background-color:#d1d5db}.inventory-actions{align-items:center;display:flex;flex-shrink:0;gap:16px}.inventory-actions button{align-items:center;background-color:#6fcf8c;border-radius:8px;display:inline-flex;font-size:16px;font-weight:600;justify-content:center;min-height:36px;padding:6px 16px;white-space:nowrap}.order-page{background:#0000;box-sizing:border-box;color:inherit;display:flex;flex-direction:column;font-family:Arial,sans-serif;height:100%;min-height:0;width:100%}.order-page-title{background:inherit;margin:10px 0;padding:0 16px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.order-page-body{flex:1 1;min-height:0;overflow-x:hidden;overflow-y:auto;scrollbar-width:none}.order-page section{width:100%}.order-page h1{font-size:28px}.order-page h2{margin-bottom:10px}.customer-info-section{max-width:640px}.customer-info-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr)}.customer-info-grid input{border:1px solid #ccc;border-radius:5px;box-sizing:border-box;padding:8px;width:100%}.customer-image-box{align-items:center;border:2px dashed #aaa;border-radius:10px;display:flex;font-size:16px;gap:15px;height:80px;padding:0 10px}.customer-placeholder{text-align:center;width:90px}.customer-preview{border:1px solid #ccc;border-radius:10px;height:80px;object-fit:cover;width:80px}.product-search input{border:1px solid #ccc;border-radius:5px;margin-bottom:10px;max-width:300px;padding:8px;width:100%}.product-list{border:1px solid #ddd;border-radius:5px;list-style:none;margin:0;max-height:150px;overflow-y:auto;padding:0}.product-item{cursor:pointer;padding:6px 10px}.product-item:hover{background-color:#007bff26}.product-item.active{background-color:#007bff33}.cart-header,.cart-row{grid-gap:8px;align-items:center;display:grid;gap:8px;grid-template-columns:2fr 1fr 1fr 1fr 1.5fr;padding:10px}.cart-header{background-color:#9f9f9f;border-bottom:2px solid #a6a6a6;font-weight:700}.cart-row{border:1px solid #949494}.cart-actions button{margin-right:6px}.qty-btn{cursor:pointer;padding:3px 8px}.qty-btn:disabled{cursor:not-allowed;opacity:.5}.remove-btn{background-color:#fcc;border:none;border-radius:3px;cursor:pointer;padding:3px 8px}.empty-cart{font-style:italic}.qty-unit-input{align-items:center;display:flex;gap:6px}.qty-input{border:1px solid #ccc;text-align:right}.qty-input,.qty-unit-select{border-radius:4px;font-size:14px;padding:4px 6px}.qty-unit-select{border:1px solid #ccc}.price-input{padding:3px;width:70px}.discount-input,.price-input{border:1px solid #ccc;border-radius:5px;margin-left:5px}.discount-input{padding:4px;width:100px}.create-btn,.summary h3{margin-top:10px}.create-btn{background-color:#4caf50;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px}.create-btn:hover{background-color:#45a049}.btn-cancel-addtocart{background:#0000;border:1px solid #ccc;border-radius:5px;color:#555;cursor:pointer;font-size:16px;margin-left:10px;padding:10px 20px}.btn-cancel-addtocart:hover{background-color:#0000000d}.summary-actions{display:flex;gap:32px;margin:12px 0}.summary-actions button{flex:1 1}.phone-suggestions{background-color:#fff;border:1px solid #ddd;border-top:none;box-shadow:0 4px 10px #00000014;left:0;list-style:none;margin:0;max-height:220px;overflow-y:auto;padding:0;position:absolute;right:0;top:100%;z-index:1000}.phone-suggestions li{cursor:pointer;padding:10px 12px}.phone-suggestions li:hover{background-color:#007bff26}.cart-row span{align-items:center;display:flex;gap:6px}.cart-row input[type=text]{padding:4px;width:60px}.cart-row select{border-radius:4px;padding:4px}@media (max-width:768px){body,html{height:100%;overflow:hidden;overscroll-behavior:none}input,select,textarea{font-size:16px}.order-page{display:flex;flex-direction:column;height:100dvh;overflow:hidden;padding:0 5px}.order-page-title{background:inherit;flex-shrink:0;padding:12px 0;position:-webkit-sticky;position:sticky;top:0;z-index:10}.customer-info-grid{grid-template-columns:1fr}.cart-header{display:none}.cart-row{border:1px solid #ddd;border-radius:8px;gap:6px;grid-template-columns:1fr;margin-bottom:12px}.cart-row span{display:flex;font-size:16px;justify-content:space-between}.cart-row span:first-child:before{content:"Item";font-weight:600}.cart-row span:nth-child(2):before{content:"Price";font-weight:600}.cart-row span:nth-child(3):before{content:"Qty";font-weight:600}.cart-row span:nth-child(4):before{content:"Total";font-weight:600}.btn-cancel-addtocart{margin-left:0;margin-top:8px;width:100%}.summary-actions{flex-direction:row}.summary-actions button{width:auto}.order-page-body{-webkit-overflow-scrolling:touch;flex:1 1;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding-bottom:60px}}@supports (-webkit-touch-callout:none){.order-page-body{overscroll-behavior:contain}}body.dark-mode input,body.dark-mode select{background-color:#e2e2e2;border-color:#444;color:#292727}body.dark-mode .phone-suggestions,body.dark-mode .product-list{background-color:#1e1e1e;border-color:#444}body.dark-mode .cart-header{background-color:#868686}body.dark-mode .cart-row{border-color:#333}body.dark-mode .remove-btn{background-color:#633}body.dark-mode .create-btn{background-color:#388e3c}body.dark-mode .btn-cancel-addtocart{border-color:#555;color:#ddd}body.dark-mode .btn-cancel-addtocart:hover{background-color:#ffffff14}.warning-overlay{align-items:flex-start;background:#0006;display:flex;inset:0;justify-content:center;padding-top:200px;position:fixed;z-index:2000}.warning-card{background-color:#fee2e2;border:1px solid #d3d3d3;border-radius:8px;min-height:auto;padding:20px;text-align:center;width:500px}.warning-text{color:#000;font-size:20px;margin-bottom:16px;padding:10px}.warning-actions{display:flex;gap:20px;justify-content:center}@media (max-width:1024px){.warning-card{padding:18px;width:420px}.warning-text{font-size:18px}.warning-overlay{padding-top:160px}}@media (max-width:768px){.warning-overlay{align-items:center;padding:12px}.warning-card{border-radius:10px;max-width:360px;padding:16px;width:100%}.warning-text{font-size:16px;margin-bottom:12px;padding:8px}.warning-actions{flex-direction:column;gap:12px}.warning-actions button{width:100%}}@media (max-width:480px){.warning-card{border-radius:8px;max-width:100%;padding:14px}.warning-text{font-size:16px;padding:6px}.warning-actions button{font-size:16px;padding:10px 12px}}.alert-text{color:green;font-size:20px;margin-bottom:16px;padding:10px}.btn-ok{background-color:#4ade80;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:10px 24px;transition:background-color .2s ease}.btn-ok:hover{background-color:#22c55e}.inventory-navbar{align-items:center;background:#ff7a2f;color:#fff;display:flex;font-weight:700;height:44px;justify-content:space-between;padding:0 5px}.inventory-navbar .logo-navbar{font-size:16px}.inventory-navbar .nav-actions button{background:#0000;border:none;color:#fff;cursor:pointer;font-size:16px;margin-left:12px}body.dark-mode .inventory-navbar{background:#ff7a2f}.open-upload-btn{background-color:#3d577e;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;margin-top:5px;padding:5px}.open-upload-btn:hover{background-color:#1a68d1}.modal-overlay{background:#00000073;height:100%;left:0;top:0;width:100%}.modal-box{background:#fff;border-radius:8px;box-shadow:0 5px 25px #00000040;padding:20px}.modal-box h2{color:#000;margin-bottom:20px}.modal-box label{color:#333;display:block;font-size:14px;font-weight:500;margin-bottom:6px;margin-top:12px}body.dark-mode .modal-overlay{background:#000000b3}body.dark-mode .modal-box{background:#1e1e1e;box-shadow:0 5px 25px #0009;color:#f1f1f1}body.dark-mode .modal-box label{color:#ddd}body.dark-mode .modal-box input,body.dark-mode .modal-box select{background-color:#2b2b2b;border:1px solid #444;color:#f1f1f1}body.dark-mode .modal-box select option{background:#2b2b2b;color:#f1f1f1}body.dark-mode .submit-btn{background:#28a745}body.dark-mode .submit-btn:hover{background:#218838}body.dark-mode .cancel-btn{background:#444;color:#fff}body.dark-mode .cancel-btn:hover{background:#555}body.dark-mode .open-upload-btn{background:#3a86ff;color:#fff}body.dark-mode .open-upload-btn:hover{background:#2f6fe0}.modal-box input,.modal-box select{border:1px solid #ccc;border-radius:4px;color:#000;padding:8px 0;width:100%}.modal-buttons{margin-top:20px}.modal-buttons button{border:none;border-radius:4px;cursor:pointer;flex:1 1;font-size:14px;padding:10px}.submit-btn{background:#28a745;color:#fff}.submit-btn:hover{background:#218838}.cancel-btn{background:#cfcfcf;color:#000}.cancel-btn:hover{background:#bdbdbd}.cancel-btn{background:#dc3545;border-radius:4px;color:#fff;padding:8px 14px}.cancel-btn:hover{background:#c82333}@media (max-width:768px){.modal-box{max-width:240px}}.modal-overlay{background:#00000080;z-index:999}.modal-container{animation:fadeIn .2s ease-in-out;background:#fff;border-radius:10px;box-shadow:0 8px 25px #0003;padding:24px}.dark-mode .modal-container{background:#2b2b2b;color:#fff}.modal-container h3{margin-bottom:16px;text-align:center}.input-group{width:100%}.input-group input,.input-group select{-webkit-appearance:none;appearance:none;border:1px solid #ccc;border-radius:6px;box-sizing:border-box;font-size:16px;height:40px;padding:0 12px;width:100%}.dark-mode .input-group input,.dark-mode .input-group select{background:#3a3a3a;border:1px solid #555;color:#fff}.password-wrapper{position:relative}.password-wrapper input{padding-right:40px}.toggle-password{color:#000;cursor:pointer;font-size:16px;position:absolute;right:12px;top:50%;transform:translateY(-50%)}body.dark-mode .toggle-password{color:#fff}.modal-buttons{display:flex;gap:10px;justify-content:space-between}.update-btn{background-color:#4caf50;border:none;border-radius:6px;color:#fff;cursor:pointer;flex:1 1;padding:8px}.update-btn:hover{opacity:.9}.cancel-btn{background-color:#e0e0e0;border:none;border-radius:6px;color:#333;cursor:pointer;flex:1 1;padding:8px}.dark-mode .cancel-btn{background-color:#555;color:#fff}.cancel-btn:hover{opacity:.9}.inventory-tabs{-ms-overflow-style:none;align-items:center;background:#e97330;display:flex;height:40px;overflow-x:auto;overflow-y:hidden;padding:0 10px;scrollbar-width:none}.inventory-tabs::-webkit-scrollbar{display:none}.inventory-tabs a{border-radius:4px 4px 0 0;color:#fff;font-size:16px;line-height:1;margin-right:8px;padding:13px 14px;text-decoration:none;white-space:nowrap}.inventory-tabs a.active{background:#fff;color:#e97330;font-weight:700}body.dark-mode .inventory-tabs{background:#c45c1f}body.dark-mode .inventory-tabs a.active{background:#353434;color:#ff9f68}.filter-wrapper{background:#fff;border:1px solid #ccc;border-radius:8px;box-shadow:0 5px 15px #0000004d;left:50%;max-width:calc(100vw - 16px);min-width:360px;padding:20px;position:fixed;top:50%;transform:translate(-50%,-50%);width:auto;z-index:1000}.filter-input{padding:5px!important;width:0!important}.filter-wrapper .filter-input,.filter-wrapper select{box-sizing:border-box;padding:8px}.filter-panel{background:#fff;border-radius:4px;box-shadow:0 2px 6px #00000026;font-family:Arial,sans-serif;padding:5px}.filter-dropdown{background-color:#fff;border:1px solid #ccc;border-radius:4px;box-shadow:0 2px 8px #00000026;left:-4px;margin-top:4px;min-width:100%;position:absolute;top:100%;z-index:1000}.filter-input-row{align-items:center;display:flex;gap:5px;margin-bottom:10px}.filter-input-row>*{flex-shrink:0;min-width:0}.filter-input-row select:first-child{min-width:100px}.filter-input-row select:nth-child(2){width:75px}.filter-input-row .filter-input{min-width:140px}.filter-input-row .filter-input,.filter-input-row select{border:1px solid #ccc;border-radius:4px;font-size:16px;outline:none}.filter-input-row .filter-input:focus,.filter-input-row select:focus{border-color:#007bff;box-shadow:0 0 3px #007bff}.filter-action-row{display:flex;gap:5px;justify-content:flex-end}.filter-action-row button{border:1px solid #0000;border-radius:4px;cursor:pointer;flex-shrink:0;font-size:16px;padding:6px 12px;white-space:nowrap}.filter-action-row button.btn-primary{background-color:#007bff;border-color:#007bff;color:#fff}.filter-action-row button.btn-primary:hover{background-color:#0056b3}.filter-action-row button:not(.btn-primary){background-color:#f0f0f0;border-color:#ccc;color:#333}.filter-action-row button:not(.btn-primary):hover{background-color:#e0e0e0}.filter-chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-left:1rem}.filter-chip{align-items:center;background-color:#e0f2ff;border-radius:4px;color:#0366d6;display:flex;font-size:.85rem;padding:.2rem .5rem}.filter-chip-close{cursor:pointer;font-weight:700;margin-left:.5rem}@media (max-width:768px){.filter-wrapper{max-width:calc(100vw - 12px);min-width:0;min-width:auto;padding:12px;width:95vw}.filter-input-row .filter-input,.filter-input-row select{font-size:16px;padding:5px}.filter-input-row select:first-child{min-width:100px}.filter-input-row select:nth-child(2){width:70px}.filter-input-row .filter-input{min-width:100px}.filter-action-row button{font-size:16px;padding:6px 10px}}body.dark-mode .filter-dropdown,body.dark-mode .filter-panel,body.dark-mode .filter-wrapper{background-color:#1e1e1e;border-color:#333;color:#e5e5e5}body.dark-mode .filter-input,body.dark-mode select{background-color:#2a2a2a;border:1px solid #444;color:#e5e5e5}body.dark-mode .filter-action-row button:not(.btn-primary){background-color:#2f2f2f;border-color:#444;color:#ddd}body.dark-mode .filter-action-row button.btn-primary{background-color:#0d6efd}body.dark-mode .filter-chip{background-color:#243447;color:#9ecbff}body,html{padding:0}.inventory-toolbar{align-items:center;background:#fff;border-left:1px solid #c6c4c4;border-right:1px solid #c6c4c4;display:flex;flex-wrap:wrap;gap:8px;padding:5px 0}.toolbar-row-find{align-items:center;border:0 solid #1976d2;display:flex;padding:0 5px}.toolbar-row-actions{align-items:center;display:flex;gap:8px}.inventory-toolbar input{background-color:#e1e0e0;border:1px solid #abb9d6;border-radius:6px;font-size:16px;padding:6px 10px}.btn-filter{background:#c8c8c8;border:0 solid #ccc;border-radius:6px;cursor:pointer;padding:7px 10px}.btn-add,.btn-delete,.btn-update{border:none;border-radius:6px;color:#fff;cursor:pointer;height:34px;padding:0 14px}.btn-add{background:#1976d2}.btn-update{background:#8bc34a}.btn-delete{background:#e53935}body.dark-mode .inventory-toolbar{background:#353434;border-left:1px solid #040404;border-right:1px solid #040404}body.dark-mode .inventory-toolbar input{background:#2a2a2a;border-color:#444;color:#fff}body.dark-mode .btn-filter{background:#494747;border-color:#444;color:#fff}@media (max-width:768px){.inventory-toolbar{grid-row-gap:8px;border-left:1px solid #c6c4c4;border-right:1px solid #c6c4c4;display:grid;grid-template-rows:auto auto;row-gap:8px}.toolbar-row-find{grid-row:1}.toolbar-row-find input{width:100%}.toolbar-row-actions{display:flex;flex-wrap:nowrap;gap:6px;grid-row:2;padding:0 5px}.toolbar-row-actions .btn-filter,.toolbar-row-actions button{flex:1 1 auto;font-size:16px;height:32px;min-width:0;padding:0 8px;white-space:nowrap}}body,html{height:100%;margin:0}.inventory-layout{display:flex;flex-direction:column;height:100%;min-height:0}.inventory-page-content{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden}body.dark-mode .inventory-page-content{background:#0000}@media (max-width:768px){body,html{height:100%;overflow:hidden}.inventory-layout{display:flex;flex-direction:column;height:100dvh}.inventory-page-content{-webkit-overflow-scrolling:touch;flex:1 1;overflow-x:auto;overflow-y:auto;padding-bottom:56px}.grid-footer{background:#f9fafb;bottom:0;position:-webkit-sticky;position:sticky;z-index:10}}.modal-overlay{align-items:center;background:#0006;display:flex;inset:0;justify-content:center;overflow-y:auto;position:fixed;z-index:1000}.modal-card{animation:scaleIn .2s ease;background:#fff;border-radius:16px;box-shadow:0 20px 40px #00000026;box-sizing:border-box;margin:auto;max-height:90vh;max-width:95%;overflow-y:auto;padding:16px 14px 18px;width:520px}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-header{align-items:center;display:flex;justify-content:space-between}.modal-header h2{font-size:22px;font-weight:600}.close-btn{background:#0000;border:none;cursor:pointer;font-size:18px}.modal-form{display:flex;flex-direction:column;gap:5px;overflow:auto}.modal-card{scrollbar-color:#aaa #0000;scrollbar-width:thin}.modal-card::-webkit-scrollbar{width:4px}.modal-card::-webkit-scrollbar-thumb{background-color:#aaa;border-radius:4px}.form-group{display:flex;flex-direction:column;gap:5px}.form-group label{color:#374151;font-size:16px;font-weight:500}.form-group input[readonly]{background-color:#f9fafb;color:#374151;cursor:not-allowed}.form-group input,.form-group select{background:#fff;border:1px solid #e5e7eb;border-radius:8px;font-size:16px;padding:8px 10px}.form-group input:focus{border-color:#3b82f6;outline:none}.two-col{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr}.modal-actions{display:flex;gap:20px;justify-content:flex-end;margin-top:10px}.btn-cancel{background:#e7e3e3;border-radius:8px;color:#182b50;font-size:16px}.image-upload-box{align-items:center;background:#f9fafb;border:2px dashed #e5e7eb;border-radius:12px;color:#6b7280;cursor:pointer;display:flex;height:120px;justify-content:center;margin:auto;overflow:hidden;width:50%}.image-upload-box:hover{border-color:#10b981;color:#10b981}.upload-placeholder{color:#9ca3af;font-size:16px}.image-preview{height:100%;object-fit:contain;width:100%}.btn-add{background-color:#22c55e;border:none;color:#111827;cursor:pointer;font-size:16px;padding:8px 14px}.btn-add,.btn-update{border-radius:8px}.btn-delete{background-color:#ef4444;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;padding:6px 10px}.btn-delete:disabled{cursor:not-allowed;opacity:.5}.error-text{color:#ef4444;font-size:16px}@media (max-width:1024px){.modal-card{min-height:auto;width:480px}.modal-header h2{font-size:20px}.form-group input,.form-group select{font-size:16px;padding:7px 10px}.image-upload-box{height:80px;width:50%}}@media (max-width:768px){.modal-overlay{-webkit-overflow-scrolling:touch;align-items:center;justify-content:center;overflow-y:auto;padding:12px;position:fixed}.modal-card{border-radius:12px;margin:auto;max-width:420px;min-height:auto;padding:10px 8px 12px;width:calc(100% - 24px)}.modal-header h2{font-size:18px}.modal-form{gap:5px}.form-group label{font-size:16px}.form-group input,.form-group select{font-size:16px;padding:8px 10px}.two-col{grid-template-columns:1fr}.modal-actions{display:flex;flex-direction:row;gap:10px}.modal-actions button{flex:1 1;width:auto}.image-upload-box{height:100px;width:95%}.upload-placeholder{font-size:16px}}@media (max-width:480px){.modal-overlay{-webkit-overflow-scrolling:touch;align-items:center;justify-content:center;overflow-y:auto;padding:12px;position:fixed}.modal-card{border-radius:10px;margin:auto;max-width:300px;min-height:auto;padding:14px 12px 16px;width:calc(100% - 20px)}.btn-add,.btn-cancel,.btn-delete,.btn-update,.form-group input,.form-group select,.modal-header h2{font-size:16px}.image-upload-box{height:100px}.error-text{font-size:16px}}body.dark-mode .modal-card{background:#494747}body.dark-mode .form-group label{color:#fff}body.dark-mode .image-upload-box{background:#757373}.chip-input-wrapper{position:relative}.suggestion-list{background:#fff;border:1px solid #ddd;border-radius:6px;left:0;list-style:none;margin-top:4px;max-height:180px;overflow-y:auto;padding:0;position:absolute;right:0;top:100%;z-index:9999}.suggestion-list li{cursor:pointer;padding:8px 12px}.suggestion-list li:hover{background-color:#f2f4f8}.chip-input-wrapper input{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-sizing:border-box;font-size:16px;padding:8px 10px;width:100%}.chip-input-wrapper input:focus{border-color:#3b82f6;outline:none}.chip-input-wrapper input:disabled{background:#f3f4f6;color:#9ca3af;cursor:not-allowed}.boolean-inline{align-items:center;display:flex!important;flex-direction:row!important;gap:12px}.boolean-inline label{margin:0;text-align:left;width:150px}.boolean-inline input[type=checkbox]{height:18px;width:18px}.chip.empty{background-color:#fff3cd;border:1px solid #ffeeba;color:#856404}.po-meta{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:24px}.po-meta .field{display:flex;flex-direction:column}.po-meta label{font-size:16px;font-weight:600;margin-bottom:6px}.po-meta input,.po-meta select{border:1px solid #ccc;border-radius:6px;padding:8px 10px}.po-list{display:flex;flex-direction:column;gap:10px}.po-row{grid-gap:12px;align-items:center;border-radius:8px;box-shadow:0 1px 3px #00000014;display:grid;gap:12px;grid-template-columns:minmax(90px,1fr) minmax(90px,1.2fr) minmax(90px,1fr) minmax(90px,1fr);padding:12px 16px}body.dark-mode .po-row{background:#454444}.po-row input{box-sizing:border-box;max-width:100%}.po-header{background:#b3adad7d;box-shadow:none;font-weight:700}.po-row input{border:1px solid #ccc;border-radius:6px;font-size:16px;padding:6px 8px;width:100%}.product-name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.po-actions{display:flex;justify-content:flex-end;margin-top:24px}.po-actions .primary{background:#2563eb;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:10px 18px}@media (max-width:768px){.purchaseOrder-page{display:flex;flex-direction:column;height:100dvh;overflow:hidden;padding:0 5px}.po-row{gap:8px;grid-template-columns:1fr 1fr 1fr 1fr;padding:10px}.po-header{display:grid}.po-header,.po-row input,.product-name{font-size:16px}.po-row input{padding:5px 6px}.po-actions{justify-content:center}.po-actions .primary{width:90%}.btn-cancel-po{margin-left:0;width:100%}}@media (max-width:480px){.po-row{grid-template-columns:.8fr .8fr .8fr .8fr}}.error{background:#fee2e2;border:1px solid #ef4444}.po-actions .primary:disabled{background:#9ca3af;cursor:not-allowed}.po-search{margin-bottom:16px;position:relative}.po-search input{border:1px solid #ccc;border-radius:6px;box-sizing:border-box;padding:8px 10px;width:100%}.search-dropdown{background:#fff;border:1px solid #ddd;border-radius:6px;left:0;max-height:220px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:20}body.dark-mode .search-item{background-color:#1e1e1e;border-color:#444}.search-item{background-color:#eeeef1;cursor:pointer;padding:8px 10px}.search-item:hover{background:#f3f4f6}.btn-cancel-po{background:#0000;border:1px solid #ccc;border-radius:5px;color:#555;cursor:pointer;font-size:16px;margin-left:10px;padding:10px 20px}.btn-cancel-po:hover{background-color:#0000000d}body.dark-mode .btn-cancel-po{border-color:#555;color:#ddd}body.dark-mode .btn-cancel-po:hover{background-color:#ffffff14}.supplier-warning{color:#dc2626;font-size:13px;margin-top:4px}.auth-container{background:#f5f6fa;font-family:Arial,sans-serif;min-height:100vh}.auth-container,.auth-left{display:flex;transition:all .3s ease}.auth-left{align-items:center;border-right:3px solid #afafb133;color:#000;flex:1 1;justify-content:center;padding:60px}body.dark-mode .auth-left{color:#fff}.auth-left-content{max-width:450px}.auth-left-content h1{font-size:48px;font-weight:700;margin-bottom:20px}.auth-left-content p{font-size:18px;opacity:.9}.auth-right{align-items:center;display:flex;flex:1 1;justify-content:center}.auth-card,.auth-right{padding:40px;transition:all .3s ease}.auth-card{border-radius:12px;max-width:380px;text-align:center;width:100%}.auth-card h2{color:#333;margin-bottom:20px}.auth-card form{display:flex;flex-direction:column;gap:12px}.auth-card input{border:1px solid #ddd;border-radius:6px;cursor:pointer;font-size:16px;padding:10px}.auth-card input:focus{border-color:#667eea;outline:none}.auth-card button{background:linear-gradient(90deg,#16a34a,#22c55e);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;letter-spacing:.5px;margin-top:14px;overflow:hidden;padding:12px;position:relative;transition:all .3s ease}.auth-card button:hover{box-shadow:0 8px 20px #22c55e66}.auth-card button:active{transform:scale(.98)}.auth-card button:before{background:linear-gradient(120deg,#fff3,#ffffff80,#fff3);content:"";height:100%;left:-75%;position:absolute;top:0;transform:skewX(-25deg);transition:.5s;width:50%}.auth-card button:hover:before{left:125%}.auth-toggle{font-size:16px;margin-top:15px}.auth-toggle span{color:#16a34a;cursor:pointer;font-weight:700;margin-left:5px}.login-page-icon.theme-toggle{cursor:pointer;font-size:20px;position:absolute;right:20px;top:20px}.dark-mode .auth-container{background:#494747}.dark-mode .auth-card h2{color:#fff}.dark-mode .auth-card input{background:#2d2d2d;border:1px solid #555;color:#fff}.dark-mode .auth-card input::placeholder{color:#bbb}.dark-mode .auth-card input:focus{border-color:#7c8cff}.dark-mode .auth-card button{background:linear-gradient(90deg,#15803d,#16a34a)}.dark-mode .auth-toggle{color:#ccc}.dark-mode .auth-toggle span{color:#22c55e}@media (max-width:1024px){.auth-left{padding:40px}.auth-left-content h1{font-size:36px}.auth-left-content p{font-size:16px}}@media (max-width:768px){.auth-container{flex-direction:column}.auth-left{display:none}.auth-card,.auth-right{padding:10px}.auth-card{max-width:100%}}.notfound-container{align-items:center;display:flex;flex-direction:column;font-family:Arial,sans-serif;height:80vh;justify-content:center;text-align:center}.notfound-container h1{color:#ff4d4f;font-size:6rem}.notfound-container h2{font-size:2rem;margin-bottom:1rem}.notfound-container p{color:#555;font-size:1.2rem;margin-bottom:2rem}.notfound-container button{background-color:#1890ff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;padding:.6rem 1.2rem}.notfound-container button:hover{background-color:#40a9ff}.floating-bg{inset:0;overflow:hidden;pointer-events:none;position:absolute}.floating-icon{animation:floatRandom 10s ease-in-out infinite;font-size:40px;opacity:.32;position:absolute}.i1{animation-duration:8s;left:15%;top:10%}.i2{animation-duration:12s;font-size:50px;right:25%;top:10%}.i3{animation-duration:9s;bottom:15%;left:10%}.i4{animation-duration:11s;font-size:45px;right:60%;top:20%}.i5{animation-duration:7s;bottom:15%;right:50%}.i6{animation-duration:13s;font-size:55px;left:30%;top:45%}.i7{animation-duration:10s;left:2%;top:35%}.i8{animation-duration:14s;bottom:20%;font-size:48px;right:5%}@keyframes floatRandom{0%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(10deg)}to{transform:translateY(0) rotate(0deg)}}.otp-btn-wrapper,.otp-container{display:flex;flex-direction:column;gap:12px;margin-top:10px;width:100%}.otp-container input{border:1px solid #ddd;border-radius:6px;cursor:pointer;font-size:16px;padding:10px;width:100%}.otp-container input:focus{border-color:#667eea;outline:none}.otp-btn,.otp-container button{background:linear-gradient(90deg,#f59e0b,#facc15);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:10px;transition:all .3s ease;width:100%}.otp-btn:hover,.otp-container button:hover{box-shadow:0 6px 16px #facc1566}.dark-mode .otp-btn,.dark-mode .otp-container button{background:linear-gradient(90deg,#d97706,#f59e0b)}.dark-mode .otp-container input{background:#2d2d2d;border:1px solid #555;color:#fff}.dark-mode .otp-container input::placeholder{color:#bbb}.login-toggle-btn{background:linear-gradient(90deg,#f59e0b,#facc15);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;letter-spacing:.5px;margin-top:10px;padding:12px;transition:all .3s ease;width:100%}.login-toggle-btn:hover{box-shadow:0 6px 16px #facc1566}.login-toggle-btn:active{transform:scale(.98)}.dark-mode .login-toggle-btn{background:linear-gradient(90deg,#d97706,#f59e0b)}.phone-input{display:flex;gap:8px;position:relative;width:100%}.phone-input input,.phone-input select{border:1px solid #ccc;border-radius:4px;padding:8px}.phone-input input{flex:1 1}.grid-footer.users,.grid-header.users,.grid-row.users{grid-template-columns:50px 160px 100px 100px 180px 95px 100px 160px 160px;min-width:-webkit-max-content;min-width:max-content}.grid-footer.users>div,.grid-header.users>div,.grid-row.users>div{min-width:0}.grid-row.users img{border-radius:6px;height:36px;object-fit:cover;width:36px}@media (max-width:768px){.grid-row.users img{height:28px;width:28px}}@media (max-width:480px){.grid-row.users img{height:24px;width:24px}}.grid-row.users>div:nth-child(2),.grid-row.users>div:nth-child(5){cursor:pointer}.grid-row.users{transition:background .15s ease}.grid-row.users:hover{background:#0000000a}.loginas-overlay{align-items:center;background:#0000008c;display:flex;inset:0;justify-content:center;position:fixed;z-index:2000}.loginas-container{animation:fadeIn .2s ease-in-out;background:#f5f5f5;border-radius:12px;box-shadow:0 10px 35px #00000040;color:#222;max-width:95%;padding:25px;width:420px}body.dark-mode .loginas-container{background:#484848;color:#f1f1f1}.loginas-title{margin-bottom:20px;text-align:center}.loginas-field{display:flex;flex-direction:column;gap:6px;margin-bottom:20px}.loginas-select{background:#fff;border:1px solid #ccc;border-radius:6px;color:#222;font-size:14px;outline:none;padding:10px 12px;width:100%}body.dark-mode .loginas-select{background:#2c2c2c;border:1px solid #444;color:#f1f1f1}.loginas-buttons{display:flex;gap:10px;justify-content:space-between}.btn-login{background:#2ecc71;border:none;border-radius:6px;color:#fff;cursor:pointer;flex:1 1;font-weight:500;padding:10px;transition:background .2s ease}.btn-login:hover{background:#27ae60}.btn-cancel{background:#d5a9a4;font-weight:500;transition:background .2s ease}.btn-cancel,.btn-update{border:none;border-radius:6px;color:#fff;cursor:pointer;padding:8px 14px}.btn-update{background-color:#3b82f6;font-size:16px}.btn-cancel:hover{background:#c0392b}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (max-width:768px){.loginas-container{max-width:220px}}.grid-footer.sellers,.grid-header.sellers,.grid-row.sellers{grid-template-columns:50px 160px 180px 125px 160px 100px 160px 160px;min-width:-webkit-max-content;min-width:max-content}.grid-footer.sellers>div,.grid-header.sellers>div,.grid-row.sellers>div{min-width:0}.grid-row.sellers img{border-radius:6px;height:36px;object-fit:cover;width:36px}@media (max-width:768px){.grid-row.sellers img{height:28px;width:28px}}@media (max-width:480px){.grid-row.sellers img{height:24px;width:24px}}.grid-row.sellers>div:nth-child(2),.grid-row.sellers>div:nth-child(3){cursor:pointer}.grid-row.sellers{transition:background .15s ease}.grid-row.sellers:hover{background:#0000000a}.grid-footer.subscriptions,.grid-header.subscriptions,.grid-row.subscriptions{grid-template-columns:50px 100px 160px 200px 190px 170px 120px 150px 160px 160px;min-width:-webkit-max-content;min-width:max-content}.grid-footer.subscriptions>div,.grid-header.subscriptions>div,.grid-row.subscriptions>div{min-width:0}.grid-row.subscriptions>div:nth-child(2),.grid-row.subscriptions>div:nth-child(3){cursor:pointer}.grid-row.subscriptions{transition:background .15s ease}.grid-row.subscriptions:hover{background:#0000000a}.subscription-container{align-items:center;background:linear-gradient(135deg,#f5f7fa,#e4ecf7);display:flex;flex-direction:column;font-family:Segoe UI,sans-serif;justify-content:center}.subscription-title{color:#333;font-size:32px;margin-bottom:40px}.plans-wrapper{gap:40px}.plan-card{border-radius:12px;box-shadow:0 8px 20px #00000014;padding:30px;text-align:center;transition:transform .25s ease,box-shadow .25s ease;width:280px}.popular-badge{background:#ff6b6b;border-radius:6px;color:#fff;font-size:12px;font-weight:700;padding:5px 10px;position:absolute;right:-10px;top:-10px}.plan-card:hover{box-shadow:0 12px 30px #00000026;transform:translateY(-6px)}.plan-card h3{font-size:22px;margin-bottom:10px}.price{color:#2d8cf0;font-size:36px;font-weight:700}.duration{color:#777;margin-bottom:20px}.plan-card ul{margin-bottom:25px}.plan-card ul li{color:#444;padding:6px 0}.plan-card button{background:#22c55e;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:15px;padding:10px;transition:background .2s ease;width:100%}.plan-card button:hover{background:#2954afb3}.plan-card.free .price{color:#27ae60}.plan-card.basic .price{color:#494949}body.dark-mode .subscription-container{background:#494747}body.dark-mode .subscription-title{color:#e4e4e4}body.dark-mode .plan-card{background:#505050;box-shadow:0 8px 20px #0009;color:#e4e4e4}body.dark-mode .plan-card:hover{box-shadow:0 12px 30px #000c}body.dark-mode .popular-badge{background:#ff6b6b;color:#fff}body.dark-mode .price{color:#4da3ff}body.dark-mode .duration{color:#b0b0b0}body.dark-mode .plan-card ul li{color:#d0d0d0}body.dark-mode .plan-card button{background:#22c55e;color:#fff}body.dark-mode .plan-card button:hover{background:#27ae60}body.dark-mode .plan-card.free .price{color:#2ecc71}body.dark-mode .plan-card.basic .price{color:#f39c12}.payment-page-container{margin:0 auto;max-width:1200px;padding:40px 20px;text-align:center}.payment-page-container h1{font-size:2rem;margin-bottom:10px}.payment-page-container .subtitle{color:#666;margin-bottom:40px}.plans-wrapper{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.plan-card{background:#fff;border-radius:10px;box-shadow:0 4px 15px #0000001a;flex:1 1 280px;padding:25px 20px;position:relative;transition:transform .3s,box-shadow .3s;width:300px}.plan-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-5px)}.plan-card h3{margin-top:0}.plan-card .price{font-size:1.5rem;font-weight:700;margin:10px 0}.plan-card .duration{color:#888;font-size:.9rem;margin-bottom:15px}.plan-card ul{list-style:none;margin:15px 0;padding:0;text-align:left}.plan-card ul li{margin-bottom:8px}.plan-card .popular-badge{background:#4caf50;border-radius:50px;color:#fff;font-size:.8rem;padding:5px 10px;position:absolute;right:-10px;top:-10px}.pay-btn{background:#4caf50;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;padding:12px 25px;width:100%}.pay-btn:disabled{background:#999;cursor:not-allowed}body.dark-mode{background:#121212;color:#eee}body.dark-mode .plan-card{background:#494949;box-shadow:0 4px 15px #0009;color:#eee}body.dark-mode .plan-card ul li{color:#ccc}body.dark-mode .pay-btn,body.dark-mode .popular-badge{background:#00bfa5}@media (max-width:1000px){.plans-wrapper{flex-direction:row;gap:15px;justify-content:center}}@media (max-width:700px){.plans-wrapper{align-items:center;flex-direction:column}}.grid-footer.plans,.grid-header.plans,.grid-row.plans{grid-template-columns:50px 100px 100px 120px 150px 160px 160px;min-width:-webkit-max-content;min-width:max-content}.grid-footer.plans>div,.grid-header.plans>div,.grid-row.plans>div{min-width:0}.grid-row.plans>div:nth-child(2){cursor:pointer}.grid-row.plans{transition:background .15s ease}.grid-row.plans:hover{background:#0000000a}.grid-footer.activityLogs,.grid-header.activityLogs,.grid-row.activityLogs{grid-template-columns:50px 100px 100px 160px 200px 110px 160px;min-width:-webkit-max-content;min-width:max-content}.grid-footer.activityLogs>div,.grid-header.activityLogs>div,.grid-row.activityLogs>div{min-width:0}.grid-row.activityLogs>div:nth-child(2){cursor:pointer}.grid-row.activityLogs{transition:background .15s ease}.grid-row.activityLogs:hover{background:#0000000a}.grid-footer.tickets,.grid-header.tickets,.grid-row.tickets{grid-template-columns:50px 160px 180px 125px 160px 100px 160px 160px;min-width:-webkit-max-content;min-width:max-content}.grid-footer.tickets>div,.grid-header.tickets>div,.grid-row.tickets>div{min-width:0}.grid-row.tickets img{border-radius:6px;height:36px;object-fit:cover;width:36px}@media (max-width:768px){.grid-row.tickets img{height:28px;width:28px}}@media (max-width:480px){.grid-row.tickets img{height:24px;width:24px}}.grid-row.tickets>div:nth-child(2),.grid-row.tickets>div:nth-child(3){cursor:pointer}.grid-row.tickets{transition:background .15s ease}.grid-row.tickets:hover{background:#0000000a}.status{font-size:12px;padding:2px 8px}.status.open{background:#ffe5e5;color:#c62828}.status.in_progress{background:#fff5cc;color:#b26a00}.status.closed{background:#e6f7e6;color:#1b7a1b}.grid-wrapper{background:#fff;display:flex;flex:1 1;flex-direction:column;min-height:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}.grid-wrapper::-webkit-scrollbar{height:4px}.grid-wrapper::-webkit-scrollbar-thumb{background:#b0b0b0;border-radius:4px}.grid-wrapper::-webkit-scrollbar-track{background:#0000}.grid-body::-webkit-scrollbar{background:#0000;width:0}.grid-scroll-spacer{display:flex;flex:1 1;flex-direction:column;min-height:0;min-width:-webkit-max-content;min-width:max-content}body.dark-mode .grid-wrapper{background:#121212;border-color:#333}.grid-footer,.grid-header,.grid-row{display:grid;min-width:-webkit-max-content;min-width:max-content}.grid-header{background:#b8b8b8;border-bottom:1px solid #979494;flex-shrink:0;font-weight:700}.grid-body{background-color:#f5f6fa;flex:1 1;min-height:0;overflow-x:auto;overflow-y:auto;scrollbar-width:none}.grid-footer{background:#b8b8b8;border-top:2px solid #979494;flex-shrink:0;font-weight:700}.grid-footer div,.grid-header div,.grid-row div{border:1px solid #979494;padding:8px 10px;white-space:nowrap}body.dark-mode .grid-footer div,body.dark-mode .grid-header div,body.dark-mode .grid-row div{border-right:1px solid #444}body.dark-mode .grid-wrapper{background:#494747}body.dark-mode .grid-body::-webkit-scrollbar-thumb,body.dark-mode .grid-wrapper::-webkit-scrollbar-thumb{background:#666}body.dark-mode .grid-footer,body.dark-mode .grid-header{background:#8d8d8d}body.dark-mode .grid-body{background-color:#494747}.grid-footer.products,.grid-header.products,.grid-row.products{grid-template-columns:50px 200px 100px 120px 200px 180px 220px 160px 150px 250px 160px 160px 210px;min-width:-webkit-max-content;min-width:max-content}.grid-footer.products>div,.grid-header.products>div,.grid-row.products>div{min-width:0}.grid-row.products>div:nth-child(2){cursor:pointer}.grid-row.products{transition:background .15s ease}.grid-row.products:hover{background:#0000000a}.grid-row.products img{border-radius:6px;height:36px;object-fit:cover;width:36px}@media (max-width:768px){.grid-row.products img{height:28px;width:28px}}@media (max-width:480px){.grid-row.products img{height:24px;width:24px}}.grid-footer.suppliers,.grid-header.suppliers,.grid-row.suppliers{grid-template-columns:50px 150px 80px 180px 150px 200px 200px 120px 150px 200px 190px 170px 160px 160px;min-width:-webkit-max-content;min-width:max-content}.grid-footer.suppliers>div,.grid-header.suppliers>div,.grid-row.suppliers>div{min-width:0}.grid-row.suppliers>div:nth-child(2),.grid-row.suppliers>div:nth-child(4),.grid-row.suppliers>div:nth-child(5),.grid-row.suppliers>div:nth-child(6),.grid-row.suppliers>div:nth-child(7){cursor:pointer}.grid-row.suppliers{transition:background .15s ease}.grid-row.suppliers:hover{background:#0000000a}.grid-row.suppliers img{border-radius:6px;height:36px;object-fit:cover;width:36px}.chips{display:flex;flex-wrap:wrap;gap:4px}.chip{background:#e6f0ff;border-radius:4px;color:#1f5fd4;font-size:16px;margin:1px;max-height:20px;padding:2px 6px}.chip.editable{cursor:default}.chip-remove{color:#0e0303;cursor:pointer;font-weight:700;margin-left:4px}.chip-remove:hover{color:#d00}.grid-footer.purchaseOrder,.grid-header.purchaseOrder,.grid-row.purchaseOrder{grid-template-columns:50px 210px 120px 190px 200px 200px 170px 100px 100px 80px 140px 140px 170px 170px 170px;min-width:-webkit-max-content;min-width:max-content}.grid-footer.purchaseOrder>div,.grid-header.purchaseOrder>div,.grid-row.purchaseOrder>div{min-width:0}.grid-row.purchaseOrder>div:nth-child(2){cursor:pointer}.grid-row.purchaseOrder{transition:background .15s ease}.grid-row.purchaseOrder:hover{background:#0000000a}.grid-row.purchaseOrder img{border-radius:6px;height:36px;object-fit:cover;width:36px}.grid-footer.customers,.grid-header.customers,.grid-row.customers{grid-template-columns:50px 140px 150px 120px 180px 160px 100px 160px 160px;min-width:-webkit-max-content;min-width:max-content}.grid-footer.customers>div,.grid-header.customers>div,.grid-row.customers>div{min-width:0}.grid-row.customers .no-data{grid-column:1/-1}.grid-row.customers img{border-radius:6px;height:36px;object-fit:cover;width:36px}@media (max-width:768px){.grid-row.customers img{height:28px;width:28px}}@media (max-width:480px){.grid-row.customers img{height:24px;width:24px}}.grid-row.customers>div:nth-child(2),.grid-row.customers>div:nth-child(5){cursor:pointer}.grid-row.customers{transition:background .15s ease}.grid-row.customers:hover{background:#0000000a}.grid-footer.salesOrder,.grid-header.salesOrder,.grid-row.salesOrder{grid-template-columns:50px 140px 120px 120px 220px 120px 190px 210px 150px 160px 160px;min-width:-webkit-max-content;min-width:max-content}.grid-footer.salesOrder>div,.grid-header.salesOrder>div,.grid-row.salesOrder>div{min-width:0}.grid-row.salesOrder>div:nth-child(4){cursor:pointer}.grid-row.salesOrder{transition:background .15s ease}.grid-row.salesOrder:hover{background:#0000000a}.grid-row.salesOrder img{border-radius:6px;height:36px;object-fit:cover;width:36px}.grid-footer.lineItem,.grid-header.lineItem,.grid-row.lineItem{grid-template-columns:50px 160px 160px 160px 140px 130px 130px 120px 160px 160px;min-width:-webkit-max-content;min-width:max-content}.grid-footer.lineItem>div,.grid-header.lineItem>div,.grid-row.lineItem>div,.truncate{min-width:0}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.expanded{overflow:visible!important;text-overflow:clip!important;white-space:normal!important;word-break:break-word}.grid-row.lineItem>div:nth-child(2){cursor:pointer}.grid-row.lineItem{transition:background .15s ease}.grid-row.lineItem:hover{background:#0000000a}.grid-row.lineItem img{border-radius:6px;height:36px;object-fit:cover;width:36px}
/*# sourceMappingURL=main.92bfb207.css.map*/