body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}.App{background:#000;min-height:100vh}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}*{scrollbar-color:#9d8166 #1a1a1a;scrollbar-width:thin}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#1a1a1a;border-radius:10px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#9d8166,#8b7355);border:2px solid #1a1a1a;border-radius:10px;-webkit-transition:background .3s;transition:background .3s}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#b09478,#9d8166)}::-webkit-scrollbar-thumb:active{background:linear-gradient(135deg,#d4c9bb,#b09478)}::-webkit-scrollbar-corner{background:#1a1a1a}.loading{align-items:center;color:#d4c9bb;display:flex;flex-direction:column;justify-content:center;min-height:100vh}.spinner{animation:spin 1s linear infinite;border:4px solid #d4c9bb33;border-radius:50%;border-top-color:#d4c9bb;height:50px;margin-bottom:20px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.login-container{align-items:center;background:#000;display:flex;justify-content:center;min-height:100vh;padding:20px}.login-box{background:#1a1a1a;border:2px solid #3a3a3a;border-radius:16px;box-shadow:0 10px 40px #00000080;max-width:400px;padding:40px;width:100%}.login-box h1{align-items:center;color:#e8e8e8;display:flex;font-size:2rem;gap:12px;justify-content:center;margin-bottom:10px;text-align:center}.login-box p{color:#b09478;font-size:.95rem;margin-bottom:30px;text-align:center}.form-group{margin-bottom:20px}.form-group label{color:#d4c9bb;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.form-group input{background:#2a2a2a;border:1px solid #4a4a4a;border-radius:8px;color:#e8e8e8;font-size:14px;padding:12px;transition:all .3s;width:100%}.form-group input:focus{background:#333;border-color:#d4c9bb;outline:none}.form-group input::placeholder{color:#6a6a6a}.btn-login{background:linear-gradient(135deg,#9d8166,#8b7355);border:none;border-radius:8px;box-shadow:0 4px 12px #8b735533;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px;transition:all .3s;width:100%}.btn-login:hover{background:linear-gradient(135deg,#8b7355,#7a6349);box-shadow:0 6px 16px #8b73554d;transform:translateY(-2px)}.btn-login:active{transform:translateY(0)}.error-message{animation:slideDown .3s ease-out;background:#ffe0e0;border:1px solid #ffb3b3;border-radius:8px;color:#c41e3a;font-size:14px;margin-bottom:20px;padding:12px}.dashboard{background:#000;display:flex;min-height:100vh}.menu-toggle,.sidebar-overlay{display:none}.sidebar{background:#1a1a1a;border-right:2px solid #3a3a3a;box-shadow:4px 0 12px #00000080;display:flex;flex-direction:column;height:100vh;left:0;overflow-y:auto;position:fixed;top:0;width:260px}.sidebar-header{background:#0a0a0a;border-bottom:2px solid #3a3a3a;padding:30px 20px}.sidebar-header h1{color:#e8e8e8;font-size:1.5rem;font-weight:700;margin:0 0 5px}.sidebar-header p{color:#b09478;font-size:.9rem;margin:0}.sidebar-nav{flex:1 1;overflow-y:auto;padding:20px 0}.nav-link{align-items:center;border-radius:8px;color:#b09478;display:flex;font-weight:500;gap:12px;margin:4px 12px;padding:14px 20px;text-decoration:none;transition:all .3s}.nav-link:hover{background:#2a2a2a;color:#d4c9bb;transform:translateX(5px)}.nav-link.active{background:linear-gradient(135deg,#9d8166,#8b7355);box-shadow:0 4px 12px #8b735533;color:#fff}.sidebar-footer{background:#0a0a0a;border-top:2px solid #3a3a3a;padding:20px}.user-info{gap:12px;margin-bottom:12px}.user-avatar,.user-info{align-items:center;display:flex}.user-avatar{background:linear-gradient(135deg,#9d8166,#8b7355);border-radius:50%;color:#fff;font-size:16px;font-weight:600;height:40px;justify-content:center;width:40px}.user-details h3{color:#e8e8e8;font-size:14px;margin:0}.user-details p{color:#b09478;font-size:12px;margin:0}.btn-logout{background:#2a2a2a;border:1px solid #4a4a4a;border-radius:8px;color:#d4c9bb;cursor:pointer;font-weight:500;padding:10px;transition:all .3s;width:100%}.btn-logout:hover{background:#333;border-color:#d4c9bb;color:#fff}.main-content{flex:1 1;margin-left:260px;overflow-y:auto;padding:30px}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:30px}.stat-card{animation:fadeIn .5s ease-out;background:#1a1a1a;border:2px solid #3a3a3a;border-radius:12px;box-shadow:0 4px 12px #00000080;padding:24px;transition:all .3s}.stat-card:hover{box-shadow:0 8px 20px #d4c9bb33;transform:translateY(-5px)}.stat-card h3{color:#b09478;font-size:.9rem;font-weight:500;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.stat-card .value{color:#e8e8e8;font-size:2rem;font-weight:700;margin:0}.stat-card .label{color:#8a8a8a;font-size:.85rem;margin-top:4px}.table-container{animation:fadeIn .5s ease-out;background:#1a1a1a;border:2px solid #3a3a3a;border-radius:12px;box-shadow:0 4px 12px #00000080;overflow:hidden}.table-header{align-items:center;background:#0a0a0a;border-bottom:2px solid #3a3a3a;display:flex;justify-content:space-between;padding:20px 24px}.table-header h2{color:#e8e8e8;font-size:1.5rem;margin:0}.btn-primary{background:linear-gradient(135deg,#9d8166,#8b7355);border:none;border-radius:8px;box-shadow:0 4px 12px #8b735533;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .3s}.btn-primary:hover{background:linear-gradient(135deg,#8b7355,#7a6349);box-shadow:0 6px 16px #8b73554d;transform:translateY(-2px)}.btn-secondary{background:#2a2a2a;border:1px solid #4a4a4a;border-radius:8px;color:#d4c9bb;cursor:pointer;font-weight:500;padding:8px 16px;transition:all .3s}.btn-secondary:hover{background:#333;border-color:#d4c9bb}.btn-danger{background:#ffe0e0;border:1px solid #ffb3b3;border-radius:8px;color:#c41e3a;cursor:pointer;font-weight:500;padding:8px 16px;transition:all .3s}.btn-danger:hover{background:#fcc;border-color:#c41e3a}table{border-collapse:collapse;width:100%}thead{background:#0a0a0a;border-bottom:2px solid #3a3a3a}th{color:#d4c9bb;font-size:.9rem;font-weight:600;letter-spacing:.5px;text-align:left;text-transform:uppercase}td,th{padding:16px 20px}td{border-bottom:1px solid #2a2a2a;color:#e8e8e8}tbody tr{transition:all .3s}tbody tr:hover{background:#2a2a2a}.modal-overlay{align-items:center;animation:fadeIn .3s ease-out;background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal{animation:slideDown .3s ease-out;background:#1a1a1a;border:2px solid #3a3a3a;border-radius:12px;box-shadow:0 10px 40px #000c;max-height:90vh;max-width:600px;overflow-y:auto;width:90%}.modal-header{background:#0a0a0a;border-bottom:2px solid #3a3a3a;padding:24px}.modal-header h2{color:#e8e8e8;font-size:1.5rem;margin:0}.modal-body{padding:24px}.modal-footer{background:#0a0a0a;border-top:2px solid #3a3a3a;display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:16px}select{background:#2a2a2a;border:1px solid #4a4a4a;border-radius:8px;color:#e8e8e8;font-size:14px;padding:12px;transition:all .3s;width:100%}select:focus{background:#333;border-color:#d4c9bb;outline:none}.badge{border-radius:20px;display:inline-block;font-size:.85rem;font-weight:600;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.badge-stock{background:#e0f0e0;color:#2d7a2d}.badge-online{background:#e0e8ff;color:#2d5aa7}.badge-sold{background:#fff0e0;color:#d97706}.badge-removed{background:#ffe0e0;color:#c41e3a}@media (max-width:1200px){.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (max-width:992px){.sidebar{width:220px}.main-content{margin-left:220px;padding:20px}.stats-grid{grid-template-columns:repeat(2,1fr)}table{font-size:13px}td,th{padding:10px 8px}}@media (max-width:768px){.dashboard{flex-direction:column}.menu-toggle,.sidebar-overlay{display:block!important}.sidebar{bottom:0;left:-260px;position:fixed;top:0;transition:left .3s ease;width:260px;z-index:1000}.sidebar.open{box-shadow:4px 0 20px #000c;left:0}.main-content{margin-left:0;padding:60px 15px 15px;width:100%}.stats-grid{gap:15px}.form-row,.stats-grid{grid-template-columns:1fr}.modal{max-height:90vh;width:95%}.modal-body{max-height:60vh}.table-container{overflow-x:auto}table{font-size:12px;min-width:800px}td,th{padding:8px 6px;white-space:nowrap}.table-header{align-items:stretch;flex-direction:column;gap:12px}.table-header h2{font-size:1.3rem}.search-filters{flex-direction:column}.search-input{min-width:auto;width:100%}.stat-card{padding:15px}.stat-card h3{font-size:.9rem}.stat-card .value{font-size:1.8rem}}@media (max-width:480px){.main-content{padding:10px}h1{font-size:1.5rem}.modal{border-radius:8px;margin:10px;width:100%}.modal-header h2{font-size:1.2rem}.stats-grid{gap:10px}.stat-card{padding:12px}.stat-card .value{font-size:1.5rem}.btn-danger,.btn-primary,.btn-secondary{font-size:13px;padding:10px 16px}table{font-size:11px}td,th{padding:6px 4px}.login-box{padding:25px}.login-box h1{font-size:1.5rem}}.search-filters{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.search-input{background:#2a2a2a;border:1px solid #4a4a4a;border-radius:8px;color:#e8e8e8;flex:1 1;font-size:14px;min-width:200px;padding:12px}.search-input:focus{border-color:#d4c9bb;outline:none}.empty-state{color:#8a8a8a;padding:60px 20px;text-align:center}.empty-state h3{color:#b09478;margin-bottom:12px}
/*# sourceMappingURL=main.d95580b1.css.map*/