.card{background:#fff;border-radius:14px;padding:25px;box-shadow:0 6px 18px #00000014}.card-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.card-header h2{color:#1f2937;margin:0}.btn-primary{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;padding:10px 18px;font-weight:600;transition:all .25s}.btn-primary:hover{background:#1d4ed8}.table-container{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 10px 30px #00000014}.categoria-table{border-collapse:collapse;width:100%}.categoria-table thead{color:#fff;background:#7c3aed}.categoria-table th{text-align:left;padding:16px}.categoria-table td{border-bottom:1px solid #ececec;padding:16px}.categoria-table tbody tr:hover{background:#faf7ff}.badge{border-radius:50px;padding:6px 12px;font-size:13px;font-weight:600}.active{color:#166534;background:#dcfce7}.inactive{color:#991b1b;background:#fee2e2}.actions{gap:10px;display:flex}.edit-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;width:38px;height:38px}.delete-btn{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:8px;width:38px;height:38px}.edit-btn:hover{background:#1d4ed8}.delete-btn:hover{background:#b91c1c}.empty{text-align:center;color:#777;padding:35px}.modal-overlay{z-index:999;background:#00000073;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:14px;width:550px;animation:.25s modalShow;overflow:hidden;box-shadow:0 15px 40px #00000040}.modal-header{border-bottom:1px solid #ececec;justify-content:space-between;align-items:center;padding:20px 25px;display:flex}.modal-header h2{margin:0}.modal-body{padding:25px}.close-button{cursor:pointer;background:0 0;border:none;font-size:24px}@keyframes modalShow{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.form-group{flex-direction:column;margin-bottom:18px;display:flex}.form-group label{margin-bottom:8px;font-weight:600}.form-group input,.form-group textarea{border:1px solid #ddd;border-radius:8px;padding:12px;font-size:15px}.form-group textarea{resize:none}.modal-actions{justify-content:flex-end;gap:12px;margin-top:20px;display:flex}.modal-actions button{cursor:pointer;border:none;border-radius:8px;padding:10px 18px;font-weight:600}.modal-actions button:first-child{background:#e5e7eb}.modal-actions button:last-child{color:#fff;background:#7c3aed}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,sans-serif}.auth-container{min-height:100vh;display:flex}.auth-image{color:#fff;background:linear-gradient(#00000073,#00000073),url(https://images.unsplash.com/photo-1441986300917-64674bd600d8) 50%/cover;justify-content:center;align-items:center;width:50%;display:flex}.overlay{max-width:400px}.overlay h1{font-size:45px}.auth-content{background:#fafafa;justify-content:center;align-items:center;width:50%;display:flex}.login-card{background:#fff;border-radius:20px;width:380px;padding:40px;box-shadow:0 20px 40px #00000014}.register-card{width:420px}.login-card h2{margin-bottom:10px;font-size:32px}.subtitle{color:#777}.input-group{border:1px solid #ddd;border-radius:12px;align-items:center;gap:12px;height:55px;margin:15px 0;padding:0 15px;display:flex}.input-group input{border:none;outline:none;flex:1;height:100%;font-size:14px}form>button{width:100%;height:55px;margin-top:20px}button{color:#fff;cursor:pointer;background:#7c3aed;border:none;border-radius:12px;width:100%;padding:14px;font-size:16px}button:hover{opacity:.9}.options{justify-content:space-between;font-size:14px;display:flex}.options a,.register a{color:#7c3aed}.register{text-align:center;margin-top:20px}.dashboard-container{min-height:100vh;display:flex}.sidebar{color:#fff;background:#1f2937;width:240px;padding:20px}.sidebar h2{margin-bottom:30px}.sidebar nav{flex-direction:column;gap:15px;display:flex}.sidebar a{color:#fff;text-decoration:none}.dashboard-content{flex:1}.navbar{background:#fff;border-bottom:1px solid #ddd;justify-content:space-between;align-items:center;padding:20px;display:flex}.main-content{padding:30px}.eye-btn{flex-shrink:0;justify-content:center;align-items:center;background:#7c3aed!important;border-radius:50%!important;width:38px!important;min-width:38px!important;height:38px!important;margin:0!important;padding:0!important;display:flex!important}.eye-btn svg{width:20px;height:20px}@media (width<=800px){.auth-image{display:none}.auth-content{width:100%}}.acciones-producto{align-items:center;gap:10px;display:flex}.acciones-producto button{width:auto;margin:0;padding:10px 20px}table{border-collapse:collapse;width:100%;margin-top:20px}th,td{text-align:left;padding:15px}tr{border-bottom:1px solid #ddd}.form-producto{background:#fff;border-radius:20px;margin:25px 0;padding:30px;box-shadow:0 15px 35px #00000014}.form-producto h2{margin-bottom:25px}.form-producto form{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.form-producto input,.form-producto select{border:1px solid #ddd;border-radius:12px;outline:none;height:50px;padding:0 15px;font-size:15px}.form-producto input:focus,.form-producto select:focus{border-color:#7c3aed}.form-producto button{height:50px}.form-producto button:last-child{color:#7c3aed;background:#fff;border:2px solid #7c3aed}.form-producto button:last-child:hover{background:#f3e8ff}.form-producto button{grid-column:span 1}@media (width<=900px){.form-producto form{grid-template-columns:1fr}}.filtros-productos{gap:15px;margin:20px 0;display:flex}.filtros-productos input,.filtros-productos select{border:1px solid #ddd;border-radius:10px;height:45px;padding:0 15px;font-size:15px}.paginacion{justify-content:center;align-items:center;gap:25px;margin:30px 0;display:flex}.paginacion button{width:150px;margin:0}.paginacion span{font-size:18px;font-weight:700}.tabla-productos{width:100%;margin-top:25px}.tabla-productos th{text-align:left;padding:15px}.tabla-productos td{padding:15px}.acciones-producto{gap:10px;display:flex}.acciones-producto button{width:120px;margin:0}.dashboard{padding:45px}.bienvenida{margin-top:25px;margin-bottom:40px}.bienvenida h2{font-size:30px}.cards-dashboard{grid-template-columns:repeat(4,1fr);gap:25px;margin-bottom:50px;display:grid}.card-dashboard{color:#fff;text-align:center;background:linear-gradient(135deg,#7c3aed,#9333ea);border-radius:20px;padding:35px 20px;transition:all .3s;box-shadow:0 10px 25px #7c3aed40}.card-dashboard:hover{transform:translateY(-5px);box-shadow:0 15px 30px #7c3aed59}.card-dashboard h3{margin-bottom:15px;font-size:20px}.card-dashboard span{font-size:45px;font-weight:700}.panel-dashboard{background:#fff;border-radius:20px;padding:30px;box-shadow:0 8px 25px #00000014}.panel-dashboard h2{margin-bottom:25px}.panel-dashboard ul{padding:0;list-style:none}.panel-dashboard li{background:#f5f3ff;border-radius:12px;align-items:center;margin-bottom:12px;padding:15px 20px;font-size:18px;display:flex}.panel-dashboard li:before{content:"📦";margin-right:12px}.catalogo{padding:40px}.catalogo h1{margin-bottom:35px}.productos-grid{grid-template-columns:repeat(3,1fr);gap:25px;display:grid}.producto-card{background:#fff;border-radius:20px;padding:25px;box-shadow:0 8px 20px #0000001a}.producto-card h3{font-size:22px}.categoria{color:#7c3aed;background:#ede9fe;border-radius:20px;margin:10px 0;padding:6px 12px;display:inline-block}.producto-card h2{color:#7c3aed;font-size:30px}.producto-card button{color:#fff;cursor:pointer;background:#7c3aed;border:none;border-radius:12px;width:100%;padding:14px}.filtros-catalogo{gap:20px;margin-bottom:30px;display:flex}.filtros-catalogo input,.filtros-catalogo select{border:1px solid #ddd;border-radius:10px;padding:12px;font-size:16px}.filtros-catalogo input{flex:1}