*{margin:0;padding:0}body,html{background-color:#f4f4f4;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:18px;height:100%;line-height:1.6}body{flex-direction:column;min-height:100vh}#root,body{display:flex}#root{flex:1 1;flex-direction:column}.navbar{box-shadow:0 2px 5px #00000026;font-size:20px;font-weight:700;padding:18px 30px}.navbar-links{gap:22px}.navbar-links a{font-size:16px}.logout-button{background-color:#c0392b;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:8px 14px}.main-content{display:flex;justify-content:center;padding:30px 20px}.components-container,.presupuesto-container,.productos-container{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;max-width:900px;padding:30px;width:95%}.card{background:#fff;border:1px solid #ddd;border-radius:10px;box-shadow:0 3px 8px #00000014;margin-bottom:22px;padding:20px}.title{color:#2c3e50;font-size:26px;font-weight:700;margin-bottom:14px}.grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(2,1fr);margin-bottom:18px}input{border:1px solid #bbb;border-radius:6px;font-size:16px}.btn-save,input{padding:12px;width:100%}.btn-save{background:#3498db}.btn-save:hover{background:#1f6fa3}.btn-add{background:#27ae60;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:18px;padding:8px 14px}.btn-add:hover{background:#229954}.btn-cancel,.btn-edit{border:0;border-radius:5px;color:#fff;cursor:pointer;margin:6px 4px 0;padding:7px 10px}.btn-edit{background:#2563eb}.btn-cancel{background:#64748b}.btn-edit:hover{background:#1d4ed8}.btn-cancel:hover{background:#475569}.table{margin-top:10px}.grid-items{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.card.small{padding:14px;text-align:center}body,html{background:#f8f8f8;color:#333;font-family:Segoe UI,sans-serif;margin:0;overflow-x:hidden;padding:0;width:100%}*{box-sizing:border-box}.app{display:flex;flex-direction:column;min-height:100vh}.app,.main-content{overflow-x:hidden;width:100%}.main-content{flex:1 1;padding:20px}.navbar{align-items:center;background-color:#e74c3c;color:#fff;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;padding:15px 22px}.navbar-logo,.navbar-logo a{color:#fff!important;font-size:22px;font-weight:700}.navbar .button{background-color:#e74c3c;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 14px}.navbar-links{align-items:center;display:flex;flex-wrap:wrap;gap:15px}.navbar-links a{border-radius:4px;color:#fff;padding:8px 12px;text-decoration:none;transition:background .2s}.navbar-links a:hover{background:#fff3}.username{color:#fff;margin-left:10px}.login-button,.logout-button{background-color:#fff;border:none;border-radius:4px;color:#e74c3c;cursor:pointer;font-weight:600;padding:8px 16px;transition:background .2s}.login-button:hover,.logout-button:hover{background-color:#f5f5f5}@media (max-width:768px){.navbar{padding:12px 15px}.navbar-logo,.navbar-logo a{font-size:18px}.navbar .button{font-size:14px;padding:6px 10px}.navbar-links{gap:8px}.navbar-links a{font-size:14px;padding:6px 10px}.username{font-size:14px;margin-left:5px}.login-button,.logout-button{font-size:14px;padding:6px 12px}}.footer{background-color:#d30000;color:#fff;font-size:14px;margin-top:auto;padding:15px;text-align:center}.dashboard{margin:0 auto;max-width:1200px;padding:40px 20px;text-align:center}.dashboard h1{font-size:32px;margin-bottom:25px}.dashboard input,.dashboard select{border:1px solid #ccc;border-radius:6px;font-size:1rem;max-width:100%;padding:10px}.stats{display:flex;flex-wrap:wrap;gap:30px;justify-content:center;margin-top:30px}.stat-item{background:#ecf0f1;border-radius:12px;font-size:20px;max-width:100%;padding:25px;text-align:center;width:280px}.stat-item.red{border-left:6px solid #e74c3c}.stat-item.green{border-left:6px solid #27ae60}@media (max-width:768px){.dashboard{padding:20px 15px}.dashboard h1{font-size:24px}.stats{gap:15px}.stat-item{font-size:18px;padding:20px;width:100%}}.table{border-collapse:collapse;display:block;margin-top:15px;overflow-x:auto;width:100%}.table td,.table th{border:1px solid #ccc;min-width:100px;padding:10px;text-align:left}@media (max-width:768px){.table{font-size:14px}.table td,.table th{min-width:80px;padding:8px}}.button{background-color:#000;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:8px 14px}.button:hover{background-color:#636363}.input-group{display:flex;gap:10px;margin-bottom:15px}.input-group input{border:1px solid #ccc;border-radius:5px;padding:8px}.productos-container{background-color:#fff;border-radius:12px;box-shadow:0 4px 10px #00000014;margin:40px auto;max-width:900px;padding:30px 40px}.crear-producto-form{background-color:#f8f9fa;border:1px solid #e1e1e1;border-radius:8px;margin-bottom:40px;padding:20px}.crear-producto-form input{border:1px solid #ccc;border-radius:6px;padding:10px;width:100%}.crear-producto-form .agregar-item-btn{background-color:#2980b9;border-radius:6px;color:#fff}.crear-producto-form .crear-btn{background-color:#27ae60;border-radius:6px;color:#fff}@media (max-width:768px){.productos-container{margin:20px 10px;padding:20px 15px}.crear-producto-form{padding:15px}}.page-wrapper{margin:0 auto;max-width:1000px;padding:30px 20px;text-align:center}.page-title{font-size:28px;font-weight:700;margin-bottom:25px}.component-tabs{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:30px}.component-tabs button{background:#fff;border:2px solid #e74c3c;border-radius:6px;cursor:pointer;font-size:16px;font-weight:600;padding:10px 20px;transition:.2s}.component-tabs button:hover{background:#ffe1e1}.component-tabs .active{background:#e74c3c;color:#fff}.component-content{display:flex;justify-content:center}@media (max-width:768px){.page-wrapper{padding:20px 10px}.page-title{font-size:22px}.component-tabs{gap:8px}.component-tabs button{font-size:14px;padding:8px 12px}}.card{background:#fafafa;border-radius:12px;box-shadow:0 3px 8px #0000001a;max-width:600px;padding:25px;width:100%}.card input{border:1px solid #bbb;border-radius:6px;font-size:16px;margin-bottom:12px;padding:12px;width:100%}.btn-save{background:#27ae60;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:18px;margin-top:10px;padding:12px 18px}.btn-save:hover{background:#1e8449}@media (max-width:768px){.card{padding:20px 15px}.card input{font-size:14px;padding:10px}.btn-save{font-size:16px;padding:10px 15px}}@media (max-width:1024px){.main-content{padding:15px}}@media (max-width:768px){body,html{font-size:14px;height:auto;min-height:100vh}.main-content{overflow-x:hidden;padding:10px}.button{font-size:14px;padding:6px 12px}.input-group{flex-direction:column;gap:8px}.input-group input{max-width:100%;width:100%}iframe,img,video{height:auto;max-width:100%}table{max-width:100%}}@media (max-width:480px){.footer{font-size:12px;padding:12px}form[class*=shadow-2xl]{padding:24px!important}form[class*=shadow-2xl] h2{font-size:28px!important;margin-bottom:24px!important}form[class*=shadow-2xl] input{font-size:16px!important;padding:12px!important}form[class*=shadow-2xl] button{font-size:18px!important;padding:12px 16px!important}}
/*# sourceMappingURL=main.43f0185d.css.map*/