body{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;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.login-container{align-items:center;background-color:#000;box-sizing:border-box;display:flex;font-family:Segoe UI,sans-serif;height:100vh;justify-content:center;padding:20px;width:100vw}.login-box{animation:slideUp .6s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1c1c1cf2;border-radius:20px;box-shadow:0 25px 50px #0009,0 0 0 1px #ffffff0d;display:flex;flex-direction:column;gap:20px;max-width:420px;padding:40px 30px;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(50px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.login-logo{margin-bottom:20px;text-align:center}.login-logo img{display:block;filter:brightness(1.1);height:auto;margin:0 auto;width:200px}.logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#3498db,#fff);-webkit-background-clip:text;background-clip:text;color:#fff;font-family:Arial Black,Arial,sans-serif;font-size:3rem;font-weight:900;letter-spacing:4px;margin-bottom:8px;text-shadow:0 2px 10px #3498db4d;text-transform:uppercase}.logo-subtitle{color:#b8d4f0;font-size:.85rem;font-style:italic;font-weight:300;letter-spacing:1px;opacity:.8}.login-box h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#e8f4fd);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:2rem;font-weight:700;margin:0;text-align:center}.subtitle{color:#b8d4f0;font-size:1rem;margin-bottom:10px;opacity:.9;text-align:center}.login-box input{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#2b2b2bcc;border:1px solid #444;border-radius:12px;color:#fff;font-size:16px;outline:none;padding:16px 20px;transition:all .3s ease}.login-box input::placeholder{color:#aaa}.login-box input:focus{background:#2b2b2bf2;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a;transform:translateY(-1px)}.login-box button{background:linear-gradient(135deg,#3498db,#2980b9);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;overflow:hidden;padding:16px;position:relative;transition:all .3s ease}.login-box button:hover:not(:disabled){background:linear-gradient(135deg,#2980b9,#1f5f8b);box-shadow:0 10px 25px #3498db66;transform:translateY(-2px)}.login-box button:disabled{cursor:not-allowed;opacity:.7;transform:none}.login-box button:active{transform:translateY(0)}.error{animation:shake .5s ease-in-out;background:#ff6b6b1a;border:1px solid #ff6b6b33;border-radius:8px;color:#ff6b6b;font-size:14px;padding:12px;text-align:center}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.footer{border-top:1px solid #ffffff1a;margin-top:20px;padding-top:20px;text-align:center}.footer p{color:#888;font-size:.85rem;margin:5px 0}@media (max-width:480px){.login-container{padding:15px}.login-box{border-radius:16px;padding:30px 20px}.login-logo img{width:140px}.login-box h2{font-size:1.5rem}.login-box button,.login-box input{font-size:15px;padding:14px}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.login-box button:disabled{animation:pulse 1.5s ease-in-out infinite}.app-container{background-color:#1a1a2e;color:#e0e0e0;display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1 1;margin-top:80px;min-height:calc(100vh - 80px);overflow-y:auto;padding:0}.section-placeholder{align-items:center;background:#1c1c1c4d;display:flex;flex-direction:column;justify-content:center;min-height:calc(100vh - 120px);padding:40px;text-align:center}.section-placeholder h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3498db,#2980b9);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 2px 4px rgba(52,152,219,.3));font-size:3rem;margin-bottom:20px}.section-placeholder p{color:#7f8c8d;font-size:1.5rem;font-style:italic;opacity:.8}@media (max-width:768px){.main-content{margin-top:120px}.section-placeholder{min-height:calc(100vh - 160px);padding:20px}.section-placeholder h1{font-size:2.5rem}.section-placeholder p{font-size:1.2rem}}.navbar-container{background-color:#1a1a1a;border-bottom:1px solid #333;box-shadow:0 2px 20px #00000080;left:0;position:fixed;right:0;top:0;z-index:1000}.navbar-top{justify-content:space-between;min-height:60px;padding:12px 20px}.navbar-logo,.navbar-top{align-items:center;display:flex}.navbar-logo{cursor:pointer;gap:12px;transition:opacity .3s ease}.navbar-logo:hover{opacity:.8}.navbar-logo-img{filter:brightness(1.1);height:40px;width:auto}.navbar-sections{flex:1 1;max-width:600px}.navbar-section,.navbar-sections{display:flex;gap:8px;justify-content:center}.navbar-section{align-items:center;background-color:#2c2c2c;border:1px solid #444;border-radius:8px;color:#ccc;cursor:pointer;font-size:.95rem;font-weight:500;min-width:110px;padding:12px 20px;transition:all .3s ease}.navbar-section:hover{background-color:#383838;border-color:#00bfff;transform:translateY(-1px)}.navbar-section.active{background-color:#00bfff;border-color:#00bfff;box-shadow:0 4px 15px #00bfff4d;color:#fff}.navbar-section.restricted{background-color:#1a1a1a;border-color:#e74c3c;opacity:.6}.navbar-section.restricted:hover{background-color:#2c2c2c;border-color:#e74c3c;transform:none}.lock-icon{font-size:.8rem;margin-left:4px}.section-icon{font-size:1.2rem}.section-name{font-weight:600}.navbar-user{align-items:center;display:flex;gap:15px}.user-info{align-items:flex-end;display:flex;flex-direction:column;gap:4px}.user-name{color:#fff;font-size:.9rem;font-weight:600}.user-roles{display:flex;gap:4px}.role-badge{background-color:#00bfff;border:1px solid #fff;border-radius:12px;color:#fff;font-size:.75rem;font-weight:500;padding:2px 8px}.role-badge.extra{background-color:#777}.logout-button{align-items:center;background-color:#e74c3c;border:1px solid #e74c3c;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:6px;padding:10px 16px;transition:all .3s ease}.logout-button:hover{background-color:#c0392b;box-shadow:0 4px 15px #e74c3c4d;transform:translateY(-1px)}.logout-icon{font-size:1rem}.navbar-bottom{background-color:#222;border-top:1px solid #333;padding:8px 20px}.navbar-subsections{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.navbar-subsection{align-items:center;background-color:#2c2c2c;border:1px solid #444;border-radius:6px;color:#ccc;cursor:pointer;display:flex;font-size:.85rem;font-weight:500;gap:6px;padding:8px 16px;transition:all .3s ease}.navbar-subsection:hover{background-color:#383838;border-color:#00bfff;color:#fff;transform:translateY(-1px)}.navbar-subsection.active{background-color:#00bfff;border-color:#00bfff;box-shadow:0 2px 8px #00bfff4d;color:#fff}.subsection-icon{font-size:1rem}.subsection-name{font-weight:500}.navbar-placeholder{align-items:center;display:flex;justify-content:center;opacity:.6;padding:8px 16px;width:100%}.placeholder-text{color:#d0d0d0;font-size:.85rem;font-style:italic}@media (max-width:1024px){.navbar-top{padding:10px 15px}.navbar-sections{gap:6px}.navbar-section{font-size:.9rem;min-width:100px;padding:10px 16px}.section-name{display:none}.section-icon{font-size:1.4rem}}@media (max-width:768px){.navbar-top{flex-direction:column;gap:15px;padding:15px}.navbar-logo{align-self:flex-start}.navbar-sections{justify-content:space-around;width:100%}.navbar-user{align-self:flex-end}.user-info{align-items:flex-start}.navbar-subsections{justify-content:flex-start;overflow-x:auto;padding-bottom:5px}.navbar-subsection{flex-shrink:0}}@media (max-width:480px){.navbar-title{font-size:1.2rem}.navbar-section{min-width:80px;padding:8px 12px}.logout-text{display:none}.user-name{font-size:.8rem}.role-badge{font-size:.7rem;padding:1px 6px}}.dashboard-container{background-color:#000;color:#fff;min-height:100vh;padding:40px 20px}.dashboard-content{margin:0 auto;max-width:1200px}.welcome-section{background-color:#1e1e1e;border:1px solid #2c2c2c;border-radius:15px;padding:40px;text-align:center}.welcome-section h1{color:#00bfff;font-size:3rem;margin-bottom:20px;text-shadow:0 2px 4px #00bfff4d}.welcome-message{color:#ccc;font-size:1.3rem;line-height:1.6;margin-bottom:25px}.welcome-message strong{color:#fff;font-weight:700}.roles-label{color:#fff;font-size:1.1rem;font-weight:600}.dashboard-stats{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:50px}.stat-card{align-items:center;background-color:#1e1e1e;border:1px solid #2c2c2c;border-radius:12px;display:flex;gap:20px;padding:30px;transition:all .3s ease}.stat-card:hover{border-color:#00bfff;box-shadow:0 8px 25px #00000080;transform:translateY(-3px)}.stat-icon{align-items:center;background-color:#1a1a1a;border:2px solid #00bfff;border-radius:50%;color:#00bfff;display:flex;font-size:3rem;height:80px;justify-content:center;width:80px}.stat-content h3{color:#fff;font-size:1.5rem;margin-bottom:8px}.stat-content p{color:#ccc;font-size:1rem;line-height:1.4}.recent-activity{background-color:#1e1e1e;border:1px solid #2c2c2c;border-radius:15px;padding:40px}.recent-activity h2{color:#f39c12;font-size:2rem;margin-bottom:30px;text-align:center}.activity-placeholder{background-color:#1a1a1a;border:2px dashed #444;border-radius:10px;padding:60px 20px;text-align:center}.activity-placeholder p{color:#aaa;font-size:1.2rem;font-style:italic}@media (max-width:768px){.dashboard-container{padding:20px 15px}.welcome-section{margin-bottom:30px;padding:30px 20px}.welcome-section h1{font-size:2.5rem}.welcome-message{font-size:1.1rem}.dashboard-stats{gap:20px;grid-template-columns:1fr;margin-bottom:30px}.stat-card{gap:15px;padding:25px}.stat-icon{font-size:2.5rem;height:70px;width:70px}.recent-activity{padding:30px 20px}.recent-activity h2{font-size:1.5rem}.roles-list{align-items:center;flex-direction:column}}.games-container{background-color:#000;color:#fff;min-height:100vh;padding:40px 20px}.games-container.access-denied{align-items:center;display:flex;justify-content:center}.access-denied-content{background-color:#1a1a1a;border:2px solid #e74c3c}.games-content{margin:0 auto;max-width:1200px}.welcome-card{background-color:#1e1e1e;border:1px solid #00bfff}.welcome-card h2{color:#00bfff;text-shadow:0 2px 4px #00bfff4d}.welcome-card p{color:#ccc}.user-roles-display{background-color:#1a1a1a;border:1px solid #00bfff}.role-chip{background-color:#00bfff;border:1px solid #fff}.quick-actions{margin-bottom:50px}.quick-actions h3{color:#00bfff;font-size:2rem;margin-bottom:30px;text-align:center}.actions-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.action-card{background-color:#1e1e1e;border:1px solid #2c2c2c;border-radius:12px;padding:30px;text-align:center;transition:all .3s ease}.action-card:hover{border-color:#00bfff;box-shadow:0 10px 25px #00000080;transform:translateY(-5px)}.action-card.admin-card,.action-card.admin-card:hover{border-color:#e74c3c}.action-icon{display:block;font-size:3rem;margin-bottom:20px}.action-card h4{color:#fff;font-size:1.3rem;margin-bottom:15px}.action-card p{color:#ccc;font-size:1rem;line-height:1.4;margin-bottom:20px}.action-btn{background-color:#3498db;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:12px 25px;transition:all .3s ease}.action-btn:hover{background-color:#2980b9;box-shadow:0 5px 15px #3498db66;transform:translateY(-2px)}.action-btn.admin-btn{background-color:#e74c3c}.action-btn.admin-btn:hover{background-color:#c0392b;box-shadow:0 5px 15px #e74c3c66}.recent-activity{margin-bottom:50px}.recent-activity h3{color:#f39c12;font-size:2rem;margin-bottom:30px;text-align:center}.activity-list{background-color:#1e1e1e;border:1px solid #2c2c2c;border-radius:12px;padding:30px}.activity-item{align-items:center;background-color:#1a1a1a;border-radius:8px;display:flex;gap:20px;margin-bottom:15px;padding:20px;transition:all .3s ease}.activity-item:last-child{margin-bottom:0}.activity-item:hover{background-color:#2c2c2c;transform:translateX(5px)}.activity-icon{font-size:2rem;text-align:center;width:60px}.activity-content{display:flex;flex:1 1;flex-direction:column;gap:5px}.activity-title{color:#fff;font-size:1.1rem;font-weight:600}.activity-time{color:#aaa;font-size:.9rem}.role-content{margin-bottom:50px}.role-content h3{color:#28a745;font-size:2rem;margin-bottom:30px;text-align:center}.role-sections{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.role-section{background-color:#1e1e1e;border:1px solid #2c2c2c;border-radius:10px;padding:25px;text-align:center;transition:all .3s ease}.role-section:hover{border-color:#28a745;box-shadow:0 8px 20px #00000080;transform:translateY(-3px)}.role-section.admin-section,.role-section.admin-section:hover{border-color:#e74c3c}.role-section h4{color:#fff;font-size:1.3rem;margin-bottom:10px}.role-section p{color:#ccc;font-size:1rem;line-height:1.4}@media (max-width:768px){.games-container{padding:20px 15px}.welcome-card{padding:30px 20px}.welcome-card h2{font-size:2rem}.welcome-card p{font-size:1.1rem}.actions-grid{gap:20px;grid-template-columns:1fr}.action-card{padding:25px}.activity-item{gap:15px;padding:15px}.activity-icon{font-size:1.5rem;width:50px}.role-sections{gap:15px;grid-template-columns:1fr}.roles-list{align-items:center;flex-direction:column}}@media (max-width:480px){.welcome-card h2{font-size:1.8rem}.quick-actions h3,.recent-activity h3,.role-content h3{font-size:1.5rem}.action-icon{font-size:2.5rem}.action-card h4{font-size:1.1rem}}.create-build-page{background-color:#000;box-sizing:border-box;color:#fff;margin:0 auto;max-width:95vw;min-height:calc(100vh - 80px);padding:10px 20px}.success-banner{animation:slideIn .5s ease-out;background-color:#1e1e1e;border:1px solid #28a745;border-radius:8px;margin-bottom:10px;padding:15px}.success-content{align-items:center;display:flex;gap:20px}.success-icon{font-size:3rem}.success-text h3{color:#28a745;font-size:1.3rem;margin:0 0 8px}.success-text p{color:#fff;font-size:1rem;margin:0}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.form-container{background-color:#1e1e1e;border:1px solid #2c2c2c;border-radius:8px;box-shadow:0 5px 15px #0000004d;padding:20px}.build-form{grid-gap:15px;align-items:start;display:grid;gap:15px;grid-template-columns:1fr}.form-row{display:contents}.juego-gabinete-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1.8fr 1.8fr 2fr 1.2fr;margin-bottom:10px}.main-sections-row{grid-gap:20px;grid-template-columns:1fr 1fr 1fr}.main-sections-row,.upload-actions-row{align-items:start;display:grid;gap:20px}.upload-actions-row{grid-gap:20px;grid-template-columns:2fr 1fr}.form-group{gap:6px}.form-group label{font-size:1rem;margin-bottom:5px}.form-group input,.form-group select,.form-group textarea{background-color:#2c2c2c;border:1px solid #444;box-sizing:border-box;padding:14px 18px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background-color:#2b2b2b;border-color:#3498db;box-shadow:0 0 0 3px #3498db26}.form-group input::placeholder,.form-group textarea::placeholder{color:#aaa}.form-group select option{background:#2c2c2c}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:#e74c3c;box-shadow:0 0 0 3px #e74c3c26}.help-text{color:#999;font-size:.8rem;font-style:italic;margin-top:5px}.form-group-small{margin-bottom:8px}.form-group-small label{font-size:.85rem;font-weight:600;margin-bottom:5px}.form-group-small input,.form-group-small select,.form-group-small textarea{font-size:.9rem;padding:10px 12px}.descripcion-readonly{background-color:#2a2a2a!important;border:1px solid #444!important;color:#ccc!important;cursor:default;font-family:inherit;resize:none}.descripcion-readonly::placeholder{color:#888;font-style:italic}.error-message{color:#e74c3c;font-size:.9rem;font-weight:500}.error-general{background:#e74c3c1a;border:1px solid #e74c3c4d;border-radius:10px;color:#e74c3c;font-weight:500;padding:15px 20px;text-align:center}.input-help{color:#7f8c8d;font-size:.85rem;font-style:italic}.main-version-section{background-color:#1a1a1a;border:1px solid #00bfff;border-radius:8px;padding:20px}.create-main-checkbox{background-color:#2c2c2c;border:1px solid #00bfff;border-radius:6px;margin-bottom:15px;padding:12px}.create-main-checkbox .checkbox-label{margin:0}.create-main-checkbox .checkbox-text{color:#00bfff;font-size:1rem;font-weight:600}.checkbox-help{color:#7f8c8d;font-size:.9rem;font-style:italic;margin-top:8px}.main-input-container{transition:all .3s ease}.main-input-container input,.main-input-container select{animation:fadeIn .3s ease-in;width:100%}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.new-main-message{margin-top:15px}.info-message{animation:fadeIn .4s ease-in;border:1px solid #28a745;color:#28a745;font-size:.95rem;font-weight:500;padding:15px;text-align:center}.info-message,.testing-section{background-color:#1a1a1a;border-radius:8px}.testing-section{border:1px solid #f39c12;padding:20px}.testing-section .main-label{color:#f39c12;display:block;font-size:1.1rem;font-weight:600;margin-bottom:20px}.testing-main-checkbox{background-color:#2c2c2c;border:1px solid #f39c12;border-radius:6px;margin-bottom:15px;padding:12px}.testing-options{animation:fadeIn .4s ease-in;border:1px solid #f39c12;border-radius:8px;padding:15px}.casino-checkbox,.testing-options{background-color:#2b2b2b;margin-top:15px}.casino-checkbox{border:1px solid #9b59b6;border-radius:6px;padding:12px}.casino-checkbox .checkbox-text{color:#9b59b6;font-weight:600}.casino-checkbox .input-help{color:#ccc;font-size:.85rem;margin-top:5px}.testing-options-label{color:#f39c12;display:block;font-size:1rem;font-weight:600;margin-bottom:15px}.testing-radio-group{display:flex;flex-direction:column;gap:10px}.radio-option{align-items:flex-start;background-color:#1e1e1e;border:1px solid #444;border-radius:6px;cursor:pointer;display:flex;gap:10px;margin:0;padding:12px;transition:all .3s ease}.radio-option:hover{background-color:#2c2c2c;border-color:#f39c12;transform:translateY(-1px)}.radio-option input[type=radio]{display:none}.radio-custom{background:#0000;border:2px solid #f39c12;border-radius:50%;flex-shrink:0;height:20px;margin-top:2px;position:relative;transition:all .3s ease;width:20px}.radio-option input[type=radio]:checked+.radio-custom{background:#f39c12;border-color:#f39c12}.radio-option input[type=radio]:checked+.radio-custom:after{background:#fff;border-radius:50%;content:"";height:8px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:8px}.radio-content{flex:1 1}.radio-text{color:#fff;display:block;font-size:1rem;font-weight:600;margin-bottom:5px}.radio-description{color:#7f8c8d;font-size:.9rem;font-style:italic}.checkbox-label{gap:15px}.checkbox-label input[type=checkbox]{display:none}.checkbox-custom{background:#282832cc;border:2px solid #ffffff4d;border-radius:6px;flex-shrink:0;height:22px;position:relative;transition:all .3s ease;width:22px}.checkbox-label input[type=checkbox]:checked+.checkbox-custom{background:#e67e22;border-color:#e67e22}.checkbox-label input[type=checkbox]:checked+.checkbox-custom:after{color:#fff;content:"✓";font-size:14px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.checkbox-text{color:#fff;font-size:1.1rem;font-weight:500}.comentarios-section{background-color:#1a1a1a;border:1px solid #9b59b6;border-radius:8px;padding:20px}.actions-section{display:flex;flex-direction:column;gap:15px;justify-content:flex-end}.upload-section{background-color:#1a1a1a;border:1px solid #28a745;border-radius:8px;padding:20px}.file-upload-area{background-color:#1a1a1a;border:2px dashed #444;border-radius:8px;cursor:pointer;margin-top:8px;padding:25px 20px;text-align:center;transition:all .3s ease}.file-upload-area:hover{background-color:#2c2c2c;border-color:#3498db}.file-upload-area.drag-over{background-color:#1e1e1e;border-color:#28a745;transform:scale(1.02)}.file-upload-area.error{background-color:#1a1a1a;border-color:#e74c3c}.file-upload-prompt{color:#b8d4f0;display:flex;flex-direction:column;gap:15px}.upload-icon{font-size:3rem;margin-bottom:8px}.upload-text{font-size:1.1rem;font-weight:500}.file-input-label{color:#9b59b6;cursor:pointer;font-weight:600;text-decoration:underline;transition:color .3s ease}.file-input-label:hover{color:#8e44ad}.upload-hint{color:#7f8c8d;font-size:.9rem}.file-selected{background:#27ae6026;border:2px solid #27ae6066;border-radius:10px;justify-content:space-between;padding:20px}.file-info,.file-selected{align-items:center;display:flex}.file-info{gap:20px}.file-icon{font-size:2.5rem}.file-details{display:flex;flex-direction:column;gap:8px}.file-name{color:#fff;font-size:1.1rem;font-weight:600}.file-size{color:#27ae60;font-size:.9rem;font-weight:500}.remove-file{align-items:center;background:#e74c3c33;border:2px solid #e74c3c66;border-radius:50%;color:#e74c3c;cursor:pointer;display:flex;font-size:1.2rem;font-weight:700;height:40px;justify-content:center;transition:all .3s ease;width:40px}.remove-file:hover{background:#e74c3c4d;border-color:#e74c3c;transform:scale(1.1)}.form-actions{align-items:stretch;border-top:1px solid #ffffff1a;gap:10px;justify-content:center;margin-top:10px}.reset-button,.submit-button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:8px;justify-content:center;min-width:140px;padding:12px 20px;transition:all .3s ease}.reset-button{background-color:#555;border:2px solid #777;color:#fff}.reset-button:hover:not(:disabled){background-color:#777;border-color:#999;transform:translateY(-2px)}.submit-button{background-color:#3498db;border:2px solid #3498db;color:#fff}.submit-button:hover:not(:disabled){background-color:#2980b9;box-shadow:0 8px 25px #3498db66;transform:translateY(-2px)}.reset-button:disabled,.submit-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;height:18px;width:18px}@media (max-width:1400px){.main-sections-row{gap:15px;grid-template-columns:1fr 1fr}.comentarios-section{grid-column:1/-1}.upload-actions-row{gap:15px;grid-template-columns:1fr}}@media (max-width:768px){.create-build-page{padding:10px 15px}.header-content h1{font-size:1.8rem;margin-bottom:5px}.header-content p{font-size:.9rem}.page-header{margin-bottom:15px}.form-container{padding:20px 15px}.build-form{gap:15px;grid-template-columns:1fr}.juego-gabinete-row{display:flex;flex-direction:column;gap:12px}.form-group-small input,.form-group-small select,.form-group-small textarea{font-size:1rem;padding:12px 15px}.main-sections-row,.upload-actions-row{display:flex;flex-direction:column;gap:15px}.main-version-section{padding:15px}.create-main-checkbox{padding:10px}.testing-section{padding:15px}.testing-main-checkbox{padding:10px}.testing-options{padding:12px}.radio-option{gap:8px;padding:10px}.form-actions{flex-direction:row;gap:10px;justify-content:center}.reset-button,.submit-button{font-size:.9rem;min-width:120px;padding:10px 15px}.file-upload-area{padding:20px 15px}.upload-icon{font-size:2.5rem}}@media (min-height:800px) and (max-height:900px){.create-build-page{padding:10px 20px}.page-header{margin-bottom:15px}.header-content h1{font-size:2rem;margin-bottom:5px}.form-container{padding:20px}}@media (max-height:800px){.create-build-page{padding:8px 20px}.page-header{margin-bottom:10px}.header-content h1{font-size:1.8rem;margin-bottom:3px}.header-content p{font-size:.9rem}.form-container{padding:15px}.build-form{gap:15px}.main-version-section,.testing-section,.upload-section{padding:15px}.create-main-checkbox,.testing-main-checkbox{margin-bottom:10px;padding:10px}.testing-options{margin-top:10px;padding:12px}.radio-option{padding:8px}.form-actions{margin-top:8px;padding-top:15px}}@media (max-width:480px){.header-content h1{font-size:1.6rem}.form-container{padding:15px 10px}.main-version-section,.testing-section,.upload-section{padding:12px}.file-selected{flex-direction:column;gap:12px;text-align:center}.reset-button,.submit-button{font-size:.85rem;min-width:100px;padding:8px 12px}}.build-config-inline{background-color:#1a1a1a;border:1px solid #333;border-radius:6px;display:flex;flex-direction:column;gap:12px;margin-bottom:15px;padding:15px}.build-option-inline{display:flex;flex-direction:column;gap:5px}.build-option-inline .checkbox-label{align-items:center;cursor:pointer;display:flex;gap:8px}.build-option-inline .checkbox-text{color:#fff;font-size:.9rem;font-weight:500}.input-help-inline{color:#888;font-size:.8rem;line-height:1.3;margin-left:24px}.folder-config-inline{margin-top:8px}.folder-row{align-items:end;display:flex;gap:12px}.folder-input-small{flex:0 0 120px}.folder-input-small label{color:#fff;display:block;font-size:.85rem;font-weight:500;margin-bottom:4px}.folder-input-small input{background-color:#2a2a2a;border:1px solid #444;border-radius:4px;color:#fff;font-size:.85rem;padding:8px 10px;transition:all .3s ease;width:100%}.folder-input-small input:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.folder-input-small input::placeholder{color:#888;font-size:.8rem}.folder-preview-inline{align-items:center;background-color:#0d1117;border:1px solid #30363d;border-radius:4px;display:flex;flex:1 1;font-family:Courier New,monospace;font-size:.8rem;gap:6px;min-height:34px;padding:8px 10px}.folder-preview-inline .preview-label{color:#7d8590}.folder-preview-inline .preview-name{background-color:#1f2937;border:1px solid #374151;border-radius:3px;color:#58a6ff;font-weight:600;padding:2px 6px}@media (max-width:768px){.build-config-inline{padding:12px}.folder-row{align-items:stretch;flex-direction:column;gap:8px}.folder-input-small{flex:none}.folder-preview-inline{font-size:.75rem}}.tickets-container{background-color:#1a1a2e;color:#e0e0e0;min-height:100vh;padding:40px 20px}.tickets-container.access-denied{align-items:center;display:flex;justify-content:center}.tickets-content{margin:0 auto;max-width:1200px}.welcome-card{border:1px solid #f1c40f4d}.welcome-card h2{background:linear-gradient(135deg,#f39c12,#e67e22)}.user-roles-display{background:#f1c40f1a;border:1px solid #f1c40f33}.features-section{margin-bottom:50px}.features-section h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#e74c3c,#c0392b);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:2rem;margin-bottom:30px;text-align:center}.features-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.feature-card{background:#1c1c1ccc;border:1px solid #3c3c3c80;border-radius:12px;padding:30px;text-align:center;transition:all .3s ease}.feature-card:hover{border-color:#f1c40f99;box-shadow:0 10px 25px #0006;transform:translateY(-5px)}.feature-icon{display:block;font-size:3rem;margin-bottom:20px}.feature-card h4{color:#fff;font-size:1.3rem;margin-bottom:15px}.feature-card p{color:#b8d4f0;font-size:1rem;line-height:1.4}.coming-soon-content{border:2px dashed #f1c40f4d}.coming-soon-content h3{background:linear-gradient(135deg,#f39c12,#e67e22)}@media (max-width:768px){.tickets-container{padding:20px 15px}.welcome-card{padding:30px 20px}.welcome-card h2{font-size:2rem}.features-grid{gap:20px;grid-template-columns:1fr}.feature-card{padding:25px}.coming-soon-content{padding:40px 20px}.coming-soon-content h3{font-size:2rem}.roles-list{align-items:center;flex-direction:column}}.sistema-container{background-color:#1a1a2e;color:#e0e0e0;min-height:100vh;padding:40px 20px}.sistema-container.access-denied{align-items:center;display:flex;justify-content:center}.access-denied-content{background:#e74c3c1a;border:2px solid #e74c3c4d;border-radius:15px;max-width:500px;padding:60px;text-align:center}.access-denied-content h1{color:#e74c3c;font-size:3rem;margin-bottom:20px}.access-denied-content p{color:#fff;font-size:1.2rem;margin-bottom:15px}.sistema-content{margin:0 auto;max-width:1200px}.welcome-section{margin-bottom:50px}.welcome-card{background:#1c1c1c99;border:1px solid #95a5a64d;border-radius:15px;padding:40px;text-align:center}.welcome-card h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#95a5a6,#7f8c8d);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;margin-bottom:20px}.welcome-card p{color:#b8d4f0;font-size:1.2rem;line-height:1.6;margin-bottom:25px}.welcome-card strong{color:#fff;font-weight:700}.user-roles-display{align-items:center;background:#95a5a61a;border:1px solid #95a5a633;border-radius:10px;display:flex;flex-direction:column;gap:15px;margin-top:30px;padding:20px}.user-roles-display span{color:#fff;font-size:1.1rem;font-weight:600}.roles-list{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.role-chip{align-items:center;border:1px solid #fff3;border-radius:20px;box-shadow:0 2px 8px #0003;color:#fff;display:flex;font-size:.9rem;font-weight:500;gap:6px;padding:8px 16px}.role-icon{font-size:1rem}.admin-features{margin-bottom:50px}.admin-features h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#34495e,#2c3e50);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:2rem;margin-bottom:30px;text-align:center}.admin-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.admin-card{background:#1c1c1ccc;border:1px solid #3c3c3c80;border-radius:12px;padding:30px;text-align:center;transition:all .3s ease}.admin-card:hover{border-color:#95a5a699;box-shadow:0 10px 25px #0006;transform:translateY(-5px)}.admin-icon{display:block;font-size:3rem;margin-bottom:20px}.admin-card h4{color:#fff;font-size:1.3rem;margin-bottom:15px}.admin-card p{color:#b8d4f0;font-size:1rem;line-height:1.4;margin-bottom:20px}.admin-btn{background:linear-gradient(135deg,#95a5a6,#7f8c8d);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:12px 25px;transition:all .3s ease}.admin-btn:hover{background:linear-gradient(135deg,#7f8c8d,#6c7b7d);box-shadow:0 5px 15px #95a5a666;transform:translateY(-2px)}.system-status{margin-bottom:50px}.system-status h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#27ae60,#229954);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:2rem;margin-bottom:30px;text-align:center}.status-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.status-card{background:#1c1c1ccc;border:1px solid #3c3c3c80;border-radius:10px;padding:25px;text-align:center;transition:all .3s ease}.status-card:hover{box-shadow:0 8px 20px #0000004d;transform:translateY(-3px)}.status-indicator{border-radius:50%;box-shadow:0 0 10px #0000004d;height:20px;margin:0 auto 15px;width:20px}.status-indicator.online{background:linear-gradient(135deg,#27ae60,#229954);box-shadow:0 0 15px #27ae6080}.status-card h4{color:#fff;font-size:1.2rem;margin-bottom:10px}.status-card p{color:#27ae60;font-size:.9rem;font-weight:500}.coming-soon{margin-bottom:50px}.coming-soon-content{background:#1c1c1c99;border:2px dashed #95a5a64d;border-radius:15px;padding:60px 40px;text-align:center}.coming-soon-content h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#95a5a6,#7f8c8d);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;margin-bottom:20px}.coming-soon-content p{color:#b8d4f0;font-size:1.3rem;line-height:1.6}@media (max-width:768px){.sistema-container{padding:20px 15px}.welcome-card{padding:30px 20px}.welcome-card h2{font-size:2rem}.admin-grid{gap:20px;grid-template-columns:1fr}.admin-card{padding:25px}.status-cards{gap:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.status-card{padding:20px}.coming-soon-content{padding:40px 20px}.coming-soon-content h3{font-size:2rem}.roles-list{align-items:center;flex-direction:column}}.game-management{background-color:#000;color:#fff;margin:0 auto;max-width:1200px;min-height:calc(100vh - 132px);padding:20px}.games-table-container{background-color:#1e1e1e;border:1px solid #2c2c2c;border-radius:12px;box-shadow:0 4px 20px #0000004d;overflow:hidden}.games-table{border-collapse:collapse;width:100%}.games-table th{background-color:#2c2c2c;color:#00bfff;font-size:.9rem;font-weight:600;letter-spacing:.5px;padding:15px 12px;text-align:left;text-transform:uppercase}.games-table td{border-bottom:1px solid #2c2c2c;padding:15px 12px;vertical-align:middle}.games-table tbody tr:hover{background-color:#252525}.games-table tbody tr:last-child td{border-bottom:none}.game-name strong{color:#fff;font-size:1.1rem}.game-code{background-color:#2c2c2c;border-radius:4px;font-family:Courier New,monospace;padding:4px 8px}.game-code,.repo-link{color:#00bfff;font-size:.9rem}.repo-link{text-decoration:none;transition:color .3s ease}.repo-link:hover{color:#fff;text-decoration:underline}.no-repo{color:#999;font-size:.9rem;font-style:italic}.badge-danger{background-color:#dc3545;color:#fff}.game-form{padding:25px}@media (max-width:768px){.game-management{padding:15px}.controls-section{align-items:stretch;flex-direction:column}.filters{max-width:none}.filters,.form-row{flex-direction:column}.form-row{gap:15px}.form-actions{flex-direction:column}.games-table-container{overflow-x:auto}.games-table{min-width:600px}.modal-content{margin:10px;max-height:calc(100vh - 20px)}}@media (max-width:480px){.page-header h1{font-size:2rem}.games-table td,.games-table th{font-size:.9rem;padding:10px 8px}.action-buttons{flex-direction:column;gap:5px}}.gabinetes-management{background-color:#000;color:#fff;margin:0 auto;max-width:1200px;min-height:calc(100vh - 132px);padding:20px}.retry-button{background-color:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;padding:10px 20px}.retry-button:hover{background-color:#218838}.gabinetes-table-container{background-color:#1e1e1e;border:1px solid #2c2c2c;border-radius:12px;box-shadow:0 4px 20px #0000004d;overflow:hidden}.gabinetes-table{border-collapse:collapse;width:100%}.gabinetes-table th{background-color:#2c2c2c;color:#00bfff;font-size:.9rem;font-weight:600;letter-spacing:.5px;padding:15px 12px;text-align:left;text-transform:uppercase}.gabinetes-table td{border-bottom:1px solid #2c2c2c;padding:15px 12px;vertical-align:middle}.gabinetes-table tbody tr:hover{background-color:#252525}.gabinetes-table tbody tr:last-child td{border-bottom:none}.gabinete-name strong{color:#fff;font-size:1.1rem}.gabinete-description{word-wrap:break-word;max-width:300px}.no-description,.no-ip{color:#999;font-size:.9rem;font-style:italic}.gabinete-ip{background-color:#2c2c2c;border-radius:4px;color:#00bfff;font-family:Courier New,monospace;font-size:.9rem;padding:4px 8px}.badge{letter-spacing:.5px}.badge-success{background-color:#28a745;color:#fff}.badge-warning{background-color:#ffc107;color:#000}.badge-info{background-color:#17a2b8;color:#fff}.badge-secondary{background-color:#6c757d;color:#fff}.date-info{font-size:.9rem}.date-info small{color:#999;display:block;margin-top:2px}.delete-button,.edit-button{border:none;border-radius:6px;cursor:pointer;font-size:1rem;min-width:40px;padding:8px 12px;transition:all .3s ease}.edit-button{background-color:#17a2b8;color:#fff}.edit-button:hover{background-color:#138496;transform:scale(1.1)}.delete-button{background-color:#dc3545;color:#fff}.delete-button:hover{background-color:#c82333;transform:scale(1.1)}.no-data{padding:40px 20px}.modal-overlay{background-color:#000c;padding:20px}.modal-content{background-color:#1e1e1e;box-shadow:0 10px 40px #00000080;max-width:600px;width:100%}.modal-header{align-items:center;border-bottom:1px solid #2c2c2c;display:flex;justify-content:space-between;padding:20px 25px}.modal-header h2{color:#00bfff;font-size:1.5rem;margin:0}.close-button{background:none;border:none;border-radius:4px;color:#999;cursor:pointer;font-size:1.5rem;padding:5px;transition:all .3s ease}.close-button:hover{background-color:#2c2c2c;color:#fff}.gabinete-form{padding:25px}.form-row{display:flex;gap:20px;margin-bottom:20px}.form-group{flex:1 1;margin-bottom:20px}.form-group label{color:#ccc}.form-group input,.form-group select,.form-group textarea{transition:border-color .3s ease}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:#dc3545}.input-help{color:#999}.error-message,.input-help{font-size:.8rem;margin-top:5px}.error-message{color:#dc3545}.form-error{background-color:#dc3545;border-radius:6px;color:#fff;margin-bottom:20px;padding:12px;text-align:center}.form-actions{border-top:1px solid #2c2c2c;justify-content:flex-end;padding-top:20px}.cancel-button-red,.submit-button-green{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;justify-content:center;min-width:120px;padding:12px 24px;transition:all .3s ease}.submit-button-green:hover:not(:disabled){background-color:#218838;box-shadow:0 4px 12px #28a7454d;transform:translateY(-2px)}.submit-button-green:disabled{cursor:not-allowed;opacity:.6;transform:none}.cancel-button-red:hover:not(:disabled){background-color:#c82333;box-shadow:0 4px 12px #dc35454d;transform:translateY(-2px)}.spinner{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;height:16px;width:16px}@media (max-width:768px){.gabinetes-management{padding:15px}.controls-section{align-items:stretch;flex-direction:column}.filters{max-width:none}.filters,.form-row{flex-direction:column}.form-row{gap:15px}.form-actions{flex-direction:column}.gabinetes-table-container{overflow-x:auto}.gabinetes-table{min-width:600px}.modal-content{margin:10px;max-height:calc(100vh - 20px)}}@media (max-width:480px){.page-header h1{font-size:2rem}.gabinetes-table td,.gabinetes-table th{font-size:.9rem;padding:10px 8px}.action-buttons{flex-direction:column;gap:5px}}.mains-management{background-color:#000;color:#fff;margin:0 auto;max-width:1600px;min-height:calc(100vh - 132px);padding:20px}.page-header{margin-bottom:30px;text-align:center}.page-header h1{color:#00bfff;font-size:2.5rem;margin-bottom:10px}.page-header p{color:#ccc;font-size:1.1rem;margin:0}.controls-section{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:30px}.create-button{background-color:#00bfff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;min-width:140px;padding:12px 20px;transition:all .3s ease}.create-button:hover{background-color:#09c;box-shadow:0 4px 12px #00bfff4d;transform:translateY(-2px)}.error-state,.loading-state{padding:60px 20px;text-align:center}.loading-state .spinner{animation:spin 1s linear infinite;border:4px solid #2c2c2c;border-radius:50%;border-top-color:#00bfff;height:40px;margin:0 auto 20px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-state p{color:#ff6b6b;font-size:1.1rem;margin-bottom:20px}.filters{display:flex;flex:1 1;gap:15px;max-width:600px}.filter-select,.search-input{background-color:#1e1e1e;border:2px solid #2c2c2c;border-radius:8px;color:#fff;font-size:1rem;min-width:150px;padding:10px 15px}.search-input{flex:1 1;min-width:200px}.filter-select:focus,.search-input:focus{border-color:#00bfff;box-shadow:0 0 0 3px #00bfff1a;outline:none}.filter-select option{background-color:#1e1e1e;color:#fff}.mains-table-container{background-color:#1e1e1e;border:1px solid #2c2c2c;border-radius:12px;box-shadow:0 4px 20px #0000004d;overflow-x:auto;overflow-y:visible}.mains-table{border-collapse:collapse;min-width:1400px;width:100%}.mains-table th{background-color:#2c2c2c;color:#00bfff;font-size:.9rem;font-weight:600;letter-spacing:.5px;padding:15px 12px;text-align:left;text-transform:uppercase}.mains-table th:first-child{width:120px}.mains-table th:nth-child(2){width:180px}.mains-table th:nth-child(3){width:150px}.mains-table th:nth-child(4){width:250px}.mains-table th:nth-child(5){width:300px}.mains-table th:nth-child(6){width:120px}.mains-table th:nth-child(7){width:100px}.mains-table th:nth-child(8){width:150px}.mains-table th:nth-child(9){width:120px}.mains-table td{border-bottom:1px solid #2c2c2c;padding:15px 12px;vertical-align:middle}.mains-table td:first-child{width:120px}.mains-table td:nth-child(2){width:180px}.mains-table td:nth-child(3){width:150px}.mains-table td:nth-child(4){max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:250px}.mains-table td:nth-child(5){max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:300px}.mains-table td:nth-child(6){width:120px}.mains-table td:nth-child(7){width:100px}.mains-table td:nth-child(8){width:150px}.mains-table td:nth-child(9){width:120px}.mains-table tbody tr:hover{background-color:#252525}.mains-table tbody tr:last-child td{border-bottom:none}.main-name{font-family:Courier New,monospace;font-size:1.1rem}.current-badge,.main-name{color:#fff;font-weight:600}.current-badge{background-color:#28a745;border-radius:20px;font-size:.8rem;margin-left:8px;padding:4px 12px;text-transform:uppercase}.descripcion-cell{color:#ccc;font-size:.9rem;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge{border-radius:20px;display:inline-block;font-size:.8rem;font-weight:600;padding:4px 12px;text-transform:uppercase}.badge.desarrollo{background-color:#ffc107;color:#000}.badge.instalado{background-color:#28a745;color:#fff}.badge.obsoleto{background-color:#6c757d;color:#fff}.created-info{color:#ccc;font-size:.85rem}.created-date{color:#999;font-size:.8rem}.action-buttons{display:flex;gap:8px}.delete-btn,.edit-btn{border:none;border-radius:6px;cursor:pointer;font-size:1rem;min-width:40px;padding:8px 12px;transition:all .3s ease}.edit-btn{background-color:#17a2b8;color:#fff}.edit-btn:hover{background-color:#138496;transform:scale(1.1)}.delete-btn{background-color:#dc3545;color:#fff}.delete-btn:hover{background-color:#c82333;transform:scale(1.1)}.no-data{color:#999;font-size:1.1rem;font-style:italic;padding:40px;text-align:center}.modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#1e1e1e;border:1px solid #2c2c2c;border-radius:12px;box-shadow:0 20px 60px #00000080;max-height:90vh;max-width:700px;overflow-y:auto;padding:30px;width:90%}.modal-content h2{color:#00bfff;font-size:1.5rem;margin:0 0 25px;text-align:center}.main-form{display:flex;flex-direction:column;gap:20px}.form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.form-group{display:flex;flex-direction:column}.form-group.full-width{grid-column:1/-1}.form-group.checkbox-group{align-items:center;flex-direction:row;grid-column:1/-1}.form-group label{color:#fff;font-size:.9rem;font-weight:600;margin-bottom:8px}.checkbox-label{align-items:center;cursor:pointer;display:flex;margin-bottom:0!important}.checkbox-label input[type=checkbox]{margin-right:10px;transform:scale(1.2)}.checkbox-text{font-weight:400}.form-group input,.form-group select,.form-group textarea{background-color:#000;border:2px solid #2c2c2c;border-radius:8px;color:#fff;font-size:1rem;padding:12px 15px;transition:all .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#00bfff;box-shadow:0 0 0 3px #00bfff1a;outline:none}.form-group select option{background-color:#000;color:#fff}.char-counter{color:#999;font-size:.8rem;margin-top:5px}.form-actions{display:flex;flex-direction:column;gap:15px;margin-top:30px}.submit-button-green{background-color:#28a745;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;letter-spacing:.5px;padding:15px 30px;text-transform:uppercase;transition:all .3s ease}.submit-button-green:hover{background-color:#218838;box-shadow:0 4px 12px #28a7454d;transform:translateY(-2px)}.cancel-button-red{background-color:#dc3545;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;letter-spacing:.5px;padding:15px 30px;text-transform:uppercase;transition:all .3s ease}.cancel-button-red:hover{background-color:#c82333;box-shadow:0 4px 12px #dc35454d;transform:translateY(-2px)}@media (max-width:768px){.management-header{flex-direction:column;gap:15px;text-align:center}.filters-grid{gap:10px;grid-template-columns:1fr}.mains-management{max-width:100%;padding:15px}.mains-table-container{overflow-x:auto}.mains-table{font-size:.8rem;min-width:1200px}.mains-table td,.mains-table th{padding:8px 5px}.form-grid{grid-template-columns:1fr}.modal-content{padding:20px;width:95%}}