@import url(https://fonts.googleapis.com/css2?family=Rajdhani:wght@400;500;600;700&family=DM+Sans:wght@300;400;500;600&display=swap);:root{--bg-primary:#0a0d14;--bg-secondary:#111520;--bg-card:#151b28;--bg-hover:#1c2436;--accent:#00e5ff;--accent-dim:#00b8cc;--accent-glow:#00e5ff26;--danger:#ff4d6d;--success:#00f5a0;--warning:#ffb703;--text-primary:#e8eaf0;--text-secondary:#8892a4;--text-muted:#4a5568;--border:#1e2940;--border-accent:#00e5ff4d;--shadow:0 4px 24px #0006;--topbar-height:56px;--sidebar-width:240px}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-text-size-adjust:100%;background:#0a0d14;background:var(--bg-primary);color:#e8eaf0;color:var(--text-primary);font-family:DM Sans,sans-serif;min-height:100vh}h1,h2,h3,h4{letter-spacing:.5px}.loading,h1,h2,h3,h4{font-family:Rajdhani,sans-serif}.loading{align-items:center;color:#00e5ff;color:var(--accent);display:flex;font-size:1.5rem;height:100vh;justify-content:center;letter-spacing:2px}.layout{display:flex;min-height:100vh}.sidebar{background:#111520;background:var(--bg-secondary);border-right:1px solid #1e2940;border-right:1px solid var(--border);display:flex;flex-direction:column;height:100vh;overflow-y:auto;position:fixed;transition:transform .25s ease;width:240px;width:var(--sidebar-width);z-index:200}.sidebar-logo{border-bottom:1px solid #1e2940;border-bottom:1px solid var(--border);gap:10px;padding:20px 16px}.logo-icon,.sidebar-logo{align-items:center;display:flex;flex-shrink:0}.logo-icon{background:#00e5ff;background:var(--accent);border-radius:8px;font-size:18px;height:36px;justify-content:center;width:36px}.sidebar-logo h2{color:#00e5ff;color:var(--accent);font-family:Rajdhani,sans-serif;font-size:1.2rem}.sidebar-logo span{display:block;font-size:.68rem}.sidebar-close-btn,.sidebar-logo span{color:#8892a4;color:var(--text-secondary)}.sidebar-close-btn{align-items:center;background:#0000;border:1px solid #1e2940;border:1px solid var(--border);border-radius:6px;cursor:pointer;display:none;flex-shrink:0;font-size:.85rem;height:28px;justify-content:center;margin-left:auto;width:28px}.sidebar-nav{flex:1 1;padding:12px 0}.nav-item{align-items:center;color:#8892a4;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.88rem;gap:12px;padding:11px 16px;text-decoration:none;transition:all .2s}.nav-item:hover{background:#1c2436;background:var(--bg-hover);color:#e8eaf0;color:var(--text-primary)}.nav-item.active{background:#00e5ff26;background:var(--accent-glow);border-right:2px solid #00e5ff;border-right:2px solid var(--accent);color:#00e5ff;color:var(--accent)}.nav-item .badge{background:#ff4d6d;background:var(--danger);border-radius:10px;color:#fff;font-size:.68rem;margin-left:auto;padding:1px 7px}.sidebar-footer{border-top:1px solid #1e2940;border-top:1px solid var(--border);flex-shrink:0;padding:14px 16px}.user-info{gap:10px;margin-bottom:10px}.user-avatar,.user-info{align-items:center;display:flex}.user-avatar{background:#00e5ff26;background:var(--accent-glow);border:1px solid #00e5ff4d;border:1px solid var(--border-accent);border-radius:50%;color:#00e5ff;color:var(--accent);flex-shrink:0;font-size:.85rem;font-weight:600;height:32px;justify-content:center;width:32px}.user-name{font-size:.83rem;font-weight:500}.user-role{color:#00e5ff;color:var(--accent);font-size:.68rem;letter-spacing:1px;text-transform:uppercase}.logout-btn{background:#0000;border:1px solid #1e2940;border:1px solid var(--border);border-radius:6px;color:#8892a4;color:var(--text-secondary);cursor:pointer;font-size:.8rem;padding:8px;transition:all .2s;width:100%}.logout-btn:hover{border-color:#ff4d6d;border-color:var(--danger);color:#ff4d6d;color:var(--danger)}.main-content{flex:1 1;margin-left:240px;margin-left:var(--sidebar-width);min-height:100vh;padding:24px}.mobile-topbar{align-items:center;background:#111520;background:var(--bg-secondary);border-bottom:1px solid #1e2940;border-bottom:1px solid var(--border);display:none;gap:10px;height:56px;height:var(--topbar-height);justify-content:space-between;left:0;padding:0 14px;position:fixed;right:0;top:0;z-index:150}.hamburger-btn{align-items:center;background:#0000;border:1px solid #1e2940;border:1px solid var(--border);border-radius:7px;color:#e8eaf0;color:var(--text-primary);cursor:pointer;display:flex;flex-shrink:0;font-size:1.1rem;height:38px;justify-content:center;width:38px}.sidebar-overlay{background:#0009;display:none;inset:0;position:fixed;z-index:190}.card{background:#151b28;background:var(--bg-card);border:1px solid #1e2940;border:1px solid var(--border);border-radius:12px;padding:18px}.card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:18px}.card-title{font-family:Rajdhani,sans-serif;font-size:1rem;font-weight:600}.stat-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));margin-bottom:22px}.stat-card{background:#151b28;background:var(--bg-card);border:1px solid #1e2940;border:1px solid var(--border);border-radius:12px;overflow:hidden;padding:18px;position:relative}.stat-card:before{content:"";height:2px;left:0;position:absolute;right:0;top:0}.stat-card.cyan:before{background:#00e5ff;background:var(--accent)}.stat-card.green:before{background:#00f5a0;background:var(--success)}.stat-card.red:before{background:#ff4d6d;background:var(--danger)}.stat-card.yellow:before{background:#ffb703;background:var(--warning)}.stat-label{color:#8892a4;color:var(--text-secondary);font-size:.72rem;letter-spacing:1px;text-transform:uppercase}.stat-value{font-family:Rajdhani,sans-serif;font-size:1.7rem;font-weight:700;margin:6px 0 2px}.stat-card.cyan .stat-value{color:#00e5ff;color:var(--accent)}.stat-card.green .stat-value{color:#00f5a0;color:var(--success)}.stat-card.red .stat-value{color:#ff4d6d;color:var(--danger)}.stat-card.yellow .stat-value{color:#ffb703;color:var(--warning)}.stat-sub{color:#4a5568;color:var(--text-muted);font-size:.75rem}.table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}table{border-collapse:collapse;min-width:500px;width:100%}th{color:#8892a4;color:var(--text-secondary);font-family:Rajdhani,sans-serif;font-size:.7rem;letter-spacing:1px;padding:9px 12px;text-align:left;text-transform:uppercase;white-space:nowrap}td,th{border-bottom:1px solid #1e2940;border-bottom:1px solid var(--border)}td{font-size:.85rem;padding:11px 12px;vertical-align:middle}tr:hover td{background:#1c2436;background:var(--bg-hover)}tr:last-child td{border-bottom:none}.btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-family:DM Sans,sans-serif;font-size:.875rem;font-weight:500;gap:6px;justify-content:center;padding:9px 18px;transition:all .2s;white-space:nowrap}.btn-primary{background:#00e5ff;background:var(--accent);color:#0a0d14}.btn-primary:hover{background:#00b8cc;background:var(--accent-dim)}.btn-ghost{background:#0000;border:1px solid #1e2940;border:1px solid var(--border);color:#8892a4;color:var(--text-secondary)}.btn-ghost:hover{border-color:#4a5568;border-color:var(--text-muted);color:#e8eaf0;color:var(--text-primary)}.btn-danger{background:#ff4d6d26;border:1px solid #ff4d6d4d;color:#ff4d6d;color:var(--danger)}.btn-danger:hover{background:#ff4d6d40}.btn-success{background:#00f5a026;border:1px solid #00f5a04d;color:#00f5a0;color:var(--success)}.btn-success:hover{background:#00f5a040}.btn-sm{border-radius:6px;font-size:.78rem;padding:5px 10px}.form-group{margin-bottom:14px}.form-group label{color:#8892a4;color:var(--text-secondary);display:block;font-size:.75rem;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}input,select,textarea{-webkit-appearance:none;appearance:none;background:#0a0d14;background:var(--bg-primary);border:1px solid #1e2940;border:1px solid var(--border);border-radius:8px;color:#e8eaf0;color:var(--text-primary);font-family:DM Sans,sans-serif;font-size:.875rem;padding:10px 12px;transition:border-color .2s;width:100%}input:focus,select:focus,textarea:focus{border-color:#00e5ff4d;border-color:var(--border-accent);box-shadow:0 0 0 2px #00e5ff26;box-shadow:0 0 0 2px var(--accent-glow);outline:none}select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath fill='%238892a4' d='M6 8 0 0h12z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;cursor:pointer;padding-right:34px}.modal-overlay{align-items:center;background:#000000bf;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:1000}.modal{background:#111520;background:var(--bg-secondary);border:1px solid #1e2940;border:1px solid var(--border);border-radius:16px;box-shadow:0 20px 60px #0009;max-height:92vh;max-width:520px;overflow-y:auto;padding:22px;width:100%}.modal h3{color:#00e5ff;color:var(--accent);font-size:1.25rem;margin-bottom:16px}.modal-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;margin-top:18px}.page-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:22px}.page-title{font-family:Rajdhani,sans-serif;font-size:1.75rem;font-weight:700}.page-subtitle{color:#8892a4;color:var(--text-secondary);font-size:.83rem;margin-top:2px}.filter-bar{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}.filter-bar input,.filter-bar select{flex:1 1;min-width:120px}.badge-color{border-radius:20px;font-weight:500}.badge-color,.badge-status{display:inline-block;font-size:.73rem;padding:3px 9px}.badge-status{border-radius:4px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.badge-pending{background:#ffb7031a;color:#ffb703;color:var(--warning)}.badge-approved{background:#00f5a01a;color:#00f5a0;color:var(--success)}.badge-rejected{background:#ff4d6d1a;color:#ff4d6d;color:var(--danger)}.color-chip{align-items:center;background:#1c2436;background:var(--bg-hover);border:1px solid #1e2940;border:1px solid var(--border);border-radius:6px;display:inline-flex;font-size:.78rem;gap:5px;margin:2px;padding:3px 9px}.color-dot{border:1px solid #fff3;border-radius:50%;flex-shrink:0;height:10px;width:10px}.color-edit-row{align-items:center;background:#0a0d14;background:var(--bg-primary);border:1px solid #1e2940;border:1px solid var(--border);border-radius:8px;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px;padding:8px 10px}.color-edit-inputs{display:flex;flex:1 1;flex-wrap:wrap;gap:8px}.color-edit-field{align-items:center;display:flex;flex:1 1;gap:4px;min-width:78px}.color-edit-label{color:#8892a4;color:var(--text-secondary);font-size:.68rem;white-space:nowrap}.color-mini-input{font-size:.78rem!important;padding:4px 7px!important;width:64px!important}.add-color-box{background:#0a0d14;background:var(--bg-primary);border:1px solid #00e5ff4d;border:1px solid var(--border-accent);border-radius:8px;margin-top:8px;padding:12px}.mobile-product-card{margin-bottom:10px;overflow:hidden;padding:0}.mobile-card-header{align-items:flex-start;cursor:pointer;display:flex;justify-content:space-between;padding:13px 14px;-webkit-user-select:none;user-select:none}.mobile-card-body{border-top:1px solid #1e2940;border-top:1px solid var(--border);padding:0 14px 13px}.mobile-color-row{align-items:center;border-bottom:1px solid #1e2940;border-bottom:1px solid var(--border);display:flex;font-size:.84rem;gap:8px;padding:8px 0}.mobile-color-row:last-child{border-bottom:none}.text-profit{color:#00f5a0;color:var(--success)}.text-loss{color:#ff4d6d;color:var(--danger)}.text-accent{color:#00e5ff;color:var(--accent)}.text-warn{color:#ffb703;color:var(--warning)}.info-banner,.text-muted{color:#8892a4;color:var(--text-secondary)}.info-banner{background:#00e5ff12;border:1px solid #00e5ff4d;border:1px solid var(--border-accent);border-radius:8px;font-size:.81rem;margin-bottom:14px;padding:10px 13px}.grid-2{grid-gap:14px;grid-template-columns:1fr 1fr}.grid-2,.grid-3{display:grid;gap:14px}.grid-3{grid-gap:14px;grid-template-columns:repeat(3,1fr)}.empty-state{color:#8892a4;color:var(--text-secondary);padding:44px 16px;text-align:center}.empty-state .icon{font-size:2.8rem;margin-bottom:10px;opacity:.4}.empty-state p{font-size:.88rem}.hide-mobile{display:block}.show-mobile{display:none}.login-page{align-items:center;background:#0a0d14;background:var(--bg-primary);background-image:radial-gradient(ellipse at 20% 50%,#00e5ff0a 0,#0000 60%),radial-gradient(ellipse at 80% 20%,#00e5ff08 0,#0000 50%);display:flex;justify-content:center;min-height:100vh;padding:16px}.login-box{background:#111520;background:var(--bg-secondary);border:1px solid #1e2940;border:1px solid var(--border);border-radius:16px;box-shadow:0 4px 24px #0006;box-shadow:var(--shadow);max-width:400px;padding:36px 28px;width:100%}.login-box h1{color:#00e5ff;color:var(--accent);font-size:1.9rem;margin-bottom:6px;text-align:center}.login-box p{color:#8892a4;color:var(--text-secondary);font-size:.84rem;margin-bottom:24px;text-align:center}::-webkit-scrollbar{height:5px;width:5px}::-webkit-scrollbar-track{background:#0a0d14;background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#1e2940;background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#4a5568;background:var(--text-muted)}@media (max-width:1024px){:root{--sidebar-width:200px}.main-content{padding:20px}.stat-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.mobile-topbar{display:flex}.sidebar{transform:translateX(-100%)}.sidebar.sidebar-open{transform:translateX(0)}.sidebar-close-btn{display:flex}.sidebar-overlay{display:block}.main-content{margin-left:0;padding:70px 14px 14px;padding-top:calc(var(--topbar-height) + 14px)}.grid-2,.grid-3{grid-template-columns:1fr}.stat-grid{gap:10px;grid-template-columns:1fr 1fr}.stat-value{font-size:1.35rem}.stat-card{padding:14px}.stat-label{font-size:.68rem}.page-header{align-items:flex-start;flex-direction:column;gap:10px}.page-header .btn{width:100%}.page-title{font-size:1.35rem}.filter-bar{flex-direction:column;gap:8px}.filter-bar input,.filter-bar select{min-width:0;min-width:auto;width:100%}.hide-mobile{display:none!important}.show-mobile{display:block}.modal-overlay{align-items:flex-end;padding:0}.modal{border-radius:16px 16px 0 0;max-height:93vh;max-width:100%;padding:18px 14px}.modal-actions{flex-direction:column-reverse}.modal-actions .btn{width:100%}.color-edit-inputs{gap:5px}.color-edit-field{min-width:70px}.color-mini-input{width:54px!important}.login-box{padding:24px 16px}}@media (max-width:480px){.stat-grid{gap:8px;grid-template-columns:1fr 1fr}.stat-value{font-size:1.2rem}.stat-card{padding:12px}.card{padding:13px}.btn{font-size:.83rem;padding:8px 14px}.page-title{font-size:1.2rem}.color-edit-row{align-items:flex-start;flex-direction:column}.color-edit-inputs{width:100%}}@media (max-width:360px){.stat-grid{grid-template-columns:1fr}.main-content{padding:66px 10px 10px;padding-top:calc(var(--topbar-height) + 10px)}}
/*# sourceMappingURL=main.1163974c.css.map*/