@import"https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--primary: #667eea;--secondary: #764ba2;--success: #4caf50;--error: #f44336;--text: #333;--bg: #f5f7fa}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--text);background:var(--bg)}body{font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.notification-bell{position:relative;display:inline-block}.notification-button{position:relative;background:transparent;border:none;font-size:24px;cursor:pointer;padding:8px;border-radius:8px;transition:all .2s ease}.notification-button:hover{background:#0000000d}.notification-badge{position:absolute;top:4px;right:4px;background:#e53e3e;color:#fff;font-size:11px;font-weight:700;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 4px;box-shadow:0 2px 4px #0003}.notification-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:380px;max-width:90vw;background:#fff;border-radius:12px;box-shadow:0 10px 40px #00000026;z-index:1000;overflow:hidden;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.notification-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid #e2e8f0;background:#f7fafc}.notification-header h3{margin:0;font-size:16px;font-weight:700;color:#2d3748}.mark-all-read{background:transparent;border:none;color:#3182ce;font-size:12px;font-weight:600;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s ease}.mark-all-read:hover:not(:disabled){background:#ebf8ff;color:#2c5282}.mark-all-read:disabled{opacity:.5;cursor:not-allowed}.notification-list{max-height:400px;overflow-y:auto}.notification-list::-webkit-scrollbar{width:6px}.notification-list::-webkit-scrollbar-track{background:#f7fafc}.notification-list::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px}.notification-list::-webkit-scrollbar-thumb:hover{background:#a0aec0}.no-notifications{padding:48px 24px;text-align:center;color:#718096}.empty-icon{font-size:48px;display:block;margin-bottom:12px;opacity:.5}.no-notifications p{margin:0;font-size:14px}.notification-item{display:flex;gap:12px;padding:12px 16px;border-bottom:1px solid #f1f5f9;cursor:pointer;transition:background .2s ease;position:relative}.notification-item:hover{background:#f7fafc}.notification-item:last-child{border-bottom:none}.notification-item.unread{background:#f0f9ff}.notification-item.unread:hover{background:#e0f2fe}.notification-icon{flex-shrink:0;font-size:24px;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.notification-content{flex:1;min-width:0}.notification-message{margin:0 0 4px;font-size:14px;color:#2d3748;line-height:1.4;word-wrap:break-word}.notification-item.read .notification-message{color:#718096}.notification-time{font-size:12px;color:#a0aec0}.unread-indicator{flex-shrink:0;width:8px;height:8px;border-radius:50%;background:#3182ce;margin-left:8px;align-self:center}.notification-footer{padding:12px 16px;border-top:1px solid #e2e8f0;background:#f7fafc}.view-all-btn{width:100%;background:transparent;border:1px solid #cbd5e0;color:#2d3748;font-size:14px;font-weight:600;padding:8px 16px;border-radius:6px;cursor:pointer;transition:all .2s ease}.view-all-btn:hover{background:#fff;border-color:#3182ce;color:#3182ce}@media(max-width:640px){.notification-dropdown{right:-12px;width:320px}}.language-switcher{position:relative;display:inline-block}.language-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#fff;border:2px solid #e9ecef;border-radius:8px;cursor:pointer;font-size:.9rem;transition:all .2s}.language-button:hover{border-color:#00d4ff;background:#f8f9fa}.language-icon{font-size:1.2rem}.language-code{font-weight:600;color:#001f3f}.dropdown-arrow{font-size:.7rem;color:#718096;transition:transform .2s}.language-switcher:hover .dropdown-arrow{transform:rotate(180deg)}.language-dropdown{position:absolute;top:calc(100% + .5rem);right:0;background:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 4px 12px #0000001a;min-width:150px;z-index:1000;animation:dropdownFade .2s}.language-option{width:100%;display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border:none;background:#fff;text-align:left;cursor:pointer;transition:background .2s}.language-option:hover{background:linear-gradient(90deg,#e6f7ff,#d4efff)}.language-option.active{background:linear-gradient(90deg,#d4efff,#c2e9ff);font-weight:600}.language-name{color:#001f3f}.check-mark{color:#00d4ff;font-weight:700}.header{position:fixed;top:0;left:0;right:0;background:linear-gradient(135deg,#001f3f,#036);box-shadow:0 4px 12px #00000026;z-index:1000;height:70px}.header-container{max-width:1600px;margin:0 auto;padding:0 1.5rem;display:flex;align-items:center;justify-content:space-between;height:100%}.header-logo{display:flex;align-items:center;gap:.5rem;text-decoration:none;font-size:1.3rem;font-weight:700;color:#fff;transition:transform .2s;white-space:nowrap}.header-logo:hover{transform:scale(1.05)}.logo-icon{font-size:1.8rem}.logo-image{height:50px;width:auto;object-fit:contain}.logo-text{background:linear-gradient(135deg,#00d4ff,#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-nav{display:flex;align-items:center;gap:.5rem;flex:1;justify-content:center;max-width:900px}.nav-link{color:#fff;text-decoration:none;padding:.5rem .75rem;border-radius:6px;transition:all .2s;font-weight:500;background:transparent;border:none;cursor:pointer;font-size:.85rem;white-space:nowrap;display:flex;align-items:center;gap:.3rem}.nav-link:hover{background:#ffffff1a;transform:translateY(-1px)}.nav-admin{background:linear-gradient(135deg,#ff6b6b,#ff4757);padding:.5rem 1rem}.nav-admin:hover{background:linear-gradient(135deg,#ff4757,#e34)}.nav-dropdown{position:relative}.dropdown-trigger{display:flex;align-items:center;gap:.3rem}.arrow{font-size:.6rem;transition:transform .2s}.arrow.open{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:calc(100% + .5rem);left:0;background:#fff;border-radius:10px;box-shadow:0 8px 24px #00000026;min-width:200px;padding:.5rem 0;z-index:1001;animation:dropdownFade .4s;top:100%;transform:none;pointer-events:auto}.dropdown-menu-right{left:auto;right:0}@keyframes dropdownFade{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;color:#001f3f;text-decoration:none;transition:all .2s;background:transparent;border:none;width:100%;text-align:left;cursor:pointer;font-size:.9rem}.dropdown-item:hover{background:linear-gradient(90deg,#e6f7ff,#d4efff)}.dropdown-icon{font-size:1.1rem}.dropdown-hint{font-size:.7rem;color:#718096;margin-left:auto}.dropdown-divider{height:1px;background:#e9ecef;margin:.5rem 0}.dropdown-header{padding:.75rem 1rem;border-bottom:2px solid #e9ecef}.user-info strong{display:block;color:#001f3f;font-size:.95rem;margin-bottom:.25rem}.user-email{display:block;color:#718096;font-size:.8rem;margin-bottom:.5rem}.user-badge{display:inline-block;padding:.2rem .6rem;border-radius:10px;font-size:.7rem;font-weight:600;text-transform:uppercase}.badge-admin{background:linear-gradient(135deg,#ff6b6b,#ff4757);color:#fff}.badge-manager{background:linear-gradient(135deg,#00d4ff,#09f);color:#fff}.logout-button{color:#ff4757;font-weight:600}.logout-button:hover{background:linear-gradient(90deg,#ffe6e6,#ffd4d4)}.header-actions{display:flex;align-items:center;gap:.5rem}.btn-login{padding:.5rem 1rem;background:linear-gradient(135deg,#00d4ff,#09f);color:#fff;text-decoration:none;border-radius:6px;font-weight:600;font-size:.85rem;transition:all .2s;white-space:nowrap}.btn-login:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0099ff4d}.user-menu{position:relative}.user-button{display:flex;align-items:center;gap:.5rem;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);padding:.4rem .8rem;border-radius:50px;color:#fff;cursor:pointer;transition:all .2s}.user-button:hover{background:#fff3;border-color:#ffffff4d}.user-avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#00d4ff,#09f);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.8rem}.user-name{font-weight:500;font-size:.85rem}.header-actions .language-switcher .language-button{padding:.4rem .8rem;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);color:#fff;font-size:.8rem}.header-actions .language-switcher .language-button:hover{background:#fff3;border-color:#00d4ff}.header-actions .language-switcher .language-code{color:#fff}.header-actions .language-switcher .language-icon{font-size:1rem}.burger-menu{display:none;flex-direction:column;gap:5px;background:transparent;border:none;cursor:pointer;padding:.5rem}.burger-line{width:25px;height:3px;background:#fff;border-radius:3px;transition:all .3s}.burger-menu.open .burger-line:nth-child(1){transform:rotate(45deg) translate(7px,7px)}.burger-menu.open .burger-line:nth-child(2){opacity:0}.burger-menu.open .burger-line:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}.mobile-menu{position:fixed;top:70px;left:0;right:0;bottom:0;background:linear-gradient(180deg,#001f3f,#036);z-index:999;overflow-y:auto;padding:2rem;animation:slideDown .3s}.mobile-menu .nav-link{display:block;width:100%;padding:1rem;margin-bottom:.5rem;text-align:left;font-size:1.1rem;border-radius:8px}.mobile-menu .nav-dropdown{margin-bottom:.5rem}.mobile-menu .dropdown-menu{position:static;margin-top:.5rem;margin-left:1rem}@media(max-width:1400px){.nav-link{font-size:.8rem;padding:.4rem .6rem}}@media(max-width:1200px){.header-nav{gap:.3rem}.nav-link{font-size:.75rem;padding:.4rem .5rem}.user-name{display:none}}@media(max-width:992px){.burger-menu{display:flex}.header-nav,.header-actions .language-switcher .language-code{display:none}}@media(max-width:768px){.header-container{padding:0 1rem}.logo-text{font-size:1.1rem}.header-actions{gap:.3rem}}.app-footer{background:linear-gradient(135deg,#001f3f,#036);color:#fff;margin-top:auto;box-shadow:0 -4px 20px #001f3f4d}.footer-content{max-width:1400px;margin:0 auto;padding:1rem 2rem;display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem;align-items:start}.footer-left{display:flex;flex-direction:column;gap:.5rem}.footer-logo{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.logo-icon{font-size:2rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.logo-icon.airbus-logo{color:#fff;font-weight:800;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.logo-text{font-size:1.5rem;font-weight:700;letter-spacing:.05em;background:linear-gradient(135deg,#00d4ff,#09f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer-tagline{margin:0;font-size:.875rem;color:#a0c4d9;font-style:italic}.footer-center{text-align:center;display:flex;flex-direction:column;gap:.5rem;justify-content:center}.copyright{margin:0;font-size:.875rem;font-weight:600;color:#fff;letter-spacing:.05em}.credits{margin:0;font-size:.875rem;color:#a0c4d9}.credits strong{color:#00d4ff;font-weight:700}.footer-right{display:flex;flex-direction:column;gap:1rem;align-items:flex-end}.footer-links{display:flex;gap:1.5rem;flex-wrap:wrap}.footer-links a{color:#a0c4d9;text-decoration:none;font-size:.875rem;font-weight:500;transition:all .3s ease;position:relative}.footer-links a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:#00d4ff;transition:width .3s ease}.footer-links a:hover{color:#00d4ff}.footer-links a:hover:after{width:100%}.version{margin:0;font-size:.75rem;color:#7a9fb5;font-family:Courier New,monospace}.footer-bottom{border-top:1px solid rgba(160,196,217,.2);padding:1rem 2rem;text-align:center}.disclaimer{margin:0;font-size:.75rem;color:#7a9fb5;line-height:1.5}@media(max-width:1024px){.footer-content{grid-template-columns:1fr 1fr}.footer-right{grid-column:span 2;align-items:center}}@media(max-width:768px){.footer-content{grid-template-columns:1fr;gap:2rem}.footer-left,.footer-center,.footer-right{text-align:center;align-items:center}.footer-logo,.footer-links{justify-content:center}}.splash-cursor-canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:9999}body.splash-cursor-enabled,body.splash-cursor-enabled *{cursor:none!important}.walkie-talkie-cursor{position:fixed;pointer-events:none;z-index:10000;transform:translate(-20px,-10px);transition:transform .15s ease-out;will-change:transform}.walkie-talkie-cursor.hovering{transform:translate(-20px,-10px) scale(1.15)}.walkie-talkie-cursor svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.walkie-talkie-cursor.hovering svg{filter:drop-shadow(0 3px 8px rgba(0,212,255,.5))}:root{--primary-blue: #005EB8;--dark-blue: #0A2E5C;--light-background: #F5F7FA;--light-blue-section: #E6F0FA;--dark-text: #1F2937;--medium-text: #4B5563;--light-text: #6B7280;--border-color: #D1D5DB;--white: #FFFFFF}.home-page{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--light-background);min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:0 24px}.hero-section{background:linear-gradient(135deg,var(--dark-blue) 0%,var(--primary-blue) 100%);padding:120px 24px 80px;text-align:center;color:var(--white)}.hero-container{max-width:900px;margin:0 auto}.hero-badge{display:inline-block;padding:8px 20px;background:#ffffff26;border:1px solid rgba(255,255,255,.3);border-radius:24px;font-size:14px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;margin-bottom:24px}.hero-title{font-size:48px;font-weight:800;line-height:1.2;margin:0 0 20px;letter-spacing:-.5px;color:var(--white)}.hero-subtitle{font-size:20px;line-height:1.6;margin:0 0 40px;opacity:.95;font-weight:400}.hero-actions{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;margin-top:40px}.btn-hero-primary,.btn-hero-secondary{padding:18px 40px;border-radius:30px;font-size:18px;font-weight:700;text-decoration:none;transition:all .3s ease;display:inline-flex;align-items:center;gap:10px;box-shadow:0 4px 12px #00000026}.btn-hero-primary{background:#fff;color:var(--primary-blue)}.btn-hero-primary:hover{background:var(--light-background);transform:translateY(-3px);box-shadow:0 8px 20px #00000040}.btn-hero-secondary{background:transparent;color:#fff;border:2px solid white}.btn-hero-secondary:hover{background:#ffffff26;transform:translateY(-3px);box-shadow:0 8px 20px #00000040}.btn-secondary{background:transparent;color:var(--white);border:2px solid var(--white)}.btn-secondary:hover{background:var(--white);color:var(--primary-blue);transform:translateY(-2px)}.action-cards-section{padding:80px 0;background:var(--white)}.action-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px}.action-card{background:var(--white);border:2px solid var(--border-color);border-radius:12px;padding:32px;text-decoration:none;color:var(--dark-text);transition:all .3s ease;display:flex;flex-direction:column;gap:16px}.action-card:hover{border-color:var(--primary-blue);transform:translateY(-4px);box-shadow:0 12px 24px #005eb826}.action-card-icon{font-size:48px;line-height:1}.action-card h3{font-size:22px;font-weight:700;margin:0;color:var(--dark-text)}.action-card p{font-size:15px;line-height:1.6;color:var(--medium-text);margin:0;flex:1}.action-card-link{color:var(--primary-blue);font-weight:600;font-size:15px}.action-card:hover .action-card-link{text-decoration:underline}.section-title{font-size:36px;font-weight:800;text-align:center;margin:0 0 16px;color:var(--dark-text)}.section-subtitle{text-align:center;font-size:16px;color:var(--medium-text);margin:0 0 48px}.how-it-works-section{padding:80px 0;background:linear-gradient(180deg,#f0f7ff,#e6f2ff)}.steps-timeline{display:grid;grid-template-columns:repeat(5,1fr);gap:24px;margin-bottom:48px;padding:20px 0}.step-card{background:#fff;border-radius:16px;padding:28px 20px;box-shadow:0 4px 20px #001f3f14;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;transition:all .3s ease;border:2px solid transparent}.step-card:hover{transform:translateY(-8px);box-shadow:0 8px 30px #00a3e033;border-color:var(--primary-blue)}.step-icon-wrapper{position:relative;margin-bottom:20px}.step-icon{width:70px;height:70px;border-radius:50%;background:linear-gradient(135deg,var(--primary-blue) 0%,#0086BA 100%);display:flex;align-items:center;justify-content:center;font-size:32px;margin-bottom:12px;box-shadow:0 4px 12px #00a3e04d}.step-badge{position:absolute;bottom:-8px;left:50%;transform:translate(-50%);background:#fff;color:var(--primary-blue);font-size:11px;font-weight:700;padding:4px 10px;border-radius:12px;border:2px solid var(--primary-blue);white-space:nowrap}.step-content h3{font-size:16px;font-weight:700;margin:0 0 10px;color:var(--dark-text);line-height:1.3}.step-content p{font-size:13px;line-height:1.5;color:var(--medium-text);margin:0}.step-arrow{display:none}@media(max-width:1400px){.steps-timeline{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.steps-timeline{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.steps-timeline{grid-template-columns:1fr}.step-card{padding:24px 20px}}.cta-box{background:linear-gradient(135deg,var(--primary-blue) 0%,#0086BA 100%);border-radius:16px;padding:40px;text-align:center;box-shadow:0 8px 24px #00a3e04d}.cta-box p{color:#fff;font-size:20px;font-weight:600;margin:0 0 20px}.btn-cta-primary{display:inline-block;background:#fff;color:var(--primary-blue);padding:16px 48px;border-radius:30px;font-weight:700;font-size:16px;text-decoration:none;transition:all .3s ease;box-shadow:0 4px 12px #00000026}.btn-cta-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000040;background:#f0f7ff}.technologies-section{padding:80px 0;background:var(--white)}.technologies-header-with-toggle{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px;gap:24px}.btn-toggle-technologies{padding:12px 24px;background:linear-gradient(135deg,var(--primary-blue) 0%,var(--dark-blue) 100%);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s ease;white-space:nowrap;box-shadow:0 2px 8px #005eb833}.btn-toggle-technologies:hover{transform:translateY(-2px);box-shadow:0 4px 12px #005eb84d}.technologies-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;animation:fadeIn .3s ease-in}.technology-card{background:var(--light-background);border:1px solid var(--border-color);border-radius:8px;padding:24px;text-align:center;transition:all .3s ease;position:relative}.technology-card.clickable{cursor:pointer}.technology-card.clickable:hover{background:var(--white);border-color:var(--primary-blue);box-shadow:0 8px 16px #005eb81a;transform:translateY(-4px)}.technology-icon{font-size:40px;margin-bottom:12px}.technology-card h3{font-size:18px;font-weight:700;margin:0 0 8px;color:var(--dark-text)}.technology-card p{font-size:14px;line-height:1.5;color:var(--medium-text);margin:0 0 12px}.technology-card .learn-more{display:inline-block;color:var(--primary-blue);font-weight:600;font-size:14px;margin-top:8px}.technology-card.clickable:hover .learn-more{text-decoration:underline}.technology-card-airbus{background:var(--primary-blue);color:var(--white)!important;border:none;border-radius:8px;padding:20px 24px;text-align:center;font-size:16px;font-weight:700;font-family:Inter,sans-serif;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #005eb826;width:100%}.technology-card-airbus:hover{background:var(--dark-blue);transform:translateY(-4px);box-shadow:0 8px 20px #005eb84d}.technology-card-airbus:active{transform:translateY(-2px)}.scenario-finder-section{padding:80px 0;background:var(--light-blue-section)}.finder-form{max-width:900px;margin:0 auto;background:var(--white);padding:40px;border-radius:12px;box-shadow:0 4px 12px #00000014}.finder-inputs{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;margin-bottom:32px}.finder-input-group{display:flex;flex-direction:column;gap:8px}.finder-input-group label{font-size:14px;font-weight:600;color:var(--dark-text)}.finder-input-group select{padding:12px 16px;border:2px solid var(--border-color);border-radius:8px;font-size:15px;font-family:Inter,sans-serif;color:var(--dark-text);background:var(--white);cursor:pointer;transition:all .2s ease}.finder-input-group select:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px #005eb81a}.btn-find-scenarios{width:100%;padding:16px 32px;background:var(--primary-blue);color:var(--white);border:none;border-radius:8px;font-size:16px;font-weight:600;font-family:Inter,sans-serif;cursor:pointer;transition:all .3s ease}.btn-find-scenarios:hover{background:var(--dark-blue);transform:translateY(-2px);box-shadow:0 8px 16px #005eb833}.home-footer{background:var(--dark-blue);color:var(--white);padding:60px 0 30px}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;margin-bottom:40px}.footer-column h4{font-size:18px;font-weight:700;margin:0 0 16px}.footer-column p{font-size:14px;line-height:1.6;opacity:.9;margin:0}.footer-column ul{list-style:none;padding:0;margin:0}.footer-column ul li{margin-bottom:12px}.footer-column ul li a{color:var(--white);text-decoration:none;font-size:14px;opacity:.9;transition:opacity .2s ease}.footer-column ul li a:hover{opacity:1;text-decoration:underline}.footer-bottom{padding-top:30px;border-top:1px solid rgba(255,255,255,.1);text-align:center}.footer-bottom p{font-size:14px;opacity:.7;margin:0}@media(max-width:768px){.hero-title{font-size:36px}.hero-subtitle{font-size:18px}.section-title{font-size:28px}.action-cards-grid,.technologies-grid,.steps-grid,.finder-inputs{grid-template-columns:1fr}.finder-form{padding:24px}}.glossary-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;animation:fadeIn .2s ease}.glossary-modal-content{background:var(--white);border-radius:16px;max-width:700px;width:100%;max-height:80vh;overflow-y:auto;position:relative;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease}.modal-close-btn{position:absolute;top:16px;right:16px;background:transparent;border:none;font-size:28px;color:var(--medium-text);cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.modal-close-btn:hover{background:var(--light-background);color:var(--dark-text)}.modal-header{padding:32px 32px 24px;border-bottom:2px solid var(--light-background);text-align:center}.modal-icon{font-size:56px;margin-bottom:16px}.airbus-icon{color:#fff;font-weight:800;font-size:56px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.modal-header h2{font-size:28px;font-weight:800;color:var(--white);margin:0}.modal-body{padding:32px}.modal-body h3{font-size:18px;font-weight:700;color:var(--dark-text);margin:0 0 12px}.modal-short-desc{font-size:16px;line-height:1.6;color:var(--primary-blue);font-weight:600;margin:0 0 24px;padding:16px;background:var(--light-blue-section);border-radius:8px;border-left:4px solid var(--primary-blue)}.modal-full-desc{font-size:15px;line-height:1.8;color:var(--dark-text);margin:0;text-align:justify}@media(max-width:768px){.glossary-modal-content{max-height:90vh;margin:10px}.modal-header{padding:24px 24px 16px}.modal-body{padding:24px}.modal-header h2{font-size:24px}.modal-icon,.airbus-icon{font-size:48px}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.login-container{background:#fff;border-radius:20px;padding:48px;max-width:450px;width:100%;box-shadow:0 20px 60px #0000004d}.login-header{text-align:center;margin-bottom:40px}.login-header h1{font-size:32px;margin-bottom:8px;color:var(--text, #333)}.login-header p{color:var(--text-light, #666)}.login-form{margin-bottom:24px}.login-footer{text-align:center;font-size:14px;color:var(--text-light, #666)}.login-footer a{color:var(--primary, #667eea);font-weight:600;text-decoration:none}.login-footer a:hover{text-decoration:underline}@media(max-width:480px){.login-container{padding:32px 24px}}.page-header-unified{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:2.5rem;background:linear-gradient(135deg,#001f3f,#036);border-radius:20px;box-shadow:0 8px 32px #001f3f4d;position:relative;overflow:hidden}.page-header-unified:before{content:"";position:absolute;top:-50%;right:-10%;width:400px;height:400px;background:radial-gradient(circle,rgba(0,212,255,.15) 0%,transparent 70%);border-radius:50%}.header-text{position:relative;z-index:1}.page-header-unified h1{margin:0;font-size:2.5rem;color:#fff;font-weight:800;letter-spacing:.05em;text-shadow:0 2px 8px rgba(0,0,0,.3);display:flex;align-items:center;gap:.5rem}.header-icon{font-size:2.5rem}.subtitle-text{margin:.75rem 0 0;color:#a0c4d9;font-size:1.125rem;font-weight:500}.subtitle-text strong{color:#fff;font-weight:700}.header-actions{position:relative;z-index:1;display:flex;gap:1rem}@media(max-width:768px){.page-header-unified{flex-direction:column;align-items:flex-start;gap:1.5rem;padding:2rem}.page-header-unified h1{font-size:2rem}.subtitle-text{font-size:1rem}.header-actions{width:100%;justify-content:stretch}.header-actions>*{flex:1}}.catalogue-page{min-height:calc(100vh - 200px);background:#f7fafc;padding:40px 20px}.btn-toggle-filters{padding:12px 24px;background:linear-gradient(135deg,#00d4ff,#09f);border:none;border-radius:8px;color:#fff;font-weight:700;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:8px;white-space:nowrap;box-shadow:0 4px 12px #0099ff4d}.btn-toggle-filters:hover{background:linear-gradient(135deg,#09f,#06c);transform:translateY(-2px);box-shadow:0 6px 20px #0099ff80}.filter-count-badge{padding:4px 10px;background:#f56565;color:#fff;border-radius:12px;font-size:12px}.filters-bar{background:#fff;padding:24px 20px;box-shadow:0 4px 12px #00000014;border-bottom:2px solid #e2e8f0;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.filters-container{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;align-items:end}.filter-item{display:flex;flex-direction:column;gap:6px}.filter-item label{font-weight:700;font-size:13px;color:#2d3748}.filter-input,.filter-select{padding:10px 12px;border:2px solid #e2e8f0;border-radius:8px;font-size:14px;transition:all .2s;background:#fff}.filter-input:focus,.filter-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.filter-item-duration{min-width:200px}.duration-inputs{display:flex;align-items:center;gap:8px}.filter-input-small{flex:1;padding:10px 8px;border:2px solid #e2e8f0;border-radius:8px;font-size:14px}.filter-input-small:focus{outline:none;border-color:#667eea}.duration-inputs span{color:#718096;font-weight:600}.btn-reset-filters-bar{width:100%;padding:10px 16px;background:#edf2f7;border:2px solid #e2e8f0;border-radius:8px;color:#2d3748;font-weight:700;font-size:14px;cursor:pointer;transition:all .2s}.btn-reset-filters-bar:hover{background:#667eea;color:#fff;border-color:#667eea}.catalogue-content{max-width:1400px;margin:40px auto 0;padding:0 20px}.scenarios-grid-full{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.scenario-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 12px #00000014;transition:all .3s ease;text-decoration:none;color:inherit;display:flex;flex-direction:column;height:100%}.scenario-card:hover{transform:translateY(-8px);box-shadow:0 12px 24px #667eea33}.scenario-thumbnail{position:relative;width:100%;height:200px;overflow:hidden;background-size:cover;background-position:center}.scenario-thumbnail.placeholder{background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center}.scenario-card:nth-child(6n+1) .scenario-thumbnail.placeholder{background:linear-gradient(135deg,#667eea,#764ba2)}.scenario-card:nth-child(6n+2) .scenario-thumbnail.placeholder{background:linear-gradient(135deg,#f093fb,#f5576c)}.scenario-card:nth-child(6n+3) .scenario-thumbnail.placeholder{background:linear-gradient(135deg,#4facfe,#00f2fe)}.scenario-card:nth-child(6n+4) .scenario-thumbnail.placeholder{background:linear-gradient(135deg,#43e97b,#38f9d7)}.scenario-card:nth-child(6n+5) .scenario-thumbnail.placeholder{background:linear-gradient(135deg,#fa709a,#fee140)}.scenario-card:nth-child(6n+6) .scenario-thumbnail.placeholder{background:linear-gradient(135deg,#30cfd0,#330867)}.placeholder-icon{font-size:64px;opacity:.4;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.2)}.card-badges{position:absolute;top:12px;right:12px;display:flex;gap:8px}.badge-complexity{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:700;background:#fff;box-shadow:0 2px 8px #00000026}.badge-easy{color:#48bb78}.badge-medium{color:#ed8936}.badge-expert{color:#f56565}.card-content{padding:20px;flex:1;display:flex;flex-direction:column;gap:12px}.card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.card-title{font-size:16px;font-weight:700;color:#2d3748;margin:0;line-height:1.3;flex:1}.tech-icon{font-size:28px;flex-shrink:0}.card-description{font-size:14px;color:#718096;line-height:1.6;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-meta{display:flex;gap:16px;flex-wrap:wrap}.meta-item{font-size:13px;color:#718096;display:flex;align-items:center;gap:4px}.card-targets{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto}.target-tag{padding:4px 10px;background:#edf2f7;border-radius:12px;font-size:12px;font-weight:600;color:#4a5568}.target-tag.more{background:#667eea;color:#fff}.scenario-title{font-size:16px;font-weight:700;color:#2d3748;margin:12px 20px 0;line-height:1.3}.scenario-short-description{font-size:13px;color:#718096;margin:8px 20px 0;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.scenario-meta{display:flex;gap:16px;flex-wrap:wrap;padding:8px 20px}.scenario-targets{display:flex;flex-wrap:wrap;gap:6px;padding:0 20px 12px}.target-group-badge{padding:4px 10px;background:#edf2f7;border-radius:12px;font-size:12px;font-weight:600;color:#4a5568}.card-footer{padding:16px 20px;border-top:1px solid #e2e8f0}.btn-view{color:#667eea;font-weight:700;font-size:14px}.no-results{grid-column:1 / -1;text-align:center;padding:80px 20px}.no-results-icon{font-size:80px;margin-bottom:20px}.no-results h3{font-size:28px;color:#2d3748;margin:0 0 12px}.no-results p{font-size:16px;color:#718096;margin:0 0 24px}.btn-reset{padding:12px 32px;background:#667eea;color:#fff;border:none;border-radius:8px;font-weight:700;cursor:pointer;transition:all .2s}.btn-reset:hover{background:#5568d3;transform:translateY(-2px)}.loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:20px}.spinner{width:50px;height:50px;border:4px solid #e2e8f0;border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite}.error-message{color:#e53e3e;font-size:18px;font-weight:600}.btn-retry{padding:12px 32px;background:#667eea;color:#fff;border:none;border-radius:8px;font-weight:700;cursor:pointer}@media(max-width:1024px){.header-title-row{flex-direction:column;align-items:flex-start}.filters-container{grid-template-columns:1fr}}@media(max-width:768px){.header-content h1{font-size:32px}.scenarios-grid-full{grid-template-columns:1fr}}.magic-bento{position:relative;background:#fff;border-radius:16px;padding:2rem;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 16px #001f3f26;border:2px solid transparent}.magic-bento-content{position:relative;z-index:2;transition:opacity .3s ease}.magic-bento.text-auto-hide:not(:hover) .magic-bento-content{opacity:.7}.magic-bento.text-auto-hide:hover .magic-bento-content{opacity:1}.magic-bento-stars{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.magic-bento-star{position:absolute;background:radial-gradient(circle,#8400ff,#8400ff00 70%);border-radius:50%;animation:twinkle 3s ease-in-out infinite;opacity:0}@keyframes twinkle{0%,to{opacity:0;transform:scale(1)}50%{opacity:.8;transform:scale(1.5)}}.magic-bento:hover{border-color:#8400ff4d}.magic-bento-clicked{animation:clickPulse .6s ease-out}@keyframes clickPulse{0%{transform:scale(1)}50%{transform:scale(.98)}to{transform:scale(1)}}.magic-bento-ripple{position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:radial-gradient(circle,rgba(132,0,255,.3) 0%,transparent 70%);pointer-events:none;z-index:10}.magic-bento-clicked .magic-bento-ripple{animation:ripple .6s ease-out}@keyframes ripple{0%{width:0;height:0;opacity:1;transform:translate(-50%,-50%)}to{width:400px;height:400px;opacity:0;transform:translate(-50%,-50%)}}@media(max-width:768px){.magic-bento{padding:1.5rem}.magic-bento:hover{transform:none!important}}@media(prefers-reduced-motion:reduce){.magic-bento,.magic-bento-content,.magic-bento-star,.magic-bento-ripple{animation:none!important;transition:none!important}.magic-bento:hover{transform:none!important}}.lightbox-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000f2;display:flex;align-items:center;justify-content:center;z-index:100000;animation:fadeIn .3s ease;cursor:zoom-out}.lightbox-content{position:relative;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;align-items:center;animation:zoomIn .3s ease;cursor:default}.lightbox-image{max-width:100%;max-height:85vh;object-fit:contain;border-radius:8px;box-shadow:0 20px 60px #00000080}.lightbox-close{position:fixed;top:2rem;right:2rem;width:50px;height:50px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.2);border-radius:50%;color:#fff;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s;z-index:100001}.lightbox-close:hover{background:#fff3;transform:rotate(90deg)}.lightbox-prev,.lightbox-next{position:fixed;top:50%;transform:translateY(-50%);width:60px;height:60px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.2);border-radius:50%;color:#fff;font-size:2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s;z-index:100001}.lightbox-prev{left:2rem}.lightbox-next{right:2rem}.lightbox-prev:hover,.lightbox-next:hover{background:#fff3;transform:translateY(-50%) scale(1.1)}.lightbox-caption{margin-top:1rem;padding:1rem 2rem;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;color:#fff;font-size:1rem;text-align:center;max-width:600px}.lightbox-counter{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);padding:.5rem 1.5rem;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;color:#fff;font-size:.875rem;font-weight:600}@keyframes zoomIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media(max-width:768px){.lightbox-prev,.lightbox-next{width:50px;height:50px;font-size:1.5rem}.lightbox-prev{left:1rem}.lightbox-next{right:1rem}.lightbox-close{top:1rem;right:1rem;width:40px;height:40px}.lightbox-counter{bottom:1rem}.lightbox-caption{font-size:.875rem;padding:.75rem 1rem}}.lightbox-video{max-width:90vw;max-height:80vh;width:auto;height:auto;border-radius:8px;box-shadow:0 20px 60px #00000080;background:#000}.lightbox-type-indicator{position:absolute;top:1rem;left:1rem;padding:.5rem 1rem;background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;color:#fff;font-size:.875rem;font-weight:600;pointer-events:none}@media(max-width:768px){.lightbox-video{max-width:95vw;max-height:70vh}}.html-content{line-height:1.6;color:#333}.html-content img{display:block;margin:1rem 0;max-width:300px;height:auto;border-radius:8px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.html-content img:hover{transform:scale(1.05);box-shadow:0 4px 12px #00000026}.html-content p{margin:.75rem 0}.html-content h1,.html-content h2,.html-content h3{margin-top:1.5rem;margin-bottom:.75rem;color:#2c3e50}.html-content h1{font-size:1.8rem;font-weight:700}.html-content h2{font-size:1.5rem;font-weight:600}.html-content h3{font-size:1.25rem;font-weight:600}.html-content ul,.html-content ol{margin:.75rem 0;padding-left:1.5rem}.html-content li{margin:.25rem 0}.html-content a{color:#3498db;text-decoration:none;transition:color .2s}.html-content a:hover{color:#2980b9;text-decoration:underline}.html-content code{background-color:#f4f4f4;padding:.2rem .4rem;border-radius:3px;font-family:Courier New,monospace;font-size:.9em}.html-content pre{background-color:#f4f4f4;padding:1rem;border-radius:5px;overflow-x:auto;margin:1rem 0}.html-content pre code{background-color:transparent;padding:0}.html-content blockquote{border-left:4px solid #3498db;padding-left:1rem;margin:1rem 0;font-style:italic;color:#555}.youtube-wrapper{max-width:400px;position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:8px;margin:1rem 0;box-shadow:0 2px 8px #0000001a}.youtube-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.scenario-detail-page{min-height:100vh;background:#f5f7fa;padding-bottom:4rem}.scenario-header{background:#fff;box-shadow:0 2px 10px #0000000d;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:100}.header-left{display:flex;align-items:center;gap:2rem}.back-btn{padding:.75rem 1.5rem;background:transparent;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s}.back-btn:hover{border-color:#2196f3;color:#2196f3}.breadcrumb{display:flex;align-items:center;gap:.5rem;font-size:.9rem;padding:1rem 2rem;max-width:1600px;margin:0 auto}.breadcrumb a{color:#666;text-decoration:none;transition:color .3s}.breadcrumb a:hover{color:#2196f3}.separator{color:#ccc}.current{color:#333;font-weight:600}.btn-edit-scenario{padding:.75rem 1.5rem;background:#2196f3;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s}.btn-edit-scenario:hover{background:#1976d2;transform:translateY(-2px);box-shadow:0 4px 12px #2196f34d}.scenario-layout-with-sidebar{display:grid;grid-template-columns:1fr 400px;gap:2rem;max-width:1600px;margin:2rem auto;padding:0 2rem}.scenario-main-content{min-width:0;background:#fff;border-radius:16px;box-shadow:0 2px 15px #00000014;overflow:hidden}.scenario-sidebar{display:flex;flex-direction:column;gap:1.5rem}.scenario-hero{background:#fff;border-radius:16px;box-shadow:0 2px 15px #00000014;overflow:hidden;margin:2rem auto;max-width:1600px}.hero-banner{width:100%;height:400px;overflow:hidden;background:#f0f0f0}.hero-banner .banner-image{width:100%;height:100%;object-fit:cover;display:block}.hero-content{padding:2rem}.hero-content .scenario-title{font-size:2.5rem;font-weight:800;margin-bottom:1rem;color:#1a1a1a}.hero-content .scenario-short-desc{font-size:1.1rem;color:#666;margin-bottom:1.5rem;line-height:1.6}.hero-content .scenario-meta{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;align-items:center}.hero-content .durations{display:flex;gap:.5rem;flex-wrap:wrap}.hero-content .duration-badge{padding:.5rem 1rem;background:#e3f2fd;color:#1976d2;border-radius:6px;font-size:.9rem;font-weight:600}.hero-content .tags{display:flex;gap:.5rem;flex-wrap:wrap}.hero-content .tag{padding:.5rem 1rem;background:#f5f5f5;color:#666;border-radius:6px;font-size:.9rem}.hero-actions{display:flex;gap:1rem;margin-top:1.5rem}.btn-reserve{padding:.875rem 1.75rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s;display:inline-flex;align-items:center;gap:.5rem}.btn-reserve:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.btn-back{padding:.875rem 1.75rem;background:#fff;color:#666;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s}.btn-back:hover{border-color:#2196f3;color:#2196f3}.scenario-hero-image{width:100%;height:400px;overflow:hidden}.scenario-hero-image img{width:100%;height:100%;object-fit:cover}.scenario-title-section{padding:2rem;border-bottom:1px solid #e0e0e0}.scenario-title{font-size:2.5rem;font-weight:800;margin-bottom:1rem;color:#1a1a1a}.scenario-badges{display:flex;gap:.75rem;flex-wrap:wrap}.badge{padding:.5rem 1rem;border-radius:20px;font-size:.875rem;font-weight:600}.complexity-easy{background:#d4edda;color:#155724}.complexity-medium{background:#fff3cd;color:#856404}.complexity-expert{background:#f8d7da;color:#721c24}.badge-tech{background:#e3f2fd;color:#1565c0}.badge-lang{background:#f3e5f5;color:#6a1b9a}.scenario-meta{padding:1.5rem 2rem;background:#f8f9fa;border-bottom:1px solid #e0e0e0;display:flex;gap:2rem;flex-wrap:wrap}.meta-item{display:flex;align-items:center;gap:.5rem}.meta-icon{font-size:1.25rem}.tabs-navigation{display:flex;padding:1rem 2rem;background:#fff;border-bottom:2px solid #f0f0f0;gap:.5rem;overflow-x:auto;position:relative;max-width:1600px;margin:2rem auto 0;border-radius:16px 16px 0 0;box-shadow:0 2px 15px #00000014}.tab-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:transparent;border:none;border-radius:50px;cursor:pointer;font-weight:500;color:#666;transition:all .4s cubic-bezier(.68,-.55,.265,1.55);position:relative;white-space:nowrap}.tab-button:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50px;background:linear-gradient(135deg,#667eea,#764ba2);opacity:0;transform:scale(.8);transition:all .4s cubic-bezier(.68,-.55,.265,1.55);z-index:-1}.tab-button:hover:not(.active){color:#333;transform:translateY(-2px)}.tab-button:hover:not(.active):before{opacity:.1;transform:scale(1)}.tab-button.active{color:#fff;font-weight:700;transform:translateY(-4px)}.tab-button.active:before{opacity:1;transform:scale(1);box-shadow:0 8px 25px #667eea66}.tab-icon{font-size:1.25rem;transition:transform .3s}.tab-button.active .tab-icon{transform:scale(1.2) rotate(5deg)}.tab-content{padding:2rem;background:#fff;max-width:1600px;margin:0 auto;border-radius:0 0 16px 16px;box-shadow:0 2px 15px #00000014;margin-bottom:2rem}.tab-panel{animation:fadeInUp .4s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.tab-panel h2{font-size:2rem;margin-bottom:1.5rem;color:#1a1a1a}.content-section{margin-bottom:2rem}.content-section h3{font-size:1.25rem;margin-bottom:1rem;color:#333}.scenario-text{line-height:1.8;color:#444}.scenario-rich-content img{max-width:100%;height:auto;border-radius:12px;margin:1.5rem 0;box-shadow:0 4px 15px #0000001a}.target-groups-list,.tags-list{display:flex;gap:.75rem;flex-wrap:wrap}.target-group-badge,.tag-badge{padding:.5rem 1rem;background:#e3f2fd;color:#1565c0;border-radius:20px;font-size:.875rem;font-weight:600}.equipment-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.equipment-card{background:#f8f9fa;border-radius:12px;padding:1.5rem;display:flex;flex-direction:column;gap:1rem;transition:all .3s}.equipment-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #0000001a}.equipment-icon{font-size:2.5rem}.equipment-info h4{margin-bottom:.5rem;color:#1a1a1a}.equipment-reference,.equipment-location,.equipment-quantity{font-size:.9rem;color:#666;margin-bottom:.25rem}.equipment-status{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.875rem;font-weight:600;margin-top:.5rem}.equipment-status.available{background:#d4edda;color:#155724}.btn-view-kit{color:#2196f3;font-weight:600;text-decoration:none;transition:all .3s}.btn-view-kit:hover{transform:translate(5px)}.scenario-steps{display:flex;flex-direction:column;gap:1.5rem}.scenario-step-card{background:#f8f9fa;border-radius:12px;padding:1.5rem;border-left:4px solid #2196F3}.step-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.step-badge{padding:.5rem 1rem;background:#2196f3;color:#fff;border-radius:20px;font-size:.875rem;font-weight:700}.step-header h4{flex:1;margin:0}.expected-outcome{margin-top:1rem;padding:1rem;background:#d4edda;border-radius:8px;border-left:4px solid #28a745}.empty-state{text-align:center;padding:3rem;color:#999;font-style:italic}.reserve-card{background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000001a;overflow:hidden;position:sticky;top:100px}.reserve-card-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1.5rem}.reserve-card-header h3{margin:0;font-size:1.25rem;font-weight:700}.reserve-card-body{padding:1.5rem}.reserve-description{color:#666;line-height:1.6;margin-bottom:1.5rem}.reserve-info{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:#f8f9fa;border-radius:10px;margin-bottom:1rem}.info-icon{font-size:1.5rem}.info-content{flex:1;display:flex;flex-direction:column;gap:.25rem}.info-label{font-size:.875rem;color:#999;font-weight:500}.info-value{font-size:1.125rem;font-weight:700;color:#333}.reserve-kits-summary{padding:1rem;background:#f0f9ff;border-radius:10px;border-left:4px solid #2196F3;margin-bottom:1rem}.kits-summary-title{font-weight:700;color:#2196f3;margin-bottom:.75rem;font-size:.95rem}.kits-compact-list{list-style:none;padding:0;margin:0}.kits-compact-list li{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;font-size:.875rem;border-bottom:1px solid rgba(33,150,243,.1)}.kits-compact-list li:last-child{border-bottom:none}.kit-name{color:#333;font-weight:500}.kit-qty{color:#2196f3;font-weight:700;font-size:.95rem}.kits-more{color:#999;font-style:italic;justify-content:center}.reserve-card-footer{padding:0 1.5rem 1.5rem}.btn-reserve-large{width:100%;padding:1rem 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-size:1.125rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.75rem;transition:all .3s}.btn-reserve-large:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 10px 30px #667eea66}.btn-reserve-large:disabled{opacity:.6;cursor:not-allowed;background:#ccc}.btn-icon{font-size:1.25rem}.auth-hint{text-align:center;margin-top:1rem;margin-bottom:0;color:#999;font-size:.875rem}.info-card{background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000001a;padding:1.5rem}.info-card h4{margin:0 0 1rem;font-size:1.125rem;color:#333}.info-list{display:flex;flex-direction:column;gap:.75rem}.info-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#f8f9fa;border-radius:8px}.info-row .info-label{font-size:.875rem;color:#999;font-weight:500}.info-row .info-value{font-size:.95rem;font-weight:600;color:#333}.loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:1rem}.spinner{width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid #2196F3;border-radius:50%;animation:spin 1s linear infinite}@media(max-width:1200px){.scenario-layout-with-sidebar{grid-template-columns:1fr 350px;gap:1.5rem}}@media(max-width:1024px){.scenario-layout-with-sidebar{grid-template-columns:1fr}.scenario-sidebar,.reserve-card{position:static}}@media(max-width:768px){.scenario-layout-with-sidebar{padding:0 1rem;margin:1rem auto}.scenario-title{font-size:1.75rem}.tabs-navigation{padding:1rem;overflow-x:scroll}.tab-content{padding:1rem}.equipment-grid{grid-template-columns:1fr}}.scenario-rich-content img{max-width:45%;height:auto;border-radius:12px;margin:1.5rem 0;cursor:zoom-in;transition:all .3s ease;box-shadow:0 4px 12px #0000001a}.scenario-rich-content img:hover{transform:scale(1.02);box-shadow:0 8px 24px #00000026}.scenario-hero-image{cursor:zoom-in}.scenario-hero-image:hover{opacity:.95}.scenario-rich-content img[width]{max-width:100%;height:auto}.scenario-rich-content p img{display:block;margin-left:auto;margin-right:auto}.scenario-rich-content span img{display:inline-block;vertical-align:middle}.scenario-rich-content video{max-width:45%;height:auto;display:block;margin:1.5rem auto;border-radius:12px;box-shadow:0 4px 12px #0000001a;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.scenario-rich-content video:hover{transform:scale(1.05) translateY(-4px);box-shadow:0 12px 32px #0003}.scenario-rich-content .video-wrapper{position:relative;max-width:60%;margin:1.5rem auto;border-radius:12px;overflow:hidden;cursor:pointer}.scenario-rich-content .video-wrapper video{width:100%;margin:0;cursor:pointer}.scenario-rich-content .video-wrapper:after{content:"▶";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:3rem;color:#fff;background:#000000b3;width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;pointer-events:none;transition:all .3s}.scenario-rich-content .video-wrapper:hover:after{background:#000000e6;transform:translate(-50%,-50%) scale(1.1)}@media(max-width:1200px){.scenario-rich-content video,.scenario-rich-content .video-wrapper{max-width:75%}}@media(max-width:768px){.scenario-rich-content video,.scenario-rich-content .video-wrapper{max-width:95%}.scenario-rich-content .video-wrapper:after{width:60px;height:60px;font-size:2rem}}.overview-section{margin-bottom:3rem}.overview-section h3{font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;color:#1a202c;display:flex;align-items:center;gap:.5rem}.target-groups-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.target-group-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem;display:flex;gap:1rem;transition:all .3s ease}.target-group-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.target-group-icon{font-size:2rem;flex-shrink:0}.target-group-info h4{font-size:1.125rem;font-weight:600;margin-bottom:.5rem;color:#2d3748}.target-group-description{font-size:.875rem;color:#718096;line-height:1.5}.technologies-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin-top:1rem}.technology-card-wrapper{height:100%}.technology-card{padding:1.5rem;height:100%;display:flex;flex-direction:column;gap:.75rem;cursor:pointer;transition:all .3s ease}.technology-card:hover{transform:translateY(-2px)}.technology-card .tech-name{font-size:1.1rem;font-weight:700;color:#2d3748;margin:0;display:flex;align-items:center;gap:.5rem}.technology-card .tech-hint{font-size:.85rem;color:#667eea;font-style:italic;margin:0;opacity:.8}.tech-description-modal{margin-top:1rem}.tech-description-modal h3{color:#2d3748;font-size:1.1rem;margin-bottom:.75rem}.tech-description-modal p{color:#4a5568;line-height:1.8;font-size:1rem}.required-kit-classes-list{display:flex;flex-wrap:wrap;gap:.5rem}.kit-class-badge{display:inline-block;padding:.5rem 1rem;background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;border-radius:20px;font-size:.875rem;font-weight:600;text-decoration:none;white-space:nowrap;transition:transform .2s,box-shadow .2s;cursor:pointer}.kit-class-badge:hover{transform:translateY(-2px);box-shadow:0 4px 12px #f5576c66}.technology-icon{font-size:2.5rem;flex-shrink:0}.technology-info h4{font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.technology-info p{font-size:.9375rem;opacity:.95;line-height:1.6}.components-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.25rem}.component-card{background:#fff;border:2px solid #e2e8f0;border-radius:10px;padding:1.25rem;display:flex;gap:1rem}.component-icon{font-size:1.75rem;flex-shrink:0}.component-info h4{font-size:1rem;font-weight:600;margin-bottom:.5rem;color:#2d3748}.component-quantity{font-size:.875rem;color:#4a5568;margin-bottom:.5rem}.component-quantity strong{color:#667eea}.component-description{font-size:.8125rem;color:#718096;line-height:1.5}.demo-kits-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.demo-kit-card{background:#fff;border:1px solid #cbd5e0;border-radius:12px;padding:1.5rem;display:flex;flex-direction:column;gap:1rem;position:relative;text-decoration:none;color:inherit;transition:all .3s ease}.demo-kit-card.clickable{cursor:pointer}.demo-kit-card.clickable:hover{transform:translateY(-4px);box-shadow:0 8px 20px #667eea33;border-color:#667eea}.demo-kit-icon{font-size:2rem;flex-shrink:0}.demo-kit-info h4{font-size:1.125rem;font-weight:600;margin-bottom:.5rem;color:#2d3748}.demo-kit-code{font-size:.875rem;color:#718096;margin-bottom:.5rem;font-family:Courier New,monospace}.demo-kit-quantity{font-size:.875rem;color:#4a5568}.demo-kit-quantity strong{color:#f56565}.badge-required{position:absolute;top:1rem;right:1rem;background:#f56565;color:#fff;font-size:.75rem;padding:.25rem .75rem;border-radius:12px;font-weight:600}.kit-header{display:flex;justify-content:space-between;align-items:center;gap:1rem}.kit-header h3{font-size:1.125rem;font-weight:600;margin:0;color:#2d3748}.kit-code{font-size:.875rem;color:#718096;font-family:Courier New,monospace;background:#edf2f7;padding:.25rem .5rem;border-radius:4px}.kit-meta{display:flex;gap:1rem;align-items:center;font-size:.875rem;color:#4a5568}.kit-footer{margin-top:auto;padding-top:1rem;border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end}.btn-link{color:#667eea;font-weight:700;font-size:.875rem;transition:color .2s ease}.demo-kit-card.clickable:hover .btn-link{color:#5568d3}.scenario-steps-section{padding:1rem 0}.steps-timeline{position:relative;padding-left:4rem}.steps-timeline:before{content:"";position:absolute;left:1.5rem;top:2rem;bottom:2rem;width:2px;background:linear-gradient(to bottom,#667eea,#764ba2)}.step-item{position:relative;margin-bottom:3rem;display:flex;gap:2rem}.step-number{position:absolute;left:-4rem;width:3rem;height:3rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700;box-shadow:0 4px 8px #667eea4d;z-index:1}.step-content{flex:1;background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #00000014}.step-title{font-size:1.25rem;font-weight:700;margin-bottom:1rem;color:#2d3748}.step-description{margin-bottom:1rem;line-height:1.7}.step-image img,.step-video video{width:100%;max-width:600px;border-radius:8px;margin-top:1rem}.step-duration{margin-top:1rem;font-size:.875rem;color:#718096;font-weight:600}.setup-section{margin-bottom:3rem}.setup-section h3{font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;color:#1a202c;display:flex;align-items:center;gap:.5rem}.setup-steps{display:flex;flex-direction:column;gap:1.5rem}.setup-step-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem}.setup-step-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.setup-step-number{width:2rem;height:2rem;background:#667eea;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}.setup-step-header h4{font-size:1.125rem;font-weight:600;color:#2d3748}.setup-step-description{margin-bottom:1rem;line-height:1.7}.setup-step-image img,.setup-step-video video{width:100%;max-width:600px;border-radius:8px;margin-top:1rem}.documents-section h3{font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;color:#1a202c;display:flex;align-items:center;gap:.5rem}.documents-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.document-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem;display:flex;gap:1rem;transition:all .3s ease}.document-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.document-icon{font-size:2.5rem;flex-shrink:0}.document-info{flex:1}.document-info h4{font-size:1.125rem;font-weight:600;margin-bottom:.5rem;color:#2d3748}.document-description{font-size:.875rem;color:#718096;line-height:1.5;margin-bottom:.75rem}.document-category{display:inline-block;background:#edf2f7;color:#4a5568;font-size:.75rem;padding:.25rem .75rem;border-radius:12px;font-weight:600}.document-actions{display:flex;align-items:center}.btn-document{background:#667eea;color:#fff;padding:.5rem 1rem;border-radius:8px;text-decoration:none;font-size:.875rem;font-weight:600;transition:all .3s ease}.btn-document:hover{background:#5a67d8;transform:translateY(-1px)}.empty-message{text-align:center;padding:3rem;color:#a0aec0;font-size:1rem}.technology-card.clickable{cursor:pointer;transition:all .3s ease;border:2px solid transparent}.technology-card.clickable:hover{border-color:#667eea;box-shadow:0 8px 20px #667eea33;transform:translateY(-4px)}.tech-hint{margin:.5rem 0 0;font-size:.85rem;color:#667eea;font-weight:600}.technology-modal{max-width:600px;max-height:80vh;overflow-y:auto}.technology-modal .modal-header{padding:1.5rem;border-bottom:2px solid #e2e8f0;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px 12px 0 0}.technology-modal .modal-header h2{margin:0;color:#fff;font-size:1.75rem;font-weight:700}.technology-modal .modal-body{padding:2rem}.tech-description{margin-bottom:1.5rem}.tech-description h3{font-size:1.1rem;font-weight:700;color:#2d3748;margin:0 0 .75rem}.tech-description p{color:#4a5568;line-height:1.6;margin:0}.tech-info{background:#f7fafc;border-left:4px solid #667eea;padding:1rem 1.5rem;border-radius:4px}.tech-note{margin:0;font-size:.9rem;color:#718096;line-height:1.5}.kits-page{min-height:calc(100vh - 200px);background:linear-gradient(180deg,#f7fafc,#edf2f7);padding:40px 0}.kits-header{text-align:center;margin-bottom:32px;padding:3rem 20px;background:linear-gradient(135deg,#001f3f,#036);position:relative;overflow:hidden}.kits-header:before{content:"";position:absolute;top:-50%;left:-10%;width:500px;height:500px;background:radial-gradient(circle,rgba(0,212,255,.1) 0%,transparent 70%);border-radius:50%}.kits-header:after{content:"";position:absolute;bottom:-50%;right:-10%;width:500px;height:500px;background:radial-gradient(circle,rgba(0,153,255,.1) 0%,transparent 70%);border-radius:50%}.header-content h1{font-size:42px;font-weight:800;color:#fff;margin-bottom:12px;text-shadow:0 4px 12px rgba(0,0,0,.3);letter-spacing:.05em}.subtitle{font-size:18px;color:#a0c4d9;font-weight:500}.kits-container{max-width:1600px;margin:0 auto;padding:0 20px}.kit-tabs{display:flex;gap:12px;margin-bottom:24px;background:#fff;padding:8px;border-radius:12px;box-shadow:0 2px 8px #00000014}.tab-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:12px;padding:16px 24px;background:transparent;border:2px solid transparent;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s;color:#4a5568}.tab-btn:hover{background:#f7fafc}.tab-btn.active{background:linear-gradient(135deg,#001f3f,#036);color:#fff;box-shadow:0 4px 12px #001f3f4d}.tab-icon{font-size:1.5rem}.tab-label{font-size:1rem;font-weight:700}.tab-count{display:inline-block;padding:4px 12px;background:#fff3;border-radius:20px;font-size:.875rem;font-weight:700}.tab-btn.active .tab-count{background:#ffffff40}.tab-btn:not(.active) .tab-count{background:#e2e8f0;color:#4a5568}.filters-toggle-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;gap:16px}.btn-toggle-filters{flex:1;display:flex;align-items:center;justify-content:center;gap:12px;padding:16px 24px;background:linear-gradient(135deg,#001f3f,#036);color:#fff;border:none;border-radius:12px;font-size:15px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #001f3f33;text-transform:uppercase;letter-spacing:.1em;position:relative}.btn-toggle-filters:hover{transform:translateY(-2px);box-shadow:0 6px 20px #001f3f4d;background:linear-gradient(135deg,#036,#048)}.toggle-icon{font-size:16px;transition:transform .3s ease}.toggle-text{font-size:14px}.active-filters-badge{position:absolute;top:8px;right:8px;background:linear-gradient(135deg,#00d4ff,#09f);color:#fff;font-size:11px;font-weight:700;padding:4px 8px;border-radius:12px;min-width:24px;text-align:center;box-shadow:0 2px 8px #00d4ff66}.btn-reset-filters-inline{padding:16px 24px;background:linear-gradient(135deg,#00d4ff,#09f);color:#fff;border:none;border-radius:12px;font-size:13px;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.1em;white-space:nowrap}.btn-reset-filters-inline:hover{transform:translateY(-2px);box-shadow:0 4px 12px #09f6;background:linear-gradient(135deg,#09f,#06c)}.filters-sidebar{background:#fff;border-radius:16px;padding:0;box-shadow:0 4px 16px #001f3f26;margin-bottom:32px;border:2px solid #e9ecef;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);max-height:0;opacity:0}.filters-sidebar.visible{max-height:2000px;opacity:1;padding:24px;margin-bottom:32px}.filters-sidebar.hidden{max-height:0;opacity:0;padding:0;margin-bottom:0;border:none}.filters-header{display:none}.filters-sidebar{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 16px #001f3f26;margin-bottom:32px;border:2px solid #e9ecef}.filters-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:2px solid #e9ecef}.filters-header h3{margin:0;font-size:18px;font-weight:700;color:#001f3f;letter-spacing:.05em}.btn-reset-filters{padding:8px 20px;background:linear-gradient(135deg,#00d4ff,#09f);color:#fff;border:none;border-radius:12px;font-size:12px;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.1em}.btn-reset-filters:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0099ff4d}.filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.filter-group.filter-search{grid-column:1 / -1}.filter-label{display:block;margin-bottom:4px;font-size:12px;font-weight:700;color:#001f3f;text-transform:uppercase;letter-spacing:.05em}.filter-input,.filter-select{width:100%;padding:10px 12px;border:2px solid #cbd5e0;border-radius:10px;font-size:14px;transition:all .3s ease;background:#fff}.filter-input:focus,.filter-select:focus{outline:none;border-color:#00d4ff;box-shadow:0 0 0 3px #00d4ff1a}.date-range{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:end}.date-group{display:flex;flex-direction:column;gap:4px}.date-label{font-size:11px;font-weight:700;color:#718096;text-transform:uppercase;letter-spacing:.05em}.date-input{width:100%}.date-hint{grid-column:span 2;margin-top:8px;padding:10px;background:linear-gradient(135deg,#e6f7ff,#d6f0ff);border-radius:8px;font-size:11px;color:#036;line-height:1.5;border-left:3px solid #00d4ff}.status-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px}.status-btn{padding:10px 16px;border:2px solid #cbd5e0;background:#fff;border-radius:10px;font-size:12px;font-weight:600;cursor:pointer;transition:all .3s ease;text-align:center}.status-btn:hover{border-color:#00d4ff;background:#f0f9ff}.status-btn.active{background:linear-gradient(135deg,#00d4ff,#09f);border-color:#09f;color:#fff}.kits-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:28px;margin-bottom:48px}.kit-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 16px #001f3f26;transition:all .3s ease;border:2px solid transparent;position:relative;cursor:pointer;display:flex;flex-direction:column;height:500px}.kit-card.clickable:hover{transform:translateY(-8px);box-shadow:0 12px 40px #0099ff4d;border-color:#00d4ff}.kit-card.clickable:hover:before{opacity:1}.kit-header{padding:1.75rem 1.75rem 1.25rem;background:linear-gradient(135deg,#f8f9fa,#e9ecef);display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;border-bottom:2px solid #dee2e6}.kit-header h3{margin:0;font-size:1.375rem;color:#001f3f;font-weight:700;flex:1;letter-spacing:.025em;min-width:0;word-wrap:break-word;padding-right:1rem}.kit-badges{display:flex;flex-direction:column;gap:.5rem;align-items:flex-end;flex-shrink:0;margin-left:1rem}.source-badge{padding:.375rem .875rem;border-radius:20px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;box-shadow:0 2px 8px #0000001f}.status-badge{padding:.375rem .875rem;border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;box-shadow:0 2px 8px #00000026;flex-shrink:0;white-space:nowrap;align-self:flex-start}.status-badge.status-maintenance{background:linear-gradient(135deg,#f56565,#e53e3e);color:#fff}.kit-meta,.kit-specs{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}.meta-item,.spec-item{padding:6px 12px;background:#f7fafc;border:1px solid #e9ecef;border-radius:10px;font-size:12px;color:#4a5568;font-weight:600}.kit-certifications{display:flex;flex-wrap:wrap;gap:4px;margin:8px 0}.cert-badge{padding:4px 10px;background:linear-gradient(135deg,#c6f6d5,#9ae6b4);border-radius:10px;font-size:11px;font-weight:700;color:#22543d;text-transform:uppercase;letter-spacing:.05em}.kit-actions{display:grid;grid-template-columns:1fr 1fr;gap:0;background:#f8f9fa;border-top:2px solid #e9ecef;position:relative;z-index:10}.btn-reserve,.btn-details{padding:14px 20px;border:none;cursor:pointer;font-size:13px;font-weight:700;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:6px;text-decoration:none;text-transform:uppercase;letter-spacing:.05em}.btn-reserve{background:linear-gradient(135deg,#00d4ff,#09f);color:#fff;border-right:1px solid #e9ecef}.btn-reserve:hover{background:linear-gradient(135deg,#09f,#06c);transform:scale(1.05)}.btn-reserve.disabled{background:#cbd5e0;cursor:not-allowed;opacity:.6;pointer-events:none}.btn-details{background:#fff;color:#001f3f;border-left:1px solid #e9ecef}.btn-details:hover{background:#001f3f;color:#fff;transform:scale(1.05)}.no-results{text-align:center;padding:80px 40px;background:#fff;border-radius:16px;box-shadow:0 4px 16px #001f3f26;grid-column:1 / -1;border:2px dashed #cbd5e0}.no-results-icon{font-size:80px;margin-bottom:24px;opacity:.3}.no-results h3{margin:0 0 12px;font-size:28px;font-weight:700;color:#001f3f}.no-results p{color:#718096;font-size:16px;margin-bottom:24px}.btn-reset{padding:12px 32px;background:linear-gradient(135deg,#00d4ff,#09f);color:#fff;border:none;border-radius:12px;font-weight:700;font-size:14px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.1em}.btn-reset:hover{transform:translateY(-2px);box-shadow:0 4px 12px #09f6}.loading-container,.error-container{text-align:center;padding:80px 40px;background:#fff;border-radius:16px;box-shadow:0 4px 16px #001f3f26;max-width:600px;margin:40px auto}.spinner{border:4px solid #f3f3f3;border-top:4px solid #00d4ff;border-radius:50%;width:60px;height:60px;animation:spin 1s linear infinite;margin:0 auto 24px}.error-message{color:#f56565;font-size:18px;margin-bottom:24px}.btn-retry{padding:12px 32px;background:linear-gradient(135deg,#fc8181,#f56565);color:#fff;border:none;border-radius:12px;font-weight:700;cursor:pointer;transition:all .3s ease}@media(max-width:1200px){.filters-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.filter-group.filter-search{grid-column:span 1}}@media(max-width:768px){.header-content h1{font-size:32px}.kit-tabs{flex-direction:column;gap:8px}.tab-btn{padding:12px 16px}.tab-label{font-size:.875rem}.tab-icon{font-size:1.25rem}.filters-grid{grid-template-columns:1fr}.filter-group.filter-search{grid-column:span 1}.date-range{grid-template-columns:1fr}.date-hint{grid-column:span 1}.status-buttons,.kits-grid,.kit-actions{grid-template-columns:1fr}.btn-reserve,.btn-details{border:none}}.static-page{min-height:calc(100vh - 200px);background:#f7fafc;padding:100px 20px 60px}.static-page-container{max-width:1200px;margin:2rem auto 0;background:#fff;padding:2.5rem;border-radius:12px;box-shadow:0 4px 20px #001f3f14}.static-section{margin-bottom:2rem}.static-section:last-child{margin-bottom:0}.static-section h2{color:#00205b;font-size:1.5rem;font-weight:700;margin:0 0 1rem}.static-section p{color:#4b5563;font-size:1rem;line-height:1.8;margin:0 0 1rem}.static-section ul{color:#4b5563;font-size:1rem;line-height:1.8;margin:0 0 1rem;padding-left:2rem}.static-section li{margin-bottom:.5rem}.static-section li strong{color:#00205b;font-weight:600}.static-section a{color:#00a3e0;text-decoration:none;font-weight:600;transition:all .2s ease}.static-section a:hover{color:#0086ba;text-decoration:underline}.last-updated{color:#6b7280;font-size:.875rem;font-style:italic;margin:-1rem 0 1.5rem}.contact-info{display:flex;flex-direction:column;gap:1rem;background:#f0f9ff;padding:1.5rem;border-radius:8px;border-left:4px solid #00A3E0}.contact-item{display:flex;flex-direction:column;gap:.25rem}.contact-item strong{color:#00205b;font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.contact-item span{color:#4b5563;font-size:1rem}.contact-item a{color:#00a3e0;font-size:1rem;text-decoration:none;font-weight:600}.contact-item a:hover{color:#0086ba;text-decoration:underline}@media(max-width:768px){.static-page{padding:90px 15px 40px}.static-page-container{padding:2rem 1.5rem}.static-page-container h1{font-size:2rem}.static-section h2{font-size:1.25rem}}@media(max-width:480px){.static-page-container{padding:1.5rem 1rem}.static-page-container h1{font-size:1.75rem}.static-section h2{font-size:1.125rem}}.my-reservations-page{min-height:calc(100vh - 200px);background:linear-gradient(180deg,#f7fafc,#edf2f7);padding:40px 20px}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;flex-wrap:wrap;gap:20px}.header-content h1{margin:0 0 8px;font-size:36px;font-weight:800;color:#fff}.subtitle{margin:0;font-size:18px;color:#718096;font-weight:500}.btn-new-reservation{padding:14px 28px;background:linear-gradient(135deg,#00d4ff,#09f);color:#fff;text-decoration:none;border-radius:12px;font-weight:700;font-size:15px;box-shadow:0 4px 16px #0099ff4d;transition:all .3s ease;text-transform:uppercase;letter-spacing:.05em}.btn-new-reservation:hover{transform:translateY(-3px);box-shadow:0 6px 24px #0099ff80}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:40px}.stat-card{background:#fff;border-radius:16px;padding:24px;display:flex;align-items:center;gap:20px;box-shadow:0 4px 12px #001f3f1a;border:2px solid transparent;transition:all .3s ease}.stat-card.total{border-color:#001f3f}.filters-bar{background:#fff;border-radius:16px;padding:24px;margin-bottom:32px;box-shadow:0 4px 12px #001f3f1a;border:2px solid #e9ecef}.reservations-grid{display:grid;gap:24px}.reservation-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 16px #001f3f26;border:2px solid #e9ecef;transition:all .3s ease}.reservation-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px #001f3f40;border-color:#00d4ff}.reservation-header{padding:24px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:2px solid #dee2e6}.reservation-title{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:12px}.reservation-title h3{margin:0;font-size:20px;font-weight:800;color:#001f3f;flex:1}.status-badge{padding:8px 16px;border-radius:20px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;flex-shrink:0;box-shadow:0 2px 8px #00000026}.reservation-meta{display:flex;flex-wrap:wrap;gap:12px}.meta-item{font-size:14px;color:#718096;font-weight:600}.reservation-body{padding:24px}.info-row{margin-bottom:16px}.info-row:last-child{margin-bottom:0}.info-item{display:flex;flex-direction:column;gap:4px}.info-value{font-size:15px;color:#001f3f;font-weight:600}.info-detail{font-size:13px;color:#a0aec0;font-style:italic}.delivery-badge{display:inline-block;padding:8px 16px;background:linear-gradient(135deg,#fff4e6,#ffe4cc);border-radius:10px;font-size:13px;font-weight:700;color:#744210;border-left:4px solid #ed8936;margin-top:12px}.reservation-footer{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:#f8f9fa;border-top:2px solid #e9ecef}.footer-info{font-size:13px;color:#718096}.footer-actions{display:flex;gap:12px}.btn-action{padding:10px 20px;border-radius:10px;font-weight:700;font-size:13px;cursor:pointer;transition:all .3s ease;text-decoration:none;border:none;text-transform:uppercase;letter-spacing:.05em}.btn-view:hover{background:#09f;color:#fff;transform:translateY(-2px)}.btn-cancel{background:#fff;color:#f56565;border:2px solid #f56565}.btn-cancel:hover{background:#f56565;color:#fff;transform:translateY(-2px)}.empty-state p{margin:0 0 32px;font-size:16px;color:#718096}.btn-create{display:inline-block;padding:14px 28px;background:linear-gradient(135deg,#00d4ff,#09f);color:#fff;text-decoration:none;border-radius:12px;font-weight:700;font-size:15px;box-shadow:0 4px 16px #0099ff4d;transition:all .3s ease}.btn-create:hover{transform:translateY(-3px);box-shadow:0 6px 24px #0099ff80}.loading-container,.error-banner{text-align:center;padding:60px 40px;background:#fff;border-radius:20px;box-shadow:0 4px 16px #001f3f26;max-width:600px;margin:40px auto}.error-banner{background:linear-gradient(135deg,#fee2e2,#fecaca);border:2px solid #f56565;color:#c53030;font-weight:600}@media(max-width:768px){.page-header{flex-direction:column;align-items:flex-start}.stats-grid{grid-template-columns:1fr}.reservation-title{flex-direction:column;align-items:flex-start}.reservation-footer{flex-direction:column;gap:16px;align-items:flex-start}.footer-actions{width:100%;flex-direction:column}.btn-action{width:100%}}.outer-container{width:100%;max-width:900px;margin:0 auto}.step-circle-container{background:#fff;border-radius:20px;padding:2.5rem;box-shadow:0 4px 16px #001f3f26;border:2px solid #e9ecef}.step-indicator-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:3rem;padding:0 1rem}.step-indicator{cursor:pointer;transition:transform .3s ease}.step-indicator:hover{transform:scale(1.1)}.step-indicator-inner{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:18px;box-shadow:0 2px 8px #0000001a;border:3px solid white}.step-number{font-weight:800}.active-dot{width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:0 0 0 2px #00d4ff}.check-icon{width:24px;height:24px;color:#fff}.step-connector{flex:1;height:4px;background:#e9ecef;margin:0 1rem;border-radius:2px;position:relative;overflow:hidden}.step-connector-inner{height:100%;border-radius:2px}.step-content-default{margin-bottom:2rem;padding:0 .5rem}.step-default{animation:fadeIn .3s ease}.footer-container{border-top:2px solid #e9ecef;padding-top:2rem}.footer-nav{display:flex;gap:1rem}.footer-nav.spread{justify-content:space-between}.footer-nav.end{justify-content:flex-end}.back-button,.next-button{padding:12px 32px;border:none;border-radius:12px;font-weight:700;font-size:14px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.1em}.back-button{background:#f8f9fa;color:#001f3f;border:2px solid #e9ecef}.back-button:hover{background:#e9ecef;transform:translateY(-2px)}.back-button.inactive{opacity:.5;cursor:not-allowed}.next-button{background:linear-gradient(135deg,#00d4ff,#09f);color:#fff;box-shadow:0 4px 16px #0099ff4d}.next-button:hover{transform:translateY(-2px);box-shadow:0 6px 24px #0099ff80;background:linear-gradient(135deg,#09f,#06c)}.next-button:disabled{opacity:.5;cursor:not-allowed;transform:none}@media(max-width:768px){.step-circle-container{padding:1.5rem}.step-indicator-row{padding:0}.step-indicator-inner{width:40px;height:40px;font-size:16px}.step-connector{margin:0 .5rem}.back-button,.next-button{padding:10px 24px;font-size:12px}}.month-calendar{display:grid;grid-template-columns:320px 1fr;gap:24px;background:#fff;border-radius:8px;padding:0;overflow:hidden;max-height:600px}.calendar-sidebar{background:#f8f9fb;border-right:1px solid #e2e8f0;display:flex;flex-direction:column;max-height:600px}.calendar-sidebar h3{margin:0;padding:20px 24px 16px;font-size:14px;font-weight:600;color:#0a1f44;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #e2e8f0;background:#fff;flex-shrink:0}.search-kit-container{position:relative;padding:12px 16px;background:#fff;border-bottom:1px solid #e2e8f0;flex-shrink:0}.search-kit-input{width:100%;padding:10px 36px 10px 12px;border:1px solid #cbd5e1;border-radius:6px;font-size:13px;font-family:inherit;color:#0a1f44;background:#fff;transition:all .2s ease}.search-kit-input:focus{outline:none;border-color:#06c;box-shadow:0 0 0 3px #0066cc1a}.search-kit-input::placeholder{color:#94a3b8}.clear-search-btn{position:absolute;right:24px;top:50%;transform:translateY(-50%);width:24px;height:24px;border:none;background:#cbd5e1;border-radius:50%;color:#fff;font-size:12px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;padding:0}.clear-search-btn:hover{background:#94a3b8;transform:translateY(-50%) scale(1.1)}.kits-list{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:10px}.kits-list::-webkit-scrollbar{width:6px}.kits-list::-webkit-scrollbar-track{background:#f1f3f5;border-radius:3px}.kits-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.kits-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}.kit-item{display:flex;align-items:center;gap:12px;padding:12px 14px;background:#fff;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;transition:all .2s ease;flex-shrink:0}.kit-item:hover{background:#f8f9fb;border-color:#06c;transform:translate(2px)}.kit-item.selected{background:linear-gradient(135deg,#e6f7ff,#d6efff);border-color:#06c;border-width:2px;box-shadow:0 2px 8px #0066cc1f}.kit-icon{font-size:20px;flex-shrink:0;filter:grayscale(15%)}.kit-details{flex:1;min-width:0}.kit-name{font-weight:600;font-size:13px;color:#0a1f44;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kit-ref{font-size:12px;color:#5b6b7e;font-family:Courier New,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.calendar-main{display:flex;flex-direction:column;padding:24px 24px 24px 0;max-height:600px;overflow:hidden}.calendar-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:16px;border-bottom:1px solid #e2e8f0;margin-bottom:20px;flex-shrink:0}.calendar-header button{padding:8px 16px;background:#fff;border:1px solid #cbd5e1;border-radius:6px;font-weight:600;font-size:13px;cursor:pointer;transition:all .2s ease;color:#0a1f44}.calendar-header button:hover{border-color:#06c;background:#f8f9fb;transform:translateY(-1px)}.calendar-header h2{margin:0;font-size:18px;font-weight:600;color:#0a1f44;text-transform:capitalize;letter-spacing:-.01em}.selection-info{padding:12px 16px;background:#fff8e6;border:1px solid #ffd966;border-left:4px solid #ff9900;border-radius:6px;margin-bottom:20px;flex-shrink:0}.selection-info p{margin:0;font-weight:600;font-size:13px;color:#664d00;line-height:1.5}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;flex:1;align-content:start;overflow-y:auto;padding-right:8px}.calendar-grid::-webkit-scrollbar{width:6px}.calendar-grid::-webkit-scrollbar-track{background:#f1f3f5;border-radius:3px}.calendar-grid::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.calendar-grid::-webkit-scrollbar-thumb:hover{background:#94a3b8}.calendar-weekday{text-align:center;padding:8px 4px;font-weight:600;font-size:11px;color:#5b6b7e;text-transform:uppercase;letter-spacing:.05em}.calendar-day{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:6px;border:1px solid #e2e8f0;cursor:pointer;transition:all .2s ease;position:relative;background:#fff;min-height:48px}.calendar-day:hover:not(.disabled):not(.reserved):not(.past){border-color:#06c;background:#f8f9fb;transform:scale(1.05);z-index:1}.calendar-day.empty{border:none;cursor:default;background:transparent}.calendar-day.available{background:#d4edda4d;border-color:#c3e6cb}.calendar-day.reserved{background:#f8d7da80;border-color:#f5c6cb;cursor:not-allowed}.calendar-day.reserved:hover{transform:none;z-index:0}.calendar-day.today{border-color:#06c;border-width:2px;box-shadow:0 0 0 2px #0066cc1a}.calendar-day.selected{background:linear-gradient(135deg,#06c,#0052a3);border-color:#06c;color:#fff}.calendar-day.selected .day-number{color:#fff;font-weight:700}.calendar-day.past{opacity:.35;cursor:not-allowed;background:#f8f9fb}.calendar-day.past:hover{transform:none;border-color:#e2e8f0}.calendar-day.disabled{opacity:.4;cursor:not-allowed;background:#f8f9fb}.calendar-day.disabled:hover{transform:none;border-color:#e2e8f0}.day-number{font-weight:600;font-size:14px;color:#0a1f44;line-height:1}.reserved-indicator{position:absolute;top:4px;right:4px;font-size:10px;opacity:.8}.today-indicator{position:absolute;bottom:4px;color:#06c;font-size:6px;line-height:1}@media(max-width:1200px){.month-calendar,.calendar-sidebar,.calendar-main{max-height:550px}}@media(max-width:1024px){.month-calendar{grid-template-columns:1fr;max-height:none}.calendar-sidebar{border-right:none;border-bottom:1px solid #e2e8f0;max-height:300px}.calendar-main{max-height:none;padding:24px}.kits-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));max-height:240px}}@media(max-width:768px){.month-calendar{gap:0}.calendar-sidebar h3{padding:16px 20px 12px;font-size:13px}.calendar-main{padding:20px}.calendar-grid{gap:4px}.calendar-day{min-height:44px}.day-number{font-size:13px}.calendar-weekday{font-size:10px;padding:6px 2px}.kits-list{grid-template-columns:1fr}}@media(max-width:480px){.calendar-header{flex-direction:column;gap:12px;align-items:stretch}.calendar-header h2{order:-1;text-align:center;font-size:16px}.calendar-header button{width:100%}.calendar-grid{gap:3px}.calendar-day{min-height:40px}.day-number{font-size:12px}}.reservation-page{min-height:100vh;background:linear-gradient(180deg,#f8f9fb,#eef1f5);padding:48px 32px 80px;font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,Roboto,Oxygen,sans-serif}.error-banner{max-width:1400px;margin:0 auto 32px;padding:16px 24px;background:#fef5f5;border:1px solid #e53e3e;border-left:4px solid #e53e3e;border-radius:8px;display:flex;align-items:center;gap:12px}.error-icon{font-size:20px;flex-shrink:0}.error-message{color:#c53030;font-weight:500;font-size:14px;line-height:1.5}.loading-container,.success-container{max-width:600px;margin:80px auto;padding:64px 48px;background:#fff;border-radius:12px;box-shadow:0 4px 24px #0a1f4414;text-align:center}.spinner{width:56px;height:56px;margin:0 auto 24px;border:3px solid #e2e8f0;border-top:3px solid #0066cc;border-radius:50%;animation:spin .8s linear infinite}.loading-container p{color:#5b6b7e;font-size:15px;margin:0}.success-icon{width:80px;height:80px;margin:0 auto 24px;background:linear-gradient(135deg,#d4edda,#c3e6cb);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:48px;color:#155724}.success-container h2{font-size:24px;font-weight:600;color:#0a1f44;margin:0 0 16px}.success-container p{font-size:15px;color:#5b6b7e;margin:8px 0;line-height:1.6}.scenario-requirements{max-width:1400px;margin:0 auto 40px;background:#fff;border:1px solid #d1d9e6;border-left:4px solid #0066cc;border-radius:8px;padding:32px}.requirements-header{margin-bottom:24px}.requirements-header h3{font-size:16px;font-weight:600;color:#0a1f44;margin:0 0 8px;letter-spacing:-.01em}.requirements-subtitle{font-size:14px;color:#5b6b7e;margin:0;line-height:1.5}.requirements-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.requirement-card{background:#f8f9fb;border:1px solid #e2e8f0;border-radius:6px;padding:20px;transition:all .2s ease}.requirement-card:hover{background:#fff;border-color:#06c;box-shadow:0 2px 8px #0066cc14}.requirement-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.requirement-icon{font-size:20px;flex-shrink:0;filter:grayscale(20%)}.requirement-body{flex:1}.requirement-name{font-size:14px;font-weight:600;color:#0a1f44;margin:0 0 8px;line-height:1.4}.requirement-code{font-size:13px;color:#5b6b7e;margin:0;font-family:Courier New,monospace}.badge-required{display:inline-block;padding:4px 10px;background:#e53e3e;color:#fff;font-size:11px;font-weight:600;border-radius:4px;text-transform:uppercase;letter-spacing:.03em;flex-shrink:0}.form-section{max-width:1400px;margin:0 auto;padding:40px 0}.step-header{display:flex;align-items:flex-start;gap:20px;margin-bottom:40px;padding-bottom:24px;border-bottom:1px solid #e2e8f0}.step-icon{font-size:36px;flex-shrink:0;opacity:.85;filter:grayscale(10%)}.step-title{flex:1}.step-title h2{font-size:24px;font-weight:600;color:#0a1f44;margin:0 0 8px;letter-spacing:-.02em;line-height:1.3}.step-title p{font-size:14px;color:#5b6b7e;margin:0;line-height:1.5}.warning-text{color:#e53e3e;font-weight:600}.filter-section{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:20px 24px;margin-bottom:32px;display:flex;align-items:center;gap:16px}.filter-label{font-size:14px;font-weight:600;color:#0a1f44;margin:0;white-space:nowrap}.source-filter-section{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:20px 24px;margin-bottom:32px}.source-filter-buttons{display:flex;gap:12px;margin-top:12px;flex-wrap:wrap}.search-input{width:100%;padding-right:40px}.selected-summary{background:linear-gradient(135deg,#e6f7ff,#d6efff);border:1px solid #99d5ff;border-left:4px solid #0066cc;border-radius:8px;padding:28px 32px;margin-top:32px;display:flex;align-items:flex-start;gap:28px}.summary-icon{font-size:36px;color:#06c;flex-shrink:0;line-height:1}.summary-details h3{font-size:16px;font-weight:600;color:#0a1f44;margin:0 0 20px;letter-spacing:-.01em}.summary-row{display:grid;grid-template-columns:140px 1fr;gap:16px;margin-bottom:12px;align-items:baseline}.summary-row:last-child{margin-bottom:0}.summary-row.duration{margin-top:16px;padding-top:16px;border-top:1px solid rgba(0,102,204,.15)}.summary-label{font-size:13px;font-weight:600;color:#5b6b7e;text-transform:uppercase;letter-spacing:.03em}.summary-value{font-size:14px;color:#0a1f44;font-weight:500;line-height:1.5}.summary-row.duration .summary-value{color:#06c;font-weight:600}.btn-check-inline{padding:12px 24px;background:#fff;border:2px solid #0066cc;border-radius:6px;font-size:14px;font-weight:600;color:#06c;cursor:pointer;transition:all .2s ease;flex-shrink:0;white-space:nowrap}.btn-check-inline:hover{background:#06c;color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #06c3}.btn-check-inline:disabled{opacity:.5;cursor:not-allowed}.availability-result{margin-top:24px;padding:16px 20px;border-radius:6px;display:flex;align-items:center;gap:12px}.availability-result.available{background:#d4edda;border:1px solid #c3e6cb}.availability-result.unavailable{background:#f8d7da;border:1px solid #f5c6cb}.result-icon{font-size:20px;flex-shrink:0}.availability-result.available .result-icon{color:#155724}.availability-result.unavailable .result-icon{color:#721c24}.result-text{font-size:14px;font-weight:600;line-height:1.5}.availability-result.available .result-text{color:#155724}.availability-result.unavailable .result-text{color:#721c24}.form-group{margin-bottom:24px}.form-group label{display:block;font-size:13px;font-weight:600;color:#0a1f44;margin-bottom:8px;letter-spacing:.01em}.form-input,.form-textarea{width:100%;padding:12px 16px;background:#fff;border:1px solid #cbd5e1;border-radius:6px;font-size:14px;color:#0a1f44;transition:all .2s ease;font-family:inherit}.form-input:focus,.form-textarea:focus{outline:none;border-color:#06c;box-shadow:0 0 0 3px #0066cc1a}.form-input:disabled{background:#f1f3f5;color:#5b6b7e;cursor:not-allowed}.form-textarea{resize:vertical;min-height:100px;line-height:1.6}.form-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.form-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.checkbox-label{display:flex;align-items:center;gap:12px;cursor:pointer;padding:12px 16px;border-radius:6px;transition:background .2s ease}.checkbox-label:hover{background:#f8f9fb}.checkbox-label span{font-size:14px;font-weight:500;color:#0a1f44}.form-checkbox{width:20px;height:20px;cursor:pointer;accent-color:#0066cc}.delivery-section{background:#f8f9fb;border:1px solid #e2e8f0;border-radius:8px;padding:28px;margin-top:20px}.delivery-section h3{font-size:16px;font-weight:600;color:#0a1f44;margin:0 0 24px;display:flex;align-items:center;gap:8px}.summary-card{background:#fff;border:1px solid #d1d9e6;border-radius:8px;padding:32px;box-shadow:0 2px 16px #0a1f440f}.summary-section{margin-bottom:32px}.summary-section:last-of-type{margin-bottom:0}.summary-section h3{font-size:15px;font-weight:600;color:#0a1f44;margin:0 0 16px;display:flex;align-items:center;gap:8px}.summary-content{padding-left:28px}.summary-content p{font-size:14px;color:#2d3e50;margin:8px 0;line-height:1.6}.summary-content p strong{font-weight:600;color:#0a1f44;min-width:120px;display:inline-block}.summary-content .indent{padding-left:24px;color:#5b6b7e}.summary-divider{height:1px;background:linear-gradient(90deg,transparent 0%,#e2e8f0 50%,transparent 100%);margin:32px 0}.summary-footer{margin-top:32px;padding-top:24px;border-top:1px solid #e2e8f0}.info-text{padding:16px 20px;background:#fff8e6;border:1px solid #ffd966;border-left:4px solid #ff9900;border-radius:6px;font-size:14px;color:#664d00;margin:0;line-height:1.6}.info-box{display:flex;align-items:flex-start;gap:16px;padding:16px 20px;background:#e6f7ff;border:1px solid #99d5ff;border-left:4px solid #0066cc;border-radius:6px;margin-bottom:24px}.info-box .info-icon{font-size:20px;flex-shrink:0;color:#06c}.info-box p{font-size:14px;color:#2d3e50;margin:0;line-height:1.6}.duration-info{display:flex;align-items:center;gap:12px;padding:14px 20px;background:#e6f7ff;border:1px solid #99d5ff;border-left:4px solid #0066cc;border-radius:6px;font-size:14px;font-weight:600;color:#0a1f44;margin-top:16px}.duration-highlight{color:#06c;font-weight:600}.btn-check-availability{width:100%;padding:14px 24px;background:linear-gradient(135deg,#06c,#0052a3);border:none;border-radius:6px;font-size:14px;font-weight:600;color:#fff;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.05em}.btn-check-availability:hover{background:linear-gradient(135deg,#0052a3,#003d7a);transform:translateY(-2px);box-shadow:0 6px 20px #0066cc40}.btn-check-availability:disabled{opacity:.6;cursor:not-allowed;transform:none}.kits-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;margin-bottom:32px}.kit-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden;cursor:pointer;transition:all .2s ease;position:relative}.kit-card:hover{border-color:#06c;box-shadow:0 8px 24px #0a1f441f;transform:translateY(-4px)}.kit-card.selected{border-color:#06c;border-width:2px;box-shadow:0 8px 24px #0066cc26}.kit-card.unavailable{opacity:.5;cursor:not-allowed}.kit-card.unavailable:hover{transform:none;box-shadow:none}.kit-image{width:100%;height:200px;object-fit:cover;background:#f1f3f5}.kit-placeholder{width:100%;height:200px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0a1f44,#1a3a5c);font-size:60px;opacity:.2}.kit-info{padding:20px}.kit-info h3{font-size:16px;font-weight:600;color:#0a1f44;margin:0 0 8px;line-height:1.4}.kit-reference,.kit-location{font-size:13px;color:#5b6b7e;margin:4px 0}.availability-badge{display:inline-block;padding:4px 12px;border-radius:4px;font-size:12px;font-weight:600;margin-top:12px;text-transform:uppercase;letter-spacing:.03em}.availability-badge.available{background:#d4edda;color:#155724}.availability-badge.unavailable{background:#f8d7da;color:#721c24}.kit-quantity{padding:14px 20px;background:#f8f9fb;border-top:1px solid #e2e8f0;display:flex;align-items:center;gap:12px}.kit-quantity label{font-size:13px;font-weight:600;color:#0a1f44}.kit-quantity input{width:60px;padding:6px 8px;border:1px solid #cbd5e1;border-radius:4px;text-align:center;font-weight:600;font-size:14px}.kit-checkbox{position:absolute;top:16px;right:16px}.kit-checkbox input[type=checkbox]{width:24px;height:24px;cursor:pointer;accent-color:#0066cc}.selected-count-badge{display:inline-block;padding:10px 20px;background:linear-gradient(135deg,#06c,#0052a3);color:#fff;border-radius:20px;font-size:14px;font-weight:600;margin-bottom:24px;box-shadow:0 4px 12px #06c3}.kits-list{display:flex;flex-direction:column;gap:12px}.kit-summary-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#f8f9fb;border:1px solid #e2e8f0;border-left:4px solid #0066cc;border-radius:6px}.kit-name{font-size:14px;font-weight:600;color:#0a1f44}.kit-qty{font-size:14px;font-weight:600;color:#06c}.text-muted{color:#94a3b8;font-style:italic;font-size:14px}@media(max-width:1200px){.reservation-page{padding:40px 24px 72px}.form-section{padding:32px 0}}@media(max-width:768px){.reservation-page{padding:24px 16px 64px}.reservation-header{text-align:center;margin-bottom:40px}.reservation-header h1{font-size:26px}.subtitle{font-size:14px}.step-header{flex-direction:column;align-items:center;text-align:center;gap:16px}.step-icon{font-size:32px}.step-title h2{font-size:20px}.form-grid-2,.form-grid-3,.kits-grid,.requirements-grid{grid-template-columns:1fr}.selected-summary{flex-direction:column;gap:20px}.summary-card{padding:24px}.filter-section{flex-direction:column;align-items:flex-start}.filter-section select{width:100%}}@media(max-width:480px){.reservation-header h1{font-size:22px}.step-title h2{font-size:18px}.summary-card,.delivery-section{padding:20px}}.field-hint{display:block;font-size:12px;color:#94a3b8;margin-top:6px;font-style:italic;line-height:1.4}.form-divider{height:1px;background:linear-gradient(90deg,transparent 0%,#e2e8f0 50%,transparent 100%);margin:32px 0}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*:focus-visible{outline:2px solid #0066cc;outline-offset:2px}@media print{.reservation-page{background:#fff;padding:20px}.error-banner,.btn-check-inline,.btn-check-availability{display:none}}.reservation-detail-page{min-height:calc(100vh - 200px);background:linear-gradient(180deg,#f7fafc,#edf2f7);padding:40px 20px;max-width:1200px;margin:0 auto}.detail-header{background:#fff;border-radius:20px;padding:2rem;margin-bottom:2rem;box-shadow:0 4px 16px #001f3f26;border:2px solid #e9ecef}.header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.btn-back-simple{padding:10px 20px;background:#f8f9fa;color:#001f3f;text-decoration:none;border-radius:10px;font-weight:700;font-size:14px;border:2px solid #e9ecef;transition:all .3s ease}.btn-back-simple:hover{background:#e9ecef;border-color:#cbd5e0}.status-badge-large{padding:12px 24px;border-radius:24px;font-size:16px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;box-shadow:0 4px 12px #00000026}.status-badge-large.status-warning{background:linear-gradient(135deg,#ed8936,#dd6b20);color:#fff}.status-badge-large.status-success{background:linear-gradient(135deg,#48bb78,#38a169);color:#fff}.status-badge-large.status-info{background:linear-gradient(135deg,#00d4ff,#09f);color:#fff}.status-badge-large.status-completed{background:linear-gradient(135deg,#a0aec0,#718096);color:#fff}.status-badge-large.status-danger{background:linear-gradient(135deg,#f56565,#e53e3e);color:#fff}.status-badge-large.status-cancelled{background:linear-gradient(135deg,#cbd5e0,#a0aec0);color:#fff}.header-content h1{margin:0 0 8px;font-size:32px;font-weight:800;color:#001f3f}.reservation-id{margin:0;font-size:14px;color:#718096;font-weight:600}.admin-actions{display:flex;gap:12px;margin-top:1.5rem;padding-top:1.5rem;border-top:2px solid #e9ecef}.btn-admin{flex:1;padding:14px 24px;border:none;border-radius:12px;font-weight:700;font-size:15px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.05em}.btn-approve{background:linear-gradient(135deg,#48bb78,#38a169);color:#fff;box-shadow:0 4px 16px #48bb784d}.btn-approve:hover{transform:translateY(-2px);box-shadow:0 6px 24px #48bb7880}.btn-reject{background:linear-gradient(135deg,#f56565,#e53e3e);color:#fff;box-shadow:0 4px 16px #f565654d}.btn-reject:hover{transform:translateY(-2px);box-shadow:0 6px 24px #f5656580}.btn-progress{background:linear-gradient(135deg,#00d4ff,#09f);color:#fff;box-shadow:0 4px 16px #0099ff4d}.btn-progress:hover{transform:translateY(-2px);box-shadow:0 6px 24px #0099ff80}.btn-complete{background:linear-gradient(135deg,#a0aec0,#718096);color:#fff;box-shadow:0 4px 16px #a0aec04d}.btn-complete:hover{transform:translateY(-2px);box-shadow:0 6px 24px #a0aec080}.btn-admin:disabled{opacity:.5;cursor:not-allowed;transform:none}.detail-content{display:flex;flex-direction:column;gap:2rem}.detail-section{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 4px 12px #001f3f1a;border:2px solid #e9ecef}.detail-section h2{margin:0 0 1.5rem;font-size:20px;font-weight:800;color:#001f3f;padding-bottom:1rem;border-bottom:2px solid #e9ecef}.kit-info-card{display:flex;gap:24px;align-items:flex-start}.kit-image{width:150px;height:150px;object-fit:cover;border-radius:12px;box-shadow:0 4px 12px #0000001a;flex-shrink:0}.kit-image-placeholder{width:150px;height:150px;background:linear-gradient(135deg,#001f3f,#036);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:64px;opacity:.3;flex-shrink:0}.kit-details h3{margin:0 0 8px;font-size:24px;font-weight:800;color:#001f3f}.kit-ref,.kit-location{margin:4px 0;font-size:14px;color:#718096}.dates-card{display:grid;grid-template-columns:1fr auto 1fr auto;gap:24px;align-items:center;padding:24px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px}.date-item{display:flex;flex-direction:column;gap:4px}.date-label{font-size:12px;color:#718096;font-weight:700;text-transform:uppercase}.date-value{font-size:18px;font-weight:800;color:#001f3f}.date-time{font-size:14px;color:#a0aec0}.date-arrow{font-size:24px;color:#00d4ff}.duration-badge{padding:12px 20px;background:linear-gradient(135deg,#00d4ff,#09f);color:#fff;border-radius:12px;font-weight:700;font-size:14px;text-align:center;box-shadow:0 4px 12px #0099ff4d}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.info-item{display:flex;flex-direction:column;gap:8px}.info-item.full-width{grid-column:span 2}.info-label{font-size:12px;color:#718096;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.info-value{font-size:16px;color:#001f3f;font-weight:600;line-height:1.5}.info-value a{color:#09f;text-decoration:none;transition:color .3s ease}.info-value a:hover{color:#00d4ff;text-decoration:underline}.delivery-card{display:flex;gap:20px;padding:24px;background:linear-gradient(135deg,#fff4e6,#ffe4cc);border-radius:12px;border-left:4px solid #ed8936}.delivery-icon{font-size:48px;flex-shrink:0}.delivery-details p{margin:4px 0;font-size:15px;color:#744210;line-height:1.6}.delivery-details strong{font-size:16px;color:#744210;font-weight:800}.notes-card{padding:20px;background:#f8f9fa;border-radius:12px;margin-bottom:16px}.notes-card:last-child{margin-bottom:0}.notes-card h4{margin:0 0 12px;font-size:14px;color:#001f3f;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.notes-card p{margin:0;font-size:15px;color:#4a5568;line-height:1.7}.rejection-card{padding:20px;background:linear-gradient(135deg,#fee2e2,#fecaca);border-radius:12px;border-left:4px solid #f56565}.rejection-card p{margin:0;font-size:15px;color:#742a2a;line-height:1.7;font-weight:600}.timeline{display:flex;flex-direction:column;gap:24px}.timeline-item{display:flex;gap:20px;align-items:flex-start}.timeline-icon{width:48px;height:48px;background:linear-gradient(135deg,#00d4ff,#09f);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0;box-shadow:0 4px 12px #0099ff4d}.timeline-content h4{margin:0 0 4px;font-size:16px;font-weight:700;color:#001f3f}.timeline-content p{margin:0;font-size:14px;color:#718096}.loading-container,.error-container{text-align:center;padding:80px 40px;background:#fff;border-radius:20px;box-shadow:0 4px 16px #001f3f26}.btn-back{display:inline-block;padding:14px 28px;background:linear-gradient(135deg,#00d4ff,#09f);color:#fff;text-decoration:none;border-radius:12px;font-weight:700;transition:all .3s ease}.btn-back:hover{transform:translateY(-2px);box-shadow:0 6px 24px #0099ff80}@media(max-width:768px){.reservation-detail-page{padding:20px 10px}.dates-card{grid-template-columns:1fr;gap:16px}.date-arrow{display:none}.info-grid{grid-template-columns:1fr}.info-item.full-width{grid-column:span 1}.admin-actions,.kit-info-card{flex-direction:column}}.reservations-timeline{background:#fff;border-radius:16px;padding:1.25rem;box-shadow:0 4px 16px #001f3f26;border:2px solid #e9ecef;width:100%;max-width:1600px;margin:0 auto;box-sizing:border-box}.timeline-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:2px solid #e9ecef;flex-wrap:wrap;gap:.75rem}.controls-left,.controls-center,.controls-right{display:flex;align-items:center;gap:.75rem}.view-mode-selector{display:flex;gap:.5rem;background:#f8f9fa;padding:4px;border-radius:12px}.view-mode-btn{padding:8px 16px;background:transparent;border:none;border-radius:10px;font-weight:700;font-size:12px;color:#4a5568;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.05em}.view-mode-btn.active{background:linear-gradient(135deg,#00d4ff,#09f);color:#fff;box-shadow:0 2px 8px #0099ff4d}.kit-filter{padding:10px 16px;background:#fff;border:2px solid #cbd5e0;border-radius:10px;font-weight:600;font-size:14px;color:#001f3f;cursor:pointer;transition:all .3s ease;min-width:200px}.kit-filter:focus{outline:none;border-color:#00d4ff}.btn-nav{width:40px;height:40px;background:#fff;border:2px solid #cbd5e0;border-radius:10px;font-size:18px;font-weight:700;cursor:pointer;transition:all .3s ease;color:#001f3f}.btn-nav:hover{border-color:#00d4ff;background:#f0f9ff;transform:scale(1.05)}.period-label{margin:0;font-size:20px;font-weight:800;color:#001f3f;text-transform:capitalize;min-width:200px;text-align:center}.btn-today{padding:10px 20px;background:linear-gradient(135deg,#00d4ff,#09f);color:#fff;border:none;border-radius:10px;font-weight:700;font-size:13px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.05em}.btn-today:hover{transform:translateY(-2px);box-shadow:0 4px 12px #09f6}.timeline-grid{overflow-x:auto;overflow-y:auto;max-height:calc(100vh - 300px);scrollbar-width:thin;scrollbar-color:#cbd5e0 #f8f9fa;position:relative}.timeline-grid::-webkit-scrollbar{height:8px;width:8px}.timeline-grid::-webkit-scrollbar-track{background:#f8f9fa}.timeline-grid::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}.timeline-header{display:flex;position:-webkit-sticky;position:sticky;top:0;background:#fff;z-index:50;border-bottom:3px solid #001f3f;box-shadow:0 2px 8px #001f3f1a}.timeline-row-header{width:200px;min-width:200px;max-width:200px;padding:4px 8px;background:linear-gradient(135deg,#001f3f,#036);color:#fff;font-weight:800;letter-spacing:.03em;display:flex;align-items:center;flex-shrink:0;position:sticky;left:0;z-index:10;overflow:visible;box-sizing:border-box}.timeline-dates{display:flex;flex:1;min-width:900px}.timeline-date{flex:1;min-width:35px;padding:6px 2px;text-align:center;border-left:1px solid #e9ecef;background:linear-gradient(135deg,#f8f9fa,#e9ecef);transition:all .2s ease}.timeline-date.today{background:linear-gradient(135deg,#00d4ff,#09f);color:#fff;font-weight:800}.timeline-date.weekend{background:linear-gradient(135deg,#edf2f7,#e2e8f0)}.date-day{font-size:12px;font-weight:700;line-height:1;margin-bottom:2px}.date-weekday{font-size:7px;text-transform:uppercase;letter-spacing:.02em;opacity:.7}.timeline-body{display:flex;flex-direction:column}.timeline-row{display:flex;border-bottom:1px solid #e9ecef;min-height:45px;transition:all .2s ease}.timeline-row:hover{background:#f8f9fa}.timeline-row .timeline-row-header{background:linear-gradient(135deg,#f8f9fa,#e9ecef);color:#001f3f;border-right:2px solid #dee2e6;justify-content:flex-start;padding:4px 8px;z-index:15;overflow:visible}.kit-info{display:flex;flex-direction:column;gap:2px;width:100%;overflow:visible;box-sizing:border-box}.kit-name{font-size:11px;font-weight:700;color:#001f3f;line-height:1.3;white-space:normal;word-wrap:break-word;overflow-wrap:break-word;box-sizing:border-box}.kit-ref{font-size:9px;color:#718096;font-weight:600;white-space:normal;word-wrap:break-word;overflow-wrap:break-word;box-sizing:border-box;opacity:.8}.timeline-row-header *,.kit-info *,.kit-name,.kit-ref{box-sizing:border-box}.timeline-cells{display:flex;flex:1;position:relative;min-width:900px}.timeline-cells-bg{position:absolute;top:0;left:0;right:0;bottom:0;display:flex}.timeline-cell{flex:1;border-left:1px solid #f1f3f5;cursor:pointer;transition:all .2s ease;padding:2px}.timeline-cell:hover{background:#00d4ff0d}.timeline-cell.today{background:#00d4ff1a;border-left:2px solid #00d4ff;border-right:2px solid #00d4ff}.timeline-cell.weekend{background:#00000005}.timeline-cell.has-reservation{cursor:default}.timeline-reservations{position:relative;width:100%;pointer-events:none}.reservation-block{position:absolute;top:3px;bottom:3px;height:auto;border-radius:5px;padding:3px 4px;box-shadow:0 2px 6px #0003;border:1.5px solid white;cursor:pointer;pointer-events:auto;transition:all .3s ease;text-decoration:none;color:#fff;overflow:hidden;display:flex;align-items:center;min-height:40px}.reservation-block:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000004d;z-index:5}.reservation-content{display:flex;flex-direction:column;gap:2px;height:100%}.reservation-title{font-size:11px;font-weight:800;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reservation-user{font-size:9px;opacity:.9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.timeline-legend{margin-top:1.25rem;padding-top:1rem;border-top:2px solid #e9ecef}.timeline-legend h4{margin:0 0 .75rem;font-size:13px;font-weight:800;color:#001f3f;text-transform:uppercase;letter-spacing:.05em}.legend-items{display:flex;flex-wrap:wrap;gap:1.5rem}.legend-item{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#4a5568}.legend-color{width:40px;height:12px;border-radius:6px;box-shadow:0 2px 4px #0000001a}.legend-marker{width:12px;height:12px;border-radius:50%}.today-marker{background:#00d4ff;box-shadow:0 0 0 3px #00d4ff4d}@media(max-width:1640px){.reservations-timeline{padding:1.25rem}}@media(max-width:1200px){.timeline-controls{flex-direction:column}.controls-left,.controls-center,.controls-right{width:100%;justify-content:center}.kit-filter{width:100%}}@media(max-width:768px){.reservations-timeline{padding:1rem}.timeline-row-header{width:90px;min-width:90px;padding:1px 2px}.kit-name{font-size:7px}.kit-ref{font-size:6px;max-width:80px}.timeline-dates,.timeline-cells{min-width:900px}.view-mode-selector{flex-direction:column;width:100%}.view-mode-btn{width:100%}.reservation-title{font-size:10px}.reservation-user{font-size:8px}}.timeline-page{min-height:calc(100vh - 200px);background:linear-gradient(180deg,#f7fafc,#edf2f7);padding:20px;display:flex;flex-direction:column;align-items:center}.timeline-page>*{width:100%;max-width:1600px;box-sizing:border-box}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:16px;box-sizing:border-box}.page-header .header-content h1{margin:0 0 8px;font-size:36px;font-weight:800;color:#fff}.page-header .subtitle{margin:0;font-size:18px;color:#718096;font-weight:500}.header-actions{display:flex;gap:12px}.btn-manage,.btn-my-reservations{padding:14px 24px;border:none;border-radius:12px;font-weight:700;font-size:14px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.05em;text-decoration:none;display:inline-block}.btn-manage{background:linear-gradient(135deg,#718096,#4a5568);color:#fff;box-shadow:0 4px 16px #7180964d}.btn-manage:hover{transform:translateY(-2px);box-shadow:0 6px 24px #71809680}.btn-my-reservations{background:linear-gradient(135deg,#00d4ff,#09f);color:#fff;box-shadow:0 4px 16px #0099ff4d}.btn-my-reservations:hover{transform:translateY(-2px);box-shadow:0 6px 24px #0099ff80}.stats-summary{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-bottom:20px;width:100%;max-width:1600px;box-sizing:border-box}.summary-card{background:#fff;border-radius:12px;padding:16px;display:flex;align-items:center;gap:16px;box-shadow:0 4px 12px #001f3f1a;border:2px solid #e9ecef;transition:all .3s ease;box-sizing:border-box}.summary-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #001f3f33;border-color:#00d4ff}.summary-icon{font-size:40px;flex-shrink:0}.summary-details{flex:1}.summary-value{font-size:28px;font-weight:800;color:#001f3f;line-height:1;margin-bottom:6px}.summary-label{font-size:12px;color:#718096;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.loading-container,.error-container{text-align:center;padding:80px 40px;background:#fff;border-radius:20px;box-shadow:0 4px 16px #001f3f26;max-width:600px;margin:40px auto}.error-icon{font-size:80px;margin-bottom:24px;opacity:.5}.error-container h2{margin:0 0 24px;font-size:24px;font-weight:800;color:#001f3f}.btn-retry{padding:14px 28px;background:linear-gradient(135deg,#00d4ff,#09f);color:#fff;border:none;border-radius:12px;font-weight:700;font-size:15px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.05em}.btn-retry:hover{transform:translateY(-2px);box-shadow:0 6px 24px #0099ff80}@media(max-width:1640px){.timeline-page{padding:20px}}@media(max-width:768px){.timeline-page{padding:20px 10px}.page-header{flex-direction:column;align-items:flex-start}.header-actions{width:100%;flex-direction:column}.btn-manage,.btn-my-reservations{width:100%}.stats-summary{grid-template-columns:1fr}}.source-filter-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px 24px;margin-bottom:24px;box-shadow:0 2px 8px #00000014}.filter-label{font-size:14px;font-weight:700;color:#001f3f;margin:0 0 12px;display:block}.source-filter-buttons{display:flex;gap:12px;flex-wrap:wrap}.source-filter-btn{padding:10px 20px;background:#f7fafc;border:2px solid #e2e8f0;border-radius:8px;font-size:14px;font-weight:600;color:#4a5568;cursor:pointer;transition:all .2s;font-family:inherit}.source-filter-btn:hover{background:#edf2f7;border-color:#cbd5e0}.source-filter-btn.active{background:linear-gradient(135deg,#001f3f,#036);color:#fff;border-color:#001f3f;box-shadow:0 2px 8px #001f3f4d}.search-field{margin-top:16px;position:relative}.form-input{width:100%;padding:10px 12px;border:2px solid #e2e8f0;border-radius:8px;font-size:14px;font-family:inherit;transition:border-color .2s}.form-input:focus{outline:none;border-color:#001f3f;box-shadow:0 0 0 3px #001f3f1a}.search-input{padding-right:40px}.clear-search-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:#cbd5e0;border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#2d3748;font-size:14px;font-weight:600;transition:all .2s}.clear-search-btn:hover{background:#a0aec0;color:#fff}.notifications-page{min-height:calc(100vh - 70px);background:linear-gradient(135deg,#f5f7fa,#e9ecef);padding:2rem}.notifications-container{max-width:900px;margin:0 auto}.notifications-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.notifications-header h1{color:#001f3f;font-size:2rem;margin:0}.mark-all-read-btn{padding:.75rem 1.5rem;background:linear-gradient(135deg,#00d4ff,#09f);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.mark-all-read-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0099ff4d}.notifications-filters{display:flex;gap:1rem;margin-bottom:2rem;background:#fff;padding:1rem;border-radius:12px;box-shadow:0 2px 8px #0000001a}.filter-btn{flex:1;padding:.75rem 1.5rem;background:transparent;border:2px solid #e9ecef;border-radius:8px;color:#4a5568;font-weight:600;cursor:pointer;transition:all .2s}.filter-btn:hover{border-color:#00d4ff;color:#001f3f}.filter-btn.active{background:linear-gradient(135deg,#00d4ff,#09f);border-color:#00d4ff;color:#fff}.notifications-list{display:flex;flex-direction:column;gap:1rem}.notification-card{display:flex;gap:1.5rem;padding:1.5rem;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;cursor:pointer;transition:all .2s;border-left:4px solid transparent}.notification-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.notification-card.unread{background:linear-gradient(90deg,#e6f7ff,#fff);border-left-color:#00d4ff}.notification-icon-large{font-size:2.5rem;flex-shrink:0}.notification-details{flex:1}.notification-details h3{margin:0 0 .5rem;color:#001f3f;font-size:1.1rem}.notification-details p{margin:0 0 .75rem;color:#4a5568;line-height:1.6}.notification-date{color:#718096;font-size:.85rem}.mark-read-btn{padding:.5rem 1rem;background:#e9ecef;border:none;border-radius:6px;color:#4a5568;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.mark-read-btn:hover{background:#00d4ff;color:#fff}.no-notifications{text-align:center;padding:4rem 2rem;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a}.empty-icon{font-size:4rem;display:block;margin-bottom:1rem}.no-notifications h3{color:#001f3f;margin-bottom:.5rem}.no-notifications p{color:#718096}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;color:#001f3f}.spinner{border:4px solid #f3f3f3;border-top:4px solid #00d4ff;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite;margin-bottom:1rem}@media(max-width:768px){.notifications-page{padding:1rem}.notifications-header{flex-direction:column;gap:1rem;align-items:flex-start}.notifications-filters{flex-direction:column}.notification-card{flex-direction:column;gap:1rem}.mark-read-btn{width:100%}}.kit-detail-page{min-height:100vh;background:#f7fafc;padding:20px;max-width:1400px;margin:0 auto}.sections-grid-2col{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin:24px 0}.sections-grid-3col{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:24px 0}.kit-detail-page>div:not(:first-child):not(.breadcrumb):not(.sections-grid-2col):not(.sections-grid-3col){max-width:100%;margin:24px 0}@media(max-width:1200px){.sections-grid-3col{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.sections-grid-2col,.sections-grid-3col{grid-template-columns:1fr}.kit-detail-page{padding:16px}}.section-content{padding:1.5rem;background:#ffffffb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;height:100%}.section-title{font-size:1.35rem;font-weight:800;color:#2d3748;margin:0 0 1rem;display:flex;align-items:center;gap:.4rem;padding-bottom:.75rem;border-bottom:2px solid #e9ecef}.sections-grid-3col .section-content{padding:1.25rem}.sections-grid-3col .section-title{font-size:1.15rem;margin-bottom:.75rem}.short-description{margin-bottom:1.5rem}.short-description p{font-size:1.125rem;line-height:1.7;color:#4a5568;font-weight:500;margin:0}.components-content{color:#4a5568;font-size:1rem;line-height:1.8;column-count:2;column-gap:2rem}.components-content h2{font-size:1.5rem;font-weight:700;color:#2d3748;margin:1.5rem 0 1rem;column-span:all}.components-content h3{font-size:1.25rem;font-weight:600;color:#2d3748;margin:1.25rem 0 .75rem;break-after:avoid}.components-content p{margin:0 0 1rem;break-inside:avoid}.components-content ul,.components-content ol{margin:1rem 0;padding-left:2rem;break-inside:avoid}.components-content li{margin:.5rem 0}@media(max-width:768px){.components-content{column-count:1}}.components-content img{max-width:100%;height:auto;border-radius:8px;margin:1.5rem 0;display:block;box-shadow:0 4px 12px #0000001a}.components-content strong{font-weight:700;color:#2d3748}.components-content em{font-style:italic}.components-content u{text-decoration:underline}.breadcrumb{max-width:1200px;margin:0 auto 20px;display:flex;align-items:center;gap:8px;font-size:14px;color:#718096}.breadcrumb a{color:#667eea;text-decoration:none;transition:color .2s}.breadcrumb a:hover{color:#5568d3}.separator{color:#cbd5e0}.current{font-weight:600;color:#2d3748}.kit-hero{display:grid;grid-template-columns:450px 1fr;gap:32px;padding:32px;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px}@media(max-width:1024px){.kit-hero{grid-template-columns:1fr;padding:24px;gap:24px}}.hero-left{display:flex;flex-direction:column}.hero-right{display:flex;flex-direction:column;justify-content:space-between}.kit-image-large{width:100%;height:auto;border-radius:12px;overflow:hidden;background:linear-gradient(135deg,#667eea,#764ba2)}.kit-image-large img{width:100%;height:auto;object-fit:contain;display:block}.placeholder-large{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.placeholder-large .placeholder-icon{font-size:120px;opacity:.3}.kit-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.kit-title{font-size:28px;font-weight:800;color:#2d3748;margin:0;flex:1}.kit-ref{padding:8px 16px;background:#edf2f7;border-radius:12px;font-size:16px;font-weight:700;color:#667eea}.kit-status-section{margin-bottom:12px}.status-badge{display:inline-block;padding:10px 20px;border-radius:20px;font-size:15px;font-weight:700}.status-reserved{background:#fed7d7;color:#9b2c2c}.status-maintenance{background:#fef3c7;color:#92400e}.status-unavailable{background:#e5e7eb;color:#374151}.kit-description{margin-bottom:32px}.kit-description p{font-size:16px;line-height:1.7;color:#4a5568}.kit-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:16px}@media(max-width:768px){.kit-info-grid{grid-template-columns:1fr}}.info-item{display:flex;gap:10px;padding:12px;background:#f7fafc80;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:10px}.info-icon{font-size:28px}.info-content{display:flex;flex-direction:column;gap:4px}.info-label{font-size:12px;font-weight:600;color:#718096;text-transform:uppercase}.info-value{font-size:16px;font-weight:700;color:#2d3748}.certifications-section{margin-bottom:32px}.certifications-section h3{font-size:18px;font-weight:700;color:#2d3748;margin-bottom:12px}.cert-list{display:flex;flex-wrap:wrap;gap:8px}.cert-item{padding:8px 16px;background:#d1fae5;border-radius:12px;font-size:14px;font-weight:600;color:#065f46}.action-buttons{display:flex;gap:16px}.btn-reserve-large,.btn-back-large{flex:1;padding:16px 32px;border-radius:12px;font-size:16px;font-weight:700;text-decoration:none;text-align:center;transition:all .2s;border:none;cursor:pointer}.btn-reserve-large{background:#667eea;color:#fff}.btn-reserve-large:hover:not(.disabled){background:#5568d3;transform:translateY(-2px)}.btn-reserve-large.disabled{background:#cbd5e0;cursor:not-allowed;opacity:.6}.btn-back-large{background:#edf2f7;color:#2d3748}.btn-back-large:hover{background:#e2e8f0}.components-section{max-width:1200px;margin:40px auto 0}.components-section h2{font-size:28px;font-weight:800;color:#2d3748;margin-bottom:24px}.components-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.component-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #00000014;display:flex;gap:16px}.component-quantity{width:50px;height:50px;border-radius:12px;background:#667eea;color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;flex-shrink:0}.component-info h4{font-size:16px;font-weight:700;color:#2d3748;margin:0 0 8px}.component-info p{font-size:14px;color:#718096;margin:0 0 8px}.component-sn{font-size:12px;color:#a0aec0;font-family:monospace}.kit-class-section{background:#f7fafc;border-left:4px solid #667eea;padding:1rem;margin:1rem 0;border-radius:8px}.kit-class-section h3{font-size:1rem;font-weight:700;margin-bottom:.5rem;color:#2d3748}.class-info .class-name{font-size:1.25rem;font-weight:600;color:#667eea;margin-bottom:.5rem}.class-code{display:inline-block;background:#edf2f7;padding:.25rem .75rem;border-radius:4px;font-size:.875rem;font-weight:600;color:#4a5568;font-family:Courier New,monospace}.class-description{margin-top:.75rem;color:#718096;line-height:1.6}.maintenance-notes{background:#fffaf0;border:1px solid #feb2b2;border-radius:8px;padding:1rem;margin:1rem 0}.maintenance-notes h3{font-size:1rem;font-weight:700;margin-bottom:.5rem;color:#c53030}.maintenance-notes p{color:#744210;line-height:1.5;font-size:.95rem}.media-section{margin-top:1.5rem;padding:1.25rem;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a}.media-section h2{font-size:1.25rem;font-weight:700;margin-bottom:1rem;color:#2d3748}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem}.media-item{border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000001a}.media-item img,.media-item video{width:100%;height:auto;display:block}.media-title{padding:.75rem;background:#f7fafc;font-size:.875rem;font-weight:600;color:#4a5568;text-align:center}.additional-info-section{margin-top:1.5rem;padding:1.25rem;background:#f7fafc;border-radius:12px}.info-columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.25rem}.info-column h3{font-size:1rem;font-weight:700;margin-bottom:.5rem;color:#4a5568}.info-column p{font-size:.9375rem;color:#718096}.kit-short-description-section{background:#f0f9ff;border-left:4px solid #3b82f6;padding:1rem;margin:1rem 0;border-radius:8px}.kit-short-description-section h3{font-size:1rem;font-weight:700;margin-bottom:.5rem;color:#1e40af}.kit-short-description-section p{color:#1e3a8a;line-height:1.6;font-size:.95rem;margin:0}.kit-full-description-section{background:#fff;border:2px solid #e5e7eb;padding:1.25rem;margin:1rem 0;border-radius:12px}.kit-full-description-section h3{font-size:1.1rem;font-weight:700;margin-bottom:.75rem;color:#2d3748;padding-bottom:.5rem;border-bottom:2px solid #e5e7eb}.full-description-content{color:#4a5568;font-size:1rem;line-height:1.8}.full-description-content h2{font-size:1.5rem;font-weight:700;color:#2d3748;margin:1.5rem 0 1rem}.full-description-content h3{font-size:1.25rem;font-weight:600;color:#2d3748;margin:1.25rem 0 .75rem}.full-description-content p{margin:0 0 1rem}.full-description-content ul,.full-description-content ol{margin:1rem 0;padding-left:2rem}.full-description-content li{margin:.5rem 0}.full-description-content img{max-width:100%;height:auto;border-radius:8px;margin:1.5rem 0;display:block;box-shadow:0 4px 12px #0000001a}.full-description-content iframe{max-width:100%;border-radius:8px;margin:1.5rem 0;display:block;box-shadow:0 4px 12px #0000001a}.full-description-content strong{font-weight:700;color:#2d3748}.full-description-content em{font-style:italic}.full-description-content u{text-decoration:underline}.kit-dimensions-section{background:linear-gradient(135deg,#f0f4ff,#e0e7ff);border-left:4px solid #667eea;padding:1.25rem;margin:1rem 0;border-radius:12px;box-shadow:0 2px 6px #667eea26}.kit-dimensions-section h3{font-size:1.1rem;font-weight:700;margin-bottom:1rem;color:#2d3748;display:flex;align-items:center;gap:.5rem}.dimensions-grid{display:grid;grid-template-columns:1fr;gap:.75rem}.dimension-item{display:flex;align-items:center;gap:.75rem;background:#f7fafc80;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:.75rem;border-radius:8px;box-shadow:0 1px 3px #0000000f;transition:transform .2s ease,box-shadow .2s ease}.dimension-item:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001f}.dimension-icon{font-size:1.5rem;flex-shrink:0}.dimension-item>div{display:flex;flex-direction:column;gap:.25rem;flex:1}.dimension-label{font-size:.75rem;font-weight:600;color:#718096;text-transform:uppercase;letter-spacing:.5px}.dimension-value{font-size:1rem;font-weight:700;color:#2d3748}.kit-other-info-section{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-left:4px solid #10b981;padding:1.25rem;margin:1rem 0;border-radius:12px;box-shadow:0 2px 6px #10b98126}.kit-other-info-section h3{font-size:1.1rem;font-weight:700;margin-bottom:1rem;color:#2d3748;display:flex;align-items:center;gap:.5rem}.other-info-list{display:flex;flex-direction:column;gap:.5rem}.other-info-item{display:flex;align-items:flex-start;gap:.6rem;background:#f7fafc80;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:.65rem .85rem;border-radius:8px;box-shadow:0 1px 2px #0000000d;transition:transform .2s ease,box-shadow .2s ease}.other-info-item:hover{transform:translate(3px);box-shadow:0 2px 6px #0000001f}.info-icon-small{font-size:1.1rem;flex-shrink:0;line-height:1.5}.info-text{font-size:.875rem;color:#4a5568;line-height:1.5;flex:1}.info-text strong{font-weight:700;color:#2d3748;margin-right:.5rem}@media(max-width:768px){.dimensions-grid{grid-template-columns:1fr}.kit-dimensions-section,.kit-other-info-section{padding:1rem}.dimension-item,.other-info-item{padding:.75rem}}.admin-dashboard{padding:2rem;max-width:1600px;margin:0 auto;min-height:calc(100vh - 200px)}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem;padding:2.5rem;background:linear-gradient(135deg,#001f3f,#036);border-radius:20px;box-shadow:0 8px 32px #001f3f4d;position:relative;overflow:hidden}.dashboard-header:before{content:"";position:absolute;top:-50%;right:-10%;width:400px;height:400px;background:radial-gradient(circle,rgba(0,212,255,.15) 0%,transparent 70%);border-radius:50%}.dashboard-header h1{margin:0;font-size:2.5rem;color:#fff;font-weight:800;letter-spacing:.05em;text-shadow:0 2px 8px rgba(0,0,0,.3);position:relative;z-index:1}.welcome-text{margin:.75rem 0 0;color:#a0c4d9;font-size:1.125rem;font-weight:500;position:relative;z-index:1}.welcome-text strong{color:#00d4ff;font-weight:700}.btn-back-home{padding:1rem 2rem;background:linear-gradient(135deg,#00d4ff,#09f);color:#fff;border:none;border-radius:12px;font-weight:700;font-size:.875rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #0099ff4d;text-transform:uppercase;letter-spacing:.1em;position:relative;z-index:1}.btn-back-home:hover{transform:translateY(-3px);box-shadow:0 6px 24px #0099ff80;background:linear-gradient(135deg,#09f,#06c)}.admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;margin-bottom:3rem}.stat-card{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 4px 16px #001f3f26;display:flex;align-items:center;gap:1.5rem;transition:all .3s ease;border:2px solid transparent;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#00d4ff,#09f);opacity:0;transition:opacity .3s ease}.stat-card:hover{transform:translateY(-6px);box-shadow:0 8px 32px #0099ff4d;border-color:#00d4ff}.stat-card:hover:before{opacity:1}.stat-icon{font-size:3.5rem;filter:drop-shadow(0 2px 8px rgba(0,0,0,.15))}.stat-value{font-size:2.75rem;font-weight:800;background:linear-gradient(135deg,#001f3f,#036);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:.5rem}.stat-label{font-size:.9375rem;color:#718096;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.stat-breakdown{display:flex;flex-direction:column;gap:.25rem;margin-top:.75rem}.stat-mini{font-size:.75rem;color:#4a5568;font-weight:500}.analytics-section{background:#fff;border-radius:20px;padding:2.5rem;margin-bottom:3rem;box-shadow:0 4px 16px #001f3f26;border:2px solid #e9ecef}.analytics-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid #e9ecef}.analytics-header h2{margin:0;font-size:1.75rem;font-weight:800;color:#001f3f;letter-spacing:.025em}.analytics-actions{display:flex;gap:1rem;align-items:center}.btn-analytics{padding:1rem 2rem;background:linear-gradient(135deg,#00a3e0,#0086ba);color:#fff;border:none;border-radius:12px;font-weight:700;font-size:.875rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #00a3e04d;text-transform:uppercase;letter-spacing:.1em;text-decoration:none;display:inline-block}.btn-analytics:hover{transform:translateY(-3px);box-shadow:0 6px 24px #00a3e080;background:linear-gradient(135deg,#0086ba,#00205b)}.btn-matomo{padding:1rem 2rem;background:linear-gradient(135deg,#9f7aea,#805ad5);color:#fff;border:none;border-radius:12px;font-weight:700;font-size:.875rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #9f7aea4d;text-transform:uppercase;letter-spacing:.1em;text-decoration:none;display:inline-block}.btn-matomo:hover{transform:translateY(-3px);box-shadow:0 6px 24px #9f7aea80;background:linear-gradient(135deg,#805ad5,#6b46c1)}.analytics-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.analytics-card{background:linear-gradient(135deg,#f8f9fb,#fff);border-radius:16px;padding:2rem;border:2px solid #e9ecef;transition:all .3s ease;position:relative;overflow:hidden}.analytics-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#9f7aea,#805ad5);opacity:0;transition:opacity .3s ease}.analytics-card:hover{transform:translateY(-6px);box-shadow:0 8px 24px #9f7aea33;border-color:#9f7aea}.analytics-card:hover:before{opacity:1}.analytics-icon{font-size:3rem;margin-bottom:1rem;filter:drop-shadow(0 2px 8px rgba(0,0,0,.1))}.analytics-card h3{margin:0 0 .75rem;font-size:1.25rem;font-weight:800;color:#001f3f;letter-spacing:.025em}.analytics-card p{margin:0 0 1rem;font-size:.875rem;color:#718096;line-height:1.6}.analytics-features{margin:0;padding:0;list-style:none}.analytics-features li{font-size:.8125rem;color:#4a5568;font-weight:500;position:relative;padding:.5rem 0 .5rem 1.5rem}.analytics-features li:before{content:"✓";position:absolute;left:0;color:#9f7aea;font-weight:700}.admin-cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-bottom:3rem}.admin-card{background:#fff;border-radius:20px;padding:2.5rem;box-shadow:0 4px 16px #001f3f26;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;border:2px solid transparent}.admin-card:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,var(--card-color, #00d4ff) 0%,color-mix(in srgb,var(--card-color, #00d4ff) 70%,#000) 100%);opacity:0;transition:opacity .3s ease}.admin-card:hover{transform:translateY(-10px);box-shadow:0 12px 48px #001f3f40;border-color:var(--card-color, #00d4ff)}.admin-card:hover:before{opacity:1}.card-icon{font-size:4rem;margin-bottom:1.5rem;filter:drop-shadow(0 4px 12px rgba(0,0,0,.1));transition:transform .3s ease}.admin-card:hover .card-icon{transform:scale(1.1)}.card-title{font-size:1.5rem;font-weight:800;color:#001f3f;margin:0 0 1rem;letter-spacing:.025em}.card-description{color:#718096;font-size:.9375rem;margin:0;line-height:1.6}.card-arrow{position:absolute;bottom:2rem;right:2rem;font-size:2rem;background:linear-gradient(135deg,var(--card-color, #00d4ff) 0%,color-mix(in srgb,var(--card-color, #00d4ff) 70%,#000) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transition:all .3s ease}.admin-card:hover .card-arrow{transform:translate(12px)}.quick-actions{background:#fff;border-radius:20px;padding:2.5rem;box-shadow:0 4px 16px #001f3f26;border:2px solid #e9ecef}.quick-actions h2{margin:0 0 2rem;font-size:1.75rem;font-weight:800;color:#001f3f;letter-spacing:.025em}.quick-actions-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.quick-action-btn{padding:1.25rem 1.5rem;background:linear-gradient(135deg,#00d4ff,#09f);color:#fff;border:none;border-radius:12px;font-weight:700;font-size:.9375rem;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.05em;box-shadow:0 4px 16px #0099ff4d}.quick-action-btn:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0099ff80;background:linear-gradient(135deg,#09f,#06c)}@media(max-width:1400px){.admin-cards-grid{grid-template-columns:repeat(3,1fr)}.quick-actions-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:1024px){.admin-cards-grid{grid-template-columns:repeat(2,1fr)}.admin-stats{grid-template-columns:repeat(3,1fr)}.analytics-cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.admin-dashboard{padding:1rem}.dashboard-header{flex-direction:column;align-items:flex-start;gap:1.5rem;padding:1.5rem}.dashboard-header h1{font-size:1.75rem}.admin-stats{grid-template-columns:1fr;gap:1rem}.admin-cards-grid,.quick-actions-grid{grid-template-columns:1fr}.analytics-section{padding:1.5rem}.analytics-header{flex-direction:column;align-items:flex-start;gap:1rem}.analytics-actions{flex-direction:column;width:100%}.analytics-cards{grid-template-columns:1fr}.btn-matomo,.btn-analytics{width:100%;text-align:center}}.pending-reservations-widget{background:#fff;border-radius:20px;padding:2rem;margin-bottom:2rem;box-shadow:0 4px 16px #001f3f26;border:2px solid #e9ecef;border-left:4px solid #ed8936}.widget-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #e9ecef}.widget-header h2{margin:0;font-size:20px;font-weight:800;color:#001f3f}.btn-view-all-reservations{padding:10px 20px;background:linear-gradient(135deg,#00d4ff,#09f);color:#fff;text-decoration:none;border-radius:10px;font-weight:700;font-size:13px;transition:all .3s ease;text-transform:uppercase;letter-spacing:.05em}.btn-view-all-reservations:hover{transform:translateY(-2px);box-shadow:0 4px 12px #09f6}.reservations-list{display:flex;flex-direction:column;gap:1rem}.reservation-item{display:flex;justify-content:space-between;align-items:center;padding:1.25rem;background:linear-gradient(135deg,#fff4e6,#ffe4cc);border-radius:12px;border-left:4px solid #ed8936;transition:all .3s ease}.reservation-item:hover{transform:translate(4px);box-shadow:0 4px 12px #ed893633}.reservation-info{flex:1;min-width:0}.reservation-main h4{margin:0 0 8px;font-size:16px;font-weight:800;color:#001f3f}.reservation-meta{display:flex;flex-wrap:wrap;gap:16px;font-size:13px;color:#4a5568;margin-bottom:4px}.reservation-client{margin:8px 0 0;font-size:13px;color:#744210;font-weight:600}.reservation-actions{display:flex;gap:8px;flex-shrink:0}.btn-res-action{width:40px;height:40px;border-radius:10px;border:none;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;font-size:18px;text-decoration:none}.btn-res-action.btn-view{background:#fff;color:#09f;border:2px solid #0099ff}.btn-res-action.btn-view:hover{background:#09f;color:#fff;transform:scale(1.1)}.btn-res-action.btn-approve{background:#fff;color:#48bb78;border:2px solid #48bb78}.btn-res-action.btn-approve:hover{background:#48bb78;color:#fff;transform:scale(1.1)}.btn-res-action.btn-reject{background:#fff;color:#f56565;border:2px solid #f56565}.btn-res-action.btn-reject:hover{background:#f56565;color:#fff;transform:scale(1.1)}@media(max-width:768px){.pending-reservations-widget{padding:1.5rem}.widget-header,.reservation-item{flex-direction:column;align-items:flex-start;gap:1rem}.reservation-actions{width:100%;justify-content:flex-end}.reservation-meta{flex-direction:column;gap:8px}}.manage-scenarios-page{max-width:1600px;margin:0 auto;padding:2rem;background:#f8f9fa;min-height:100vh}.page-header{background:#fff;padding:2rem;border-radius:12px;margin-bottom:2rem;box-shadow:0 2px 8px #0000001a;display:flex;justify-content:space-between;align-items:center}.header-left h1{font-size:1.75rem;font-weight:700;color:#fff;margin:0 0 .5rem}.page-description{font-size:.9375rem;color:#718096;margin:0}.btn-primary,.btn-secondary{padding:.75rem 1.5rem;border-radius:8px;font-weight:600;border:none;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.btn-secondary{background:#e2e8f0;color:#4a5568}.stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;align-items:center;gap:1rem}.stat-icon{font-size:2.5rem;opacity:.8}.stat-value{font-size:2rem;font-weight:700;color:#2d3748;line-height:1;margin-bottom:.25rem}.stat-label{font-size:.875rem;color:#718096;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.table-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden}.scenarios-table{width:100%;border-collapse:collapse}.scenarios-table thead{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.scenarios-table th{padding:1rem 1.5rem;text-align:left;font-weight:600;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px}.scenarios-table tbody tr{border-bottom:1px solid #e2e8f0;transition:background .2s ease}.scenarios-table tbody tr:hover{background:#f7fafc}.scenarios-table tbody tr:last-child{border-bottom:none}.scenarios-table td{padding:1rem 1.5rem;vertical-align:middle}.title-cell{max-width:300px}.title-wrapper{display:flex;flex-direction:column;gap:.25rem}.title-wrapper strong{color:#2d3748;font-size:.9375rem}.description-preview{color:#718096;font-size:.8125rem;line-height:1.4}.tech-badge{display:inline-block;padding:.375rem .75rem;background:#edf2f7;color:#4a5568;border-radius:6px;font-size:.8125rem;font-weight:600}.class-badge{display:inline-block;padding:.375rem .75rem;background:#e0f2fe;color:#075985;border-radius:6px;font-size:.8125rem;font-weight:600}.complexity-badge{display:inline-block;padding:.375rem .75rem;border-radius:6px;font-size:.8125rem;font-weight:600;text-transform:capitalize}.complexity-easy{background:#c6f6d5;color:#22543d}.complexity-medium{background:#feebc8;color:#7c2d12}.complexity-expert{background:#fed7d7;color:#742a2a}.durations-cell{display:flex;flex-wrap:wrap;gap:.375rem}.duration-badge{display:inline-block;padding:.25rem .5rem;background:#e6fffa;color:#234e52;border-radius:4px;font-size:.75rem;font-weight:600}.status-badge{display:inline-block;padding:.5rem 1rem;border-radius:6px;font-size:.8125rem;font-weight:600;border:none;cursor:pointer;transition:all .3s ease}.status-published{background:#c6f6d5;color:#22543d}.status-published:hover{background:#9ae6b4}.status-draft{background:#e2e8f0;color:#4a5568}.status-draft:hover{background:#cbd5e0}.date-cell{color:#718096;font-size:.875rem;white-space:nowrap}.actions-cell{text-align:right}.action-buttons{display:flex;gap:.5rem;justify-content:flex-end}.btn-action{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:8px;border:none;cursor:pointer;transition:all .3s ease;font-size:1.125rem;text-decoration:none}.btn-edit{background:#bee3f8;color:#2c5282}.btn-edit:hover{background:#90cdf4;transform:translateY(-2px)}.btn-view{background:#d6bcfa;color:#44337a}.btn-view:hover{background:#b794f4;transform:translateY(-2px)}.btn-delete{background:#fed7d7;color:#742a2a}.btn-delete:hover{background:#fc8181;transform:translateY(-2px)}.empty-state{background:#fff;padding:4rem 2rem;border-radius:12px;text-align:center;box-shadow:0 2px 8px #00000014}.empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.empty-state h2{font-size:1.5rem;font-weight:700;color:#2d3748;margin-bottom:.5rem}.empty-state p{color:#718096;margin-bottom:1.5rem}.error-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;max-width:600px;padding:3rem}.text-muted{color:#a0aec0}@media(max-width:1200px){.scenarios-table{font-size:.875rem}.scenarios-table th,.scenarios-table td{padding:.75rem 1rem}}@media(max-width:768px){.manage-scenarios-page{padding:1rem}.page-header{flex-direction:column;gap:1rem;align-items:flex-start}.header-actions{width:100%;flex-direction:column}.btn-primary,.btn-secondary{width:100%;text-align:center}.stats-row{grid-template-columns:1fr}.table-container{overflow-x:auto}.scenarios-table{min-width:800px}}.rich-text-editor{border:2px solid #D1D5DB;border-radius:8px;overflow:hidden;background:#fff;transition:border-color .2s ease}.rich-text-editor:focus-within{border-color:#005eb8;box-shadow:0 0 0 3px #005eb81a}.editor-toolbar{display:flex;flex-wrap:wrap;gap:4px;padding:8px;background:#f5f7fa;border-bottom:1px solid #D1D5DB}.editor-toolbar button{padding:6px 10px;background:#fff;border:1px solid #D1D5DB;border-radius:4px;cursor:pointer;font-size:14px;font-weight:600;color:#4b5563;transition:all .2s ease;min-width:32px;height:32px;display:flex;align-items:center;justify-content:center}.editor-toolbar button:hover{background:#e6f0fa;border-color:#005eb8;color:#005eb8}.editor-toolbar button.is-active{background:#005eb8;border-color:#005eb8;color:#fff}.toolbar-separator{width:1px;height:32px;background:#d1d5db;margin:0 4px}.editor-content{min-height:120px;max-height:400px;overflow-y:auto}.editor-content .ProseMirror{padding:12px 16px;outline:none;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px;line-height:1.6;color:#1f2937}.rich-text-editor.two-column .editor-content{max-height:600px}.rich-text-editor.two-column .editor-content .ProseMirror{column-count:2;column-gap:2rem;column-rule:1px solid #E5E7EB}.rich-text-editor.two-column .editor-content .ProseMirror h2,.rich-text-editor.two-column .editor-content .ProseMirror h3{column-span:all;break-after:avoid}.rich-text-editor.two-column .editor-content .ProseMirror p,.rich-text-editor.two-column .editor-content .ProseMirror ul,.rich-text-editor.two-column .editor-content .ProseMirror ol{break-inside:avoid}@media(max-width:768px){.rich-text-editor.two-column .editor-content .ProseMirror{column-count:1}}.editor-content .ProseMirror p{margin:0 0 8px}.editor-content .ProseMirror p:last-child{margin-bottom:0}.editor-content .ProseMirror h2{font-size:20px;font-weight:700;margin:16px 0 8px;color:#1f2937}.editor-content .ProseMirror h3{font-size:18px;font-weight:600;margin:12px 0 6px;color:#1f2937}.editor-content .ProseMirror ul,.editor-content .ProseMirror ol{padding-left:24px;margin:8px 0}.editor-content .ProseMirror li{margin:4px 0}.editor-content .ProseMirror strong{font-weight:700}.editor-content .ProseMirror em{font-style:italic}.editor-content .ProseMirror u{text-decoration:underline}.editor-content .ProseMirror p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;color:#9ca3af;pointer-events:none;height:0}.editor-content::-webkit-scrollbar{width:8px}.editor-content::-webkit-scrollbar-track{background:#f5f7fa}.editor-content::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.editor-content::-webkit-scrollbar-thumb:hover{background:#9ca3af}.editor-content .ProseMirror img{max-width:100%;height:auto;border-radius:8px;margin:12px 0;display:block;cursor:pointer}.editor-content .ProseMirror img.ProseMirror-selectednode{outline:3px solid #005EB8;outline-offset:2px}.editor-content .ProseMirror iframe{max-width:100%;border-radius:8px;margin:12px 0;display:block}.editor-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease}.editor-modal{background:#fff;border-radius:12px;padding:24px;max-width:500px;width:90%;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease}.editor-modal h3{margin:0 0 16px;font-size:18px;font-weight:700;color:#1f2937}.editor-modal input{width:100%;padding:12px 16px;border:2px solid #D1D5DB;border-radius:8px;font-size:15px;font-family:Inter,sans-serif;transition:all .2s ease;margin-bottom:16px}.editor-modal input:focus{outline:none;border-color:#005eb8;box-shadow:0 0 0 3px #005eb81a}.editor-modal-actions{display:flex;gap:12px;justify-content:flex-end}.editor-modal-actions button{padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.editor-modal-actions button:first-child{background:#e5e7eb;color:#374151}.editor-modal-actions button:first-child:hover{background:#d1d5db}.editor-modal-actions button.btn-primary{background:#005eb8;color:#fff}.editor-modal-actions button.btn-primary:hover{background:#004494;transform:translateY(-1px);box-shadow:0 4px 12px #005eb84d}.editor-modal-actions button.btn-primary:disabled{background:#d1d5db;color:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}.color-buttons{display:flex;gap:2px}.color-btn{padding:6px 8px!important;min-width:28px!important;font-weight:700!important;font-size:16px!important}.color-btn:hover{transform:scale(1.1)}.editor-content .ProseMirror a{color:#005eb8;text-decoration:underline;cursor:pointer;transition:color .2s ease}.editor-content .ProseMirror a:hover{color:#004494;text-decoration:none}.modal-section{margin-bottom:20px}.modal-section h4{font-size:14px;font-weight:600;color:#374151;margin:0 0 12px}.modal-section label{display:block;font-size:14px;font-weight:600;color:#374151;margin-bottom:8px}.modal-divider{text-align:center;color:#9ca3af;font-size:12px;font-weight:600;margin:20px 0;position:relative}.modal-divider:before,.modal-divider:after{content:"";position:absolute;top:50%;width:40%;height:1px;background:#d1d5db}.btn-upload{width:100%;padding:12px 20px;background:linear-gradient(135deg,#005eb8,#004494);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #005eb833}.btn-upload:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #005eb84d}.btn-upload:disabled{background:#d1d5db;cursor:not-allowed;transform:none;box-shadow:none}.upload-note{font-size:12px;color:#6b7280;margin-top:8px;text-align:center}.editor-content .ProseMirror video{max-width:100%;height:auto;border-radius:8px;margin:12px 0;display:block;box-shadow:0 4px 12px #0000001a}.image-upload{margin:16px 0}.upload-label{display:block;cursor:pointer}.upload-input{display:none}.upload-button{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px 24px;background:#667eea;color:#fff;border-radius:8px;font-weight:600;transition:all .2s}.upload-button:hover{background:#5568d3;transform:translateY(-2px)}.upload-label:active .upload-button{transform:translateY(0)}.spinner-small{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.upload-error{margin-top:8px;padding:8px 12px;background:#fee2e2;border:1px solid #f56565;border-radius:6px;color:#9b2c2c;font-size:14px}.language-tabs-container{margin:20px 0;border:2px solid #e2e8f0;border-radius:12px;overflow:hidden;background:#fff}.language-tabs-header{display:flex;background:#f7fafc;border-bottom:2px solid #e2e8f0}.language-tab{flex:1;padding:12px 20px;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;font-size:15px;font-weight:600;color:#718096;transition:all .2s;position:relative}.language-tab:hover{background:#edf2f7;color:#2d3748}.language-tab.active{background:#fff;color:#667eea;border-bottom:3px solid #667eea}.tab-flag{font-size:20px}.tab-label{font-size:14px;font-weight:700;text-transform:uppercase}.language-tabs-content{padding:24px}.language-tabs-info{padding:12px 20px;background:#f0f9ff;border-top:1px solid #e2e8f0;display:flex;align-items:center;gap:8px;font-size:13px;color:#1e40af}.info-icon{font-size:16px}.info-text{font-weight:500}@media(max-width:768px){.language-tab{padding:10px;font-size:13px}.tab-flag{font-size:18px}.tab-label{font-size:12px}.language-tabs-content{padding:16px}}.snipeit-kits-tab{padding:2rem}.tab-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #E5E7EB}.tab-header h2{margin:0;font-size:1.5rem;font-weight:700;color:#00205b}.btn-sync{background:linear-gradient(135deg,#00a3e0,#0086ba);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-sync:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #00a3e04d}.btn-sync:disabled{opacity:.6;cursor:not-allowed}.btn-external{background:#fff;color:#00205b;border:2px solid #00A3E0;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;text-decoration:none;transition:all .3s ease}.btn-external:hover{background:#f0f9ff;transform:translateY(-2px)}.sync-message{padding:1rem 1.5rem;border-radius:8px;margin-bottom:1.5rem;font-weight:600}.sync-message.success{background:#d1fae5;color:#065f46;border-left:4px solid #10B981}.sync-message.error{background:#fee2e2;color:#991b1b;border-left:4px solid #EF4444}.info-banner{display:flex;gap:1.5rem;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);padding:2rem;border-radius:12px;margin-bottom:2rem;border-left:4px solid #00A3E0}.info-icon{font-size:2.5rem;flex-shrink:0}.info-content h3{margin:0 0 .5rem;font-size:1.25rem;font-weight:700;color:#00205b}.info-content p{margin:.5rem 0;color:#4b5563;line-height:1.6}.kits-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.kit-card{background:#fff;border-radius:12px;box-shadow:0 4px 16px #001f3f1a;overflow:hidden;transition:all .3s ease;position:relative}.kit-card.snipeit-kit{border:2px solid #00A3E0}.kit-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #001f3f26}.sync-badge{position:absolute;top:1rem;right:1rem;background:linear-gradient(135deg,#00a3e0,#0086ba);color:#fff;padding:.4rem .8rem;border-radius:6px;font-size:.75rem;font-weight:700;z-index:1}.kit-banner{height:200px;overflow:hidden;background:#f3f4f6}.kit-banner img{width:100%;height:100%;object-fit:cover}.kit-header{display:flex;justify-content:space-between;align-items:flex-start;padding:1.5rem;gap:1rem}.kit-header h3{margin:0;font-size:1.125rem;font-weight:700;color:#00205b;flex:1}.status-badge{padding:.4rem .8rem;border-radius:6px;font-size:.75rem;font-weight:700;text-transform:uppercase}.status-available{background:#d1fae5;color:#065f46}.status-reserved{background:#fef3c7;color:#92400e}.status-maintenance{background:#dbeafe;color:#1e40af}.status-unavailable{background:#fee2e2;color:#991b1b}.kit-body{padding:0 1.5rem 1.5rem}.kit-body p{margin:.5rem 0;font-size:.9rem;color:#4b5563}.kit-body strong{color:#00205b;font-weight:600}.sync-info{margin-top:1rem;padding-top:1rem;border-top:1px solid #E5E7EB;font-size:.85rem;color:#6b7280}.empty-state{text-align:center;padding:4rem 2rem;background:#fff;border-radius:12px;box-shadow:0 4px 16px #001f3f1a}.empty-state h3{margin:0 0 .5rem;font-size:1.5rem;font-weight:700;color:#00205b}.empty-state p{margin:0 0 2rem;color:#6b7280;font-size:1rem}.loading{text-align:center;padding:3rem;font-size:1.125rem;color:#6b7280}@media(max-width:768px){.snipeit-kits-tab{padding:1rem}.tab-header{flex-direction:column;align-items:flex-start;gap:1rem}.header-actions{flex-direction:column;width:100%}.btn-sync,.btn-external{width:100%;text-align:center}.info-banner{flex-direction:column;padding:1.5rem}.kits-grid{grid-template-columns:1fr}}.associations-page{padding:2rem}.associations-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #E5E7EB}.associations-header h2{margin:0;font-size:1.5rem;font-weight:700;color:#00205b}.manage-kits-page{padding:2rem;max-width:1400px;margin:0 auto;min-height:calc(100vh - 200px)}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:2rem;background:linear-gradient(135deg,#001f3f,#036);border-radius:16px;box-shadow:0 8px 32px #001f3f4d;position:relative;overflow:hidden}.page-header:before{content:"";position:absolute;top:-50%;right:-10%;width:300px;height:300px;background:radial-gradient(circle,rgba(0,212,255,.15) 0%,transparent 70%);border-radius:50%}.page-header h1{margin:0;font-size:2rem;color:#fff;font-weight:700;letter-spacing:.05em;text-shadow:0 2px 8px rgba(0,0,0,.3);position:relative;z-index:1}.btn-primary{padding:.875rem 1.75rem;background:linear-gradient(135deg,#00d4ff,#09f);color:#fff;border:none;border-radius:12px;font-weight:700;font-size:.875rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #0099ff4d;text-transform:uppercase;letter-spacing:.1em;position:relative;z-index:1}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 6px 24px #0099ff80;background:linear-gradient(135deg,#09f,#06c)}.btn-primary:active{transform:translateY(-1px)}.kits-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:2rem;margin-bottom:2rem}.kit-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 16px #001f3f26;transition:all .3s ease;border:2px solid transparent;position:relative;display:flex;flex-direction:column;height:500px}.kit-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#00d4ff,#09f);opacity:0;transition:opacity .3s ease}.kit-card:hover{transform:translateY(-8px);box-shadow:0 12px 40px #0099ff4d;border-color:#00d4ff}.kit-card:hover:before{opacity:1}.kit-banner{width:100%;height:200px;overflow:hidden;background:#f8f9fa;display:flex;align-items:center;justify-content:center}.kit-banner img{width:100%;height:100%;object-fit:cover;display:block}.kit-header{padding:1.75rem 1.75rem 1.25rem;background:linear-gradient(135deg,#f8f9fa,#e9ecef);display:flex;justify-content:space-between;align-items:flex-start;border-bottom:2px solid #dee2e6}.kit-header h3{margin:0;font-size:1.375rem;color:#001f3f;font-weight:700;flex:1;letter-spacing:.025em}.status-badge{padding:.375rem .875rem;border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;box-shadow:0 2px 8px #00000026}.status-badge.status-available{background:linear-gradient(135deg,#38b2ac,#319795);color:#fff}.status-badge.status-reserved{background:linear-gradient(135deg,#ed8936,#dd6b20);color:#fff}.status-badge.status-maintenance{background:linear-gradient(135deg,#fc8181,#f56565);color:#fff}.status-badge.status-unavailable{background:linear-gradient(135deg,#718096,#4a5568);color:#fff}.kit-body{padding:1.75rem;flex:1;overflow-y:auto}.kit-body p{margin:0 0 1rem;color:#4a5568;font-size:.9375rem;line-height:1.6}.kit-body p:last-child{margin-bottom:0}.kit-body p strong{color:#001f3f;font-weight:700;display:inline-block;min-width:110px}.kit-description{margin-top:1.25rem;padding-top:1.25rem;border-top:2px solid #e9ecef;color:#718096!important;font-style:italic;line-height:1.7}.kit-short-description{margin-top:1.25rem;padding-top:1.25rem;border-top:2px solid #e9ecef}.kit-short-description strong{display:block;margin-bottom:.5rem;color:#001f3f;font-weight:700}.kit-short-description p{color:#4a5568!important;font-size:.9375rem;line-height:1.6;margin:0}.kit-full-description{margin-top:1.25rem;padding-top:1.25rem;border-top:2px solid #e9ecef}.kit-full-description strong{display:block;margin-bottom:.75rem;color:#001f3f;font-weight:700}.kit-full-description div{color:#4a5568;font-size:.9375rem;line-height:1.7}.kit-full-description div h2{font-size:1.125rem;font-weight:700;color:#001f3f;margin:1rem 0 .5rem}.kit-full-description div h3{font-size:1rem;font-weight:600;color:#001f3f;margin:.875rem 0 .375rem}.kit-full-description div p{margin:0 0 .75rem}.kit-full-description div ul,.kit-full-description div ol{margin:.75rem 0;padding-left:1.5rem}.kit-full-description div li{margin:.25rem 0}.kit-full-description div img{max-width:100%;height:auto;border-radius:8px;margin:1rem 0;display:block}.kit-full-description div iframe{max-width:100%;border-radius:8px;margin:1rem 0;display:block}.kit-actions{display:grid;grid-template-columns:1fr 1fr;gap:0;background:#f8f9fa;border-top:2px solid #e9ecef}.btn-edit,.btn-delete{padding:1rem;border:none;cursor:pointer;font-size:.875rem;font-weight:700;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;text-transform:uppercase;letter-spacing:.05em}.btn-edit{background:linear-gradient(135deg,#00205b,#036);color:#fff;border-right:1px solid #e9ecef}.btn-edit:hover{background:linear-gradient(135deg,#036,#048);transform:scale(1.05);box-shadow:0 4px 12px #0366}.btn-delete{background:linear-gradient(135deg,#c62828,#d32f2f);color:#fff}.btn-delete:hover{background:linear-gradient(135deg,#d32f2f,#e53935);transform:scale(1.05);box-shadow:0 4px 12px #d32f2f66}.empty-state{text-align:center;padding:5rem 2rem;background:#fff;border-radius:16px;box-shadow:0 4px 16px #001f3f26;border:2px dashed #cbd5e0}.empty-state p{margin:0 0 2rem;font-size:1.25rem;color:#718096}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#001f3fcc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .3s}.modal-content{background:#fff;border-radius:20px;box-shadow:0 24px 80px #001f3f80;max-width:650px;width:90%;max-height:90vh;overflow-y:auto;animation:slideUp .3s;border:2px solid #00d4ff}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:2rem;background:linear-gradient(135deg,#001f3f,#036);color:#fff}.modal-header h2{margin:0;font-size:1.75rem;font-weight:700;letter-spacing:.05em}.btn-close{width:44px;height:44px;border:none;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;cursor:pointer;font-size:1.5rem;color:#fff;transition:all .3s ease}.btn-close:hover{background:#fff3;transform:rotate(90deg)}.form-group{margin-bottom:1.75rem}.form-group label{display:block;margin-bottom:.75rem;font-weight:700;color:#001f3f;font-size:.9375rem;text-transform:uppercase;letter-spacing:.05em}.form-group input,.form-group textarea,.form-group select{width:100%;padding:.875rem 1rem;border:2px solid #cbd5e0;border-radius:12px;font-size:.9375rem;transition:all .3s ease;font-family:inherit}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#00d4ff;box-shadow:0 0 0 4px #00d4ff1a}.form-group textarea{resize:vertical;min-height:100px}.modal-actions{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:2rem;padding-top:2rem;border-top:2px solid #e9ecef}.btn-secondary{padding:.875rem 1.75rem;background:#e9ecef;color:#001f3f;border:none;border-radius:12px;font-weight:700;font-size:.875rem;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.1em}.btn-secondary:hover{background:#cbd5e0;transform:translateY(-2px)}.loading{text-align:center;padding:5rem 2rem;font-size:1.25rem;color:#718096}.error-container{text-align:center;padding:5rem 2rem;background:#fff;border-radius:16px;box-shadow:0 4px 16px #001f3f26;max-width:600px;margin:0 auto;border:2px solid #fc8181}.error-container p{margin:0;color:#718096;font-size:1.125rem}.banner-image-preview{border:2px solid #cbd5e0;border-radius:12px;overflow:hidden;position:relative}.banner-image-preview img{width:100%;height:200px;object-fit:cover;display:block}.btn-remove-banner{width:100%;padding:.875rem;background:linear-gradient(135deg,#fc8181,#f56565);color:#fff;border:none;font-weight:700;font-size:.875rem;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.05em}.btn-remove-banner:hover{background:linear-gradient(135deg,#f56565,#e53e3e);transform:scale(1.02)}@media(max-width:768px){.manage-kits-page{padding:1rem}.page-header{flex-direction:column;align-items:flex-start;gap:1rem;padding:1.5rem}.page-header h1{font-size:1.5rem}.kits-grid{grid-template-columns:1fr}.modal-content{width:95%}.modal-actions,.form-row{grid-template-columns:1fr}}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-section-title{font-size:1rem;font-weight:700;color:#001f3f;text-transform:uppercase;letter-spacing:.05em;margin:2rem 0 1rem;padding-bottom:.75rem;border-bottom:2px solid #e9ecef}.checkbox-group{margin-bottom:1rem}.checkbox-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;padding:.75rem;border-radius:8px;transition:all .2s ease}.checkbox-label:hover{background:#f8f9fa}.checkbox-label input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#2563eb}.checkbox-label span{font-size:.9375rem;color:#4a5568;font-weight:500}.manage-kits-container{max-width:1600px;margin:0 auto}.kits-tabs-navigation{display:flex;gap:.5rem;background:#fff;padding:1rem;border-radius:12px 12px 0 0;box-shadow:0 2px 8px #001f3f14;margin-bottom:-1px}.kit-tab-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:transparent;border:none;border-radius:8px;font-size:1rem;font-weight:600;color:#6b7280;cursor:pointer;transition:all .3s ease;position:relative}.kit-tab-button:hover{background:#f3f4f6;color:#00205b}.kit-tab-button.active{background:linear-gradient(135deg,#00a3e0,#0086ba);color:#fff;box-shadow:0 4px 12px #00a3e04d}.kit-tab-button.active .tab-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.tab-icon{font-size:1.25rem}.tab-label{white-space:nowrap}.kits-tab-content{background:#fff;border-radius:0 0 12px 12px;box-shadow:0 4px 20px #001f3f14;overflow:hidden}.associations-page{min-height:calc(100vh - 200px);background:linear-gradient(180deg,#f7fafc,#edf2f7);padding:40px 0}.associations-container{max-width:1600px;margin:0 auto;padding:0 20px}.btn-create-association{padding:12px 24px;background:linear-gradient(135deg,#38a169,#2f855a);color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:700;cursor:pointer;transition:all .3s;box-shadow:0 2px 8px #38a1694d}.btn-create-association:hover{transform:translateY(-2px);box-shadow:0 4px 12px #38a16966}.create-form-container{background:#fff;border-radius:12px;padding:32px;margin-bottom:32px;box-shadow:0 2px 12px #00000014;border:2px solid #38a169}.create-form-container h3{margin:0 0 24px;color:#001f3f;font-size:1.5rem;font-weight:700}.association-form{display:flex;flex-direction:column;gap:20px}.form-error{padding:12px 16px;background:#fed7d7;border:1px solid #fc8181;border-radius:8px;color:#c53030;font-weight:600}.form-row{display:grid;grid-template-columns:1fr auto 1fr;gap:20px;align-items:start}.form-arrow{font-size:2rem;color:#4a5568;padding-top:32px;font-weight:700}.form-group label{font-weight:700;color:#001f3f;font-size:.9375rem}.form-group select,.form-group textarea{padding:12px;border:2px solid #e2e8f0;border-radius:8px;font-size:.9375rem;font-family:inherit;transition:border-color .2s}.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#38a169;box-shadow:0 0 0 3px #38a1691a}.form-group select:disabled,.form-group textarea:disabled{background:#f7fafc;cursor:not-allowed}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:8px}.btn-cancel,.btn-submit{padding:12px 24px;border:none;border-radius:8px;font-size:.9375rem;font-weight:700;cursor:pointer;transition:all .2s}.btn-cancel{background:#edf2f7;color:#4a5568}.btn-submit{background:linear-gradient(135deg,#38a169,#2f855a);color:#fff;box-shadow:0 2px 8px #38a1694d}.btn-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #38a16966}.btn-submit:disabled{opacity:.6;cursor:not-allowed}.associations-list{background:#fff;border-radius:12px;padding:32px;box-shadow:0 2px 12px #00000014}.associations-list h3{margin:0 0 24px;color:#001f3f;font-size:1.5rem;font-weight:700}.no-associations{text-align:center;padding:64px 32px}.no-associations-icon{font-size:4rem;margin-bottom:16px}.no-associations h4{margin:0 0 8px;color:#001f3f;font-size:1.5rem}.no-associations p{color:#718096;margin-bottom:24px}.btn-create-first{padding:12px 32px;background:linear-gradient(135deg,#38a169,#2f855a);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #38a1694d}.btn-create-first:hover{transform:translateY(-2px);box-shadow:0 4px 12px #38a16966}.associations-table{display:flex;flex-direction:column;gap:20px}.association-row{display:grid;grid-template-columns:1fr auto 1fr;gap:24px;padding:24px;background:#f7fafc;border-radius:12px;border:2px solid #e2e8f0;transition:all .2s}.association-row:hover{border-color:#cbd5e0;box-shadow:0 2px 8px #0000000f}.kit-info{display:flex;flex-direction:column;gap:8px}.kit-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;width:fit-content;margin-bottom:4px}.manual-kit .kit-badge{background:linear-gradient(135deg,#4299e1,#3182ce);color:#fff}.snipeit-kit .kit-badge{background:linear-gradient(135deg,#48bb78,#38a169);color:#fff}.kit-info h4{margin:0;color:#001f3f;font-size:1.125rem;font-weight:700}.kit-reference{margin:0;color:#4a5568;font-size:.875rem;font-weight:600}.kit-location{margin:0;color:#718096;font-size:.875rem}.kit-status{display:inline-block;padding:4px 12px;border-radius:16px;font-size:.75rem;font-weight:700;text-transform:capitalize;width:fit-content;margin-top:4px}.kit-status.status-available{background:#c6f6d5;color:#22543d}.kit-status.status-reserved{background:#feebc8;color:#7c2d12}.kit-status.status-maintenance{background:#fed7d7;color:#742a2a}.kit-status.status-unavailable,.kit-status.status-retired{background:#e2e8f0;color:#2d3748}.association-link{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:0 16px}.link-arrow{font-size:2rem;color:#4a5568;font-weight:700}.availability-indicator{padding:6px 12px;border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.availability-indicator.both_available{background:#c6f6d5;color:#22543d}.availability-indicator.one_available{background:#feebc8;color:#7c2d12}.availability-indicator.none_available{background:#fed7d7;color:#742a2a}.association-details{grid-column:1 / -1;padding-top:16px;border-top:2px solid #e2e8f0;display:flex;flex-direction:column;gap:12px}.notes{padding:12px;background:#fff;border-radius:8px;border:1px solid #e2e8f0;font-size:.9375rem;color:#4a5568}.notes strong{color:#001f3f;display:block;margin-bottom:4px}.association-meta{display:flex;gap:16px;font-size:.8125rem;color:#718096}.created-date,.created-by{font-weight:600}.association-actions{display:flex;gap:8px}.btn-edit,.btn-delete{padding:6px 12px;border:none;border-radius:6px;font-size:.8125rem;font-weight:700;cursor:pointer;transition:all .2s}.btn-edit{background:#edf2f7;color:#4a5568}.btn-edit:hover{background:#e2e8f0}.btn-delete{background:#fed7d7;color:#c53030}.btn-delete:hover{background:#fc8181;color:#fff}.edit-notes{display:flex;flex-direction:column;gap:8px}.edit-notes textarea{padding:12px;border:2px solid #e2e8f0;border-radius:8px;font-size:.9375rem;font-family:inherit;resize:vertical}.edit-notes textarea:focus{outline:none;border-color:#38a169}.edit-actions{display:flex;gap:8px}.btn-save-small,.btn-cancel-small{padding:6px 12px;border:none;border-radius:6px;font-size:.8125rem;font-weight:700;cursor:pointer;transition:all .2s}.btn-save-small{background:linear-gradient(135deg,#38a169,#2f855a);color:#fff}.btn-save-small:hover{opacity:.9}.btn-cancel-small{background:#edf2f7;color:#4a5568}.btn-cancel-small:hover{background:#e2e8f0}.spinner{width:50px;height:50px;border:4px solid #e2e8f0;border-top-color:#38a169;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:16px}@media(max-width:1024px){.association-row{grid-template-columns:1fr;gap:16px}.association-link{padding:12px 0}.link-arrow{transform:rotate(90deg)}.form-row{grid-template-columns:1fr}.form-arrow{transform:rotate(90deg);padding:0;text-align:center}}@media(max-width:640px){.stats-grid{grid-template-columns:1fr}.association-row{padding:16px}.associations-list,.create-form-container{padding:20px}}.visibility-page{min-height:calc(100vh - 200px);background:linear-gradient(180deg,#f7fafc,#edf2f7);padding:40px 0}.visibility-container{max-width:1600px;margin:0 auto;padding:0 20px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:32px}.stat-card{background:#fff;border-radius:12px;padding:24px;display:flex;align-items:center;gap:16px;box-shadow:0 2px 8px #00000014;transition:transform .2s,box-shadow .2s}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001f}.stat-icon{font-size:2.5rem;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#edf2f7,#e2e8f0);border-radius:12px}.stat-content{flex:1}.stat-value{font-size:2rem;font-weight:800;color:#001f3f;line-height:1;margin-bottom:4px}.stat-label{font-size:.875rem;color:#718096;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.filters-bar{background:#fff;border-radius:12px;padding:24px;margin-bottom:24px;box-shadow:0 2px 8px #00000014;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:16px}.filter-group{display:flex;flex-direction:column;gap:8px}.filter-group label{font-weight:700;color:#001f3f;font-size:.875rem}.filter-group input,.filter-group select{padding:10px 12px;border:2px solid #e2e8f0;border-radius:8px;font-size:.9375rem;font-family:inherit;transition:border-color .2s}.filter-group input:focus,.filter-group select:focus{outline:none;border-color:#001f3f;box-shadow:0 0 0 3px #001f3f1a}.bulk-actions{background:#fff;border-radius:12px;padding:20px;margin-bottom:24px;box-shadow:0 2px 8px #00000014;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.bulk-label{font-weight:700;color:#001f3f;margin-right:8px}.btn-bulk{padding:10px 16px;background:linear-gradient(135deg,#001f3f,#036);color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 2px 6px #001f3f4d}.btn-bulk:hover{transform:translateY(-1px);box-shadow:0 4px 10px #001f3f66}.kits-table-container{background:#fff;border-radius:12px;padding:0;box-shadow:0 2px 8px #00000014;overflow:hidden}.kits-table{width:100%;border-collapse:collapse}.kits-table thead{background:linear-gradient(135deg,#001f3f,#036);color:#fff}.kits-table th{padding:16px;text-align:left;font-weight:700;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.kits-table tbody tr{border-bottom:1px solid #e2e8f0;transition:background-color .2s}.kits-table tbody tr:hover{background-color:#f7fafc}.kits-table tbody tr:last-child{border-bottom:none}.kits-table td{padding:16px;font-size:.9375rem}.kit-name{font-weight:600;color:#001f3f}.kit-reference{color:#4a5568;font-family:Courier New,monospace}.kit-location{color:#718096}.source-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.source-badge.source-manual{background:linear-gradient(135deg,#4299e1,#3182ce);color:#fff}.source-badge.source-snipeit{background:linear-gradient(135deg,#48bb78,#38a169);color:#fff}.status-badge{display:inline-block;padding:4px 12px;border-radius:16px;font-size:.75rem;font-weight:700;text-transform:capitalize}.status-badge.status-available{background:#c6f6d5;color:#22543d}.status-badge.status-reserved{background:#feebc8;color:#7c2d12}.status-badge.status-maintenance{background:#fed7d7;color:#742a2a}.status-badge.status-unavailable,.status-badge.status-retired{background:#e2e8f0;color:#2d3748}.toggle-switch{position:relative;display:inline-block;width:52px;height:28px}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#cbd5e0;transition:.3s;border-radius:28px}.toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:4px;bottom:4px;background-color:#fff;transition:.3s;border-radius:50%}input:checked+.toggle-slider{background:linear-gradient(135deg,#48bb78,#38a169)}input:checked+.toggle-slider:before{transform:translate(24px)}.toggle-slider:hover{opacity:.9}.loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;padding:40px}.spinner{width:50px;height:50px;border:4px solid #e2e8f0;border-top-color:#001f3f;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:16px}.error-message{color:#c53030;font-size:1.125rem;font-weight:600;margin-bottom:16px}.btn-retry{padding:10px 24px;background:linear-gradient(135deg,#001f3f,#036);color:#fff;border:none;border-radius:8px;font-weight:700;cursor:pointer;transition:all .2s}.btn-retry:hover{transform:translateY(-2px);box-shadow:0 4px 12px #001f3f4d}.no-results{text-align:center;padding:40px;color:#718096;font-style:italic}@media(max-width:1200px){.filters-bar{grid-template-columns:1fr 1fr}}@media(max-width:768px){.filters-bar,.stats-grid{grid-template-columns:1fr}.bulk-actions{flex-direction:column;align-items:stretch}.btn-bulk{width:100%}.kits-table-container{overflow-x:auto}.kits-table{min-width:800px}}.admin-reservations-page{min-height:calc(100vh - 200px);background:linear-gradient(180deg,#f7fafc,#edf2f7);padding:40px 20px}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;flex-wrap:wrap;gap:20px}.admin-header .header-content h1{margin:0 0 8px;font-size:36px;font-weight:800;color:#001f3f}.btn-back-admin{padding:12px 24px;background:#fff;color:#001f3f;text-decoration:none;border:2px solid #cbd5e0;border-radius:12px;font-weight:700;font-size:14px;transition:all .3s ease;text-transform:uppercase;letter-spacing:.05em}.btn-back-admin:hover{border-color:#00d4ff;background:#f0f9ff;transform:translateY(-2px)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:40px}.stat-card{background:#fff;border-radius:16px;padding:24px;display:flex;align-items:center;gap:20px;box-shadow:0 4px 12px #001f3f1a;border:2px solid #e9ecef;transition:all .3s ease}.stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #001f3f33}.stat-card.pending{border-color:#ed8936}.stat-card.approved{border-color:#48bb78}.stat-card.in-progress{border-color:#00d4ff}.stat-card.completed{border-color:#a0aec0}.stat-icon{font-size:48px;flex-shrink:0}.stat-details{flex:1}.stat-value{font-size:32px;font-weight:800;color:#001f3f;line-height:1;margin-bottom:8px}.stat-label{font-size:14px;color:#718096;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.filters-section{background:#fff;border-radius:16px;padding:24px;margin-bottom:32px;box-shadow:0 4px 12px #001f3f1a;border:2px solid #e9ecef}.search-box{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding:14px 20px;background:#f8f9fa;border-radius:12px;border:2px solid #e9ecef;transition:all .3s ease}.search-box:focus-within{border-color:#00d4ff;background:#fff}.search-icon{font-size:20px;color:#718096}.search-input{flex:1;border:none;background:transparent;font-size:15px;color:#001f3f;outline:none}.search-input::placeholder{color:#a0aec0}.status-filters{display:flex;flex-wrap:wrap;gap:12px}.filter-btn{padding:10px 20px;background:#f8f9fa;border:2px solid #e9ecef;border-radius:10px;font-weight:700;font-size:13px;color:#4a5568;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.05em}.filter-btn:hover{background:#edf2f7;border-color:#cbd5e0}.filter-btn.active{background:linear-gradient(135deg,#00d4ff,#09f);border-color:#09f;color:#fff;box-shadow:0 2px 8px #0099ff4d}.reservations-table-container{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 12px #001f3f1a;border:2px solid #e9ecef}.reservations-table{width:100%;border-collapse:collapse}.reservations-table thead{background:linear-gradient(135deg,#001f3f,#036);color:#fff}.reservations-table th{padding:16px 12px;text-align:left;font-weight:800;font-size:13px;text-transform:uppercase;letter-spacing:.1em;white-space:nowrap}.reservations-table tbody tr{border-bottom:1px solid #e9ecef;transition:all .2s ease}.reservations-table tbody tr:hover{background:#f8f9fa}.reservations-table tbody tr.row-status-warning{background:#ed89360d}.reservations-table tbody tr.row-status-success{background:#48bb780d}.reservations-table tbody tr.row-status-info{background:#00d4ff0d}.reservations-table td{padding:16px 12px;font-size:14px;vertical-align:middle}.col-id{font-weight:800;color:#001f3f;white-space:nowrap}.col-event{min-width:200px}.event-info{display:flex;flex-direction:column;gap:4px}.event-info strong{color:#001f3f;font-size:15px}.event-purpose{font-size:12px;color:#718096}.col-requester{min-width:200px}.requester-info{display:flex;flex-direction:column;gap:4px}.requester-email{font-size:12px;color:#09f;text-decoration:none}.requester-email:hover{text-decoration:underline}.col-kit{font-weight:600;color:#001f3f}.col-dates{min-width:150px}.dates-info{display:flex;align-items:center;gap:6px;font-size:13px;color:#4a5568}.col-event-date{white-space:nowrap;color:#4a5568}.col-client{color:#4a5568}.col-status{white-space:nowrap}.status-badge{display:inline-block;padding:6px 12px;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;white-space:nowrap}.status-badge.status-warning{background:linear-gradient(135deg,#ed8936,#dd6b20);color:#fff}.status-badge.status-success{background:linear-gradient(135deg,#48bb78,#38a169);color:#fff}.status-badge.status-info{background:linear-gradient(135deg,#00d4ff,#09f);color:#fff}.status-badge.status-completed{background:linear-gradient(135deg,#a0aec0,#718096);color:#fff}.status-badge.status-danger{background:linear-gradient(135deg,#f56565,#e53e3e);color:#fff}.status-badge.status-cancelled{background:linear-gradient(135deg,#cbd5e0,#a0aec0);color:#fff}.col-actions{white-space:nowrap}.action-buttons{display:flex;gap:8px;justify-content:center}.btn-action{width:36px;height:36px;border-radius:8px;border:none;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;font-size:16px;text-decoration:none}.btn-view{background:#fff;color:#09f;border:2px solid #0099ff}.btn-view:hover{background:#09f;color:#fff;transform:scale(1.1)}.btn-approve{background:#fff;color:#48bb78;border:2px solid #48bb78}.btn-approve:hover{background:#48bb78;color:#fff;transform:scale(1.1)}.btn-reject{background:#fff;color:#f56565;border:2px solid #f56565}.btn-reject:hover{background:#f56565;color:#fff;transform:scale(1.1)}.btn-progress{background:#fff;color:#00d4ff;border:2px solid #00d4ff}.btn-progress:hover{background:#00d4ff;color:#fff;transform:scale(1.1)}.btn-complete{background:#fff;color:#a0aec0;border:2px solid #a0aec0}.btn-complete:hover{background:#a0aec0;color:#fff;transform:scale(1.1)}.empty-state{text-align:center;padding:80px 40px;background:#fff;border-radius:20px;box-shadow:0 4px 16px #001f3f26;border:2px dashed #cbd5e0}.empty-icon{font-size:80px;margin-bottom:24px;opacity:.5}.empty-state h3{margin:0 0 12px;font-size:24px;font-weight:800;color:#001f3f}.empty-state p{margin:0;font-size:16px;color:#718096}@media(max-width:1400px){.reservations-table-container{overflow-x:auto}.reservations-table{min-width:1200px}}@media(max-width:768px){.admin-reservations-page{padding:20px 10px}.admin-header{flex-direction:column;align-items:flex-start}.stats-grid{grid-template-columns:1fr}.status-filters{flex-direction:column}.filter-btn{width:100%}}.advanced-rich-text-editor{border:2px solid #cbd5e0;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 2px 8px #001f3f14}.editor-toolbar-advanced{display:flex;flex-wrap:wrap;gap:.5rem;padding:.75rem;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:2px solid #cbd5e0;align-items:center}.toolbar-group{display:flex;gap:.25rem;align-items:center}.toolbar-separator{width:1px;height:24px;background:#cbd5e0;margin:0 .25rem}.editor-toolbar-advanced button{padding:6px 10px;background:#fff;border:1.5px solid #cbd5e0;border-radius:6px;font-weight:600;font-size:13px;color:#001f3f;cursor:pointer;transition:all .2s ease;min-width:32px;display:flex;align-items:center;justify-content:center}.editor-toolbar-advanced button:hover:not(:disabled){background:#f0f9ff;border-color:#00d4ff;transform:translateY(-1px)}.editor-toolbar-advanced button:active{transform:translateY(0)}.editor-toolbar-advanced button.is-active{background:linear-gradient(135deg,#00d4ff,#09f);color:#fff;border-color:#09f;box-shadow:0 2px 8px #0099ff4d}.editor-toolbar-advanced button:disabled{opacity:.4;cursor:not-allowed}.color-buttons{display:flex;gap:.25rem;align-items:center}.color-btn{min-width:36px!important;font-weight:800!important;font-size:16px!important;padding:6px 8px!important;position:relative}.color-btn:after{content:"";position:absolute;bottom:2px;left:50%;transform:translate(-50%);width:20px;height:3px;background:currentColor;border-radius:2px;opacity:.8}.toolbar-select{padding:6px 8px;background:#fff;border:1.5px solid #cbd5e0;border-radius:6px;font-weight:600;font-size:12px;color:#001f3f;cursor:pointer;transition:all .2s ease;min-width:120px}.toolbar-select:hover{border-color:#00d4ff;background:#f0f9ff}.toolbar-select:focus{outline:none;border-color:#00d4ff;box-shadow:0 0 0 3px #00d4ff1a}.editor-content-advanced{min-height:300px;max-height:600px;overflow-y:auto;padding:1.5rem}.editor-content-advanced .ProseMirror{outline:none;min-height:250px}.editor-content-advanced .ProseMirror p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;color:#adb5bd;pointer-events:none;height:0}.editor-content-advanced .ProseMirror h1{font-size:2em;font-weight:800;color:#001f3f;margin:1rem 0 .75rem;line-height:1.2}.editor-content-advanced .ProseMirror h2{font-size:1.5em;font-weight:700;color:#001f3f;margin:.875rem 0 .625rem;line-height:1.3}.editor-content-advanced .ProseMirror h3{font-size:1.25em;font-weight:700;color:#001f3f;margin:.75rem 0 .5rem;line-height:1.3}.editor-content-advanced .ProseMirror h4{font-size:1.1em;font-weight:600;color:#001f3f;margin:.625rem 0 .5rem;line-height:1.4}.editor-content-advanced .ProseMirror p{margin:.5rem 0;line-height:1.6;color:#2d3748}.editor-content-advanced .ProseMirror ul,.editor-content-advanced .ProseMirror ol{padding-left:2rem;margin:.75rem 0}.editor-content-advanced .ProseMirror ul{list-style-type:disc}.editor-content-advanced .ProseMirror ul ul{list-style-type:circle;margin-left:1.5rem}.editor-content-advanced .ProseMirror ul ul ul{list-style-type:square;margin-left:1.5rem}.editor-content-advanced .ProseMirror ul ul ul ul{list-style-type:disc;margin-left:1.5rem}.editor-content-advanced .ProseMirror ol{list-style-type:decimal}.editor-content-advanced .ProseMirror ol ol{list-style-type:lower-alpha;margin-left:1.5rem}.editor-content-advanced .ProseMirror ol ol ol{list-style-type:lower-roman;margin-left:1.5rem}.editor-content-advanced .ProseMirror ol ol ol ol{list-style-type:decimal;margin-left:1.5rem}.editor-content-advanced .ProseMirror li{margin:.25rem 0}.editor-content-advanced .ProseMirror li p{margin:0}.editor-content-advanced .ProseMirror ul[data-type=taskList]{list-style:none;padding-left:0}.editor-content-advanced .ProseMirror ul[data-type=taskList] li{display:flex;align-items:flex-start;gap:.5rem}.editor-content-advanced .ProseMirror ul[data-type=taskList] li>label{flex:0 0 auto;margin-top:.2rem}.editor-content-advanced .ProseMirror ul[data-type=taskList] li>div{flex:1 1 auto}.editor-content-advanced .ProseMirror ul[data-type=taskList] input[type=checkbox]{cursor:pointer;width:16px;height:16px}.editor-content-advanced .ProseMirror a{color:#09f;text-decoration:underline;cursor:pointer;transition:all .2s ease}.editor-content-advanced .ProseMirror a:hover{color:#00d4ff;text-decoration:none}.editor-content-advanced .ProseMirror img{max-width:100%;height:auto;border-radius:8px;box-shadow:0 2px 8px #0000001a;transition:all .3s ease}.editor-content-advanced .ProseMirror img:hover{box-shadow:0 4px 16px #00000026;transform:scale(1.02)}.editor-content-advanced .ProseMirror img[data-align=center]{display:block;margin-left:auto;margin-right:auto}.editor-content-advanced .ProseMirror img[data-align=left]{float:left;margin-right:1rem;margin-bottom:1rem}.editor-content-advanced .ProseMirror img[data-align=right]{float:right;margin-left:1rem;margin-bottom:1rem}.editor-content-advanced .ProseMirror table{border-collapse:collapse;table-layout:fixed;width:100%;margin:1rem 0;overflow:hidden;border-radius:8px;box-shadow:0 2px 8px #0000001a}.editor-content-advanced .ProseMirror table td,.editor-content-advanced .ProseMirror table th{min-width:1em;border:2px solid #e9ecef;padding:.75rem;vertical-align:top;box-sizing:border-box;position:relative}.editor-content-advanced .ProseMirror table th{font-weight:700;text-align:left;background:linear-gradient(135deg,#f8f9fa,#e9ecef);color:#001f3f}.editor-content-advanced .ProseMirror table td{background:#fff}.editor-content-advanced .ProseMirror table .selectedCell{background:#00d4ff1a;border-color:#00d4ff}.editor-content-advanced .ProseMirror table .column-resize-handle{position:absolute;right:-2px;top:0;bottom:0;width:4px;background-color:#00d4ff;pointer-events:none}.editor-content-advanced .ProseMirror pre{background:#2d3748;color:#e9ecef;font-family:Courier New,Courier,monospace;padding:1rem;border-radius:8px;overflow-x:auto;margin:1rem 0}.editor-content-advanced .ProseMirror pre code{color:inherit;padding:0;background:none;font-size:.9em}.editor-content-advanced .ProseMirror code{background:#f8f9fa;color:#e91e63;padding:.2em .4em;border-radius:4px;font-size:.9em;font-family:Courier New,Courier,monospace}.editor-content-advanced .ProseMirror hr{border:none;border-top:3px solid #e9ecef;margin:2rem 0;border-radius:2px}.editor-content-advanced .ProseMirror mark{background:linear-gradient(135deg,#fff59d,#fff176);padding:.1em .2em;border-radius:3px}.editor-content-advanced .ProseMirror blockquote{border-left:4px solid #00d4ff;padding-left:1rem;margin:1rem 0;color:#4a5568;font-style:italic}.editor-content-advanced .ProseMirror sub,.editor-content-advanced .ProseMirror sup{font-size:.75em}.editor-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#001f3fb3;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.editor-modal{background:#fff;border-radius:16px;padding:2rem;max-width:500px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 8px 32px #001f3f4d}.editor-modal h3{margin:0 0 1.5rem;font-size:1.5rem;font-weight:800;color:#001f3f}.editor-modal h4{margin:0 0 .75rem;font-size:1rem;font-weight:700;color:#001f3f}.modal-section{margin-bottom:1.5rem}.modal-section label{display:block;margin-bottom:.5rem;font-weight:600;color:#001f3f;font-size:.9rem}.modal-section input[type=url],.modal-section input[type=text],.modal-section input[type=number],.modal-section select{width:100%;padding:.75rem;border:2px solid #cbd5e0;border-radius:8px;font-size:.95rem;transition:all .2s ease}.modal-section input:focus,.modal-section select:focus{outline:none;border-color:#00d4ff;box-shadow:0 0 0 3px #00d4ff1a}.modal-divider{text-align:center;margin:1.5rem 0;font-weight:700;color:#718096;position:relative}.modal-divider:before,.modal-divider:after{content:"";position:absolute;top:50%;width:40%;height:2px;background:#e9ecef}.modal-divider:before{left:0}.modal-divider:after{right:0}.editor-modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.editor-modal-actions button{padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:700;font-size:.95rem;cursor:pointer;transition:all .2s ease}.editor-modal-actions button:first-child{background:#e9ecef;color:#001f3f}.editor-modal-actions button:first-child:hover{background:#cbd5e0}.editor-modal-actions .btn-primary{background:linear-gradient(135deg,#00d4ff,#09f);color:#fff}.editor-modal-actions .btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #09f6}.editor-modal-actions .btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-upload{width:100%;padding:1rem;background:linear-gradient(135deg,#00d4ff,#09f);color:#fff;border:none;border-radius:8px;font-weight:700;cursor:pointer;transition:all .2s ease}.btn-upload:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #09f6}.btn-upload:disabled{opacity:.6;cursor:not-allowed}.upload-note{margin-top:.5rem;font-size:.85rem;color:#718096;text-align:center}.image-options{display:flex;gap:1rem}.option-group{flex:1}.option-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#001f3f;font-size:.9rem}.option-group select{width:100%;padding:.5rem;border:2px solid #cbd5e0;border-radius:6px;font-size:.9rem}@media(max-width:768px){.editor-toolbar-advanced{gap:.25rem;padding:.5rem}.toolbar-group{gap:.25rem}.editor-toolbar-advanced button{padding:4px 6px;font-size:11px;min-width:28px}.toolbar-select{font-size:11px;min-width:100px;padding:4px 6px}.editor-content-advanced{padding:1rem;min-height:200px}.editor-modal{padding:1.5rem;width:95%}.image-options{flex-direction:column;gap:.75rem}}.scenario-editor.airbus-theme{min-height:100vh;background:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;width:100%;max-width:1600px;margin:0 auto;box-sizing:border-box}.editor-header{background:#00205b;padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center;color:#fff;box-shadow:0 2px 4px #0000001a;position:sticky;top:0;z-index:1500;box-sizing:border-box}.header-left h1{font-size:1.5rem;font-weight:600;color:#fff;margin:0 0 .25rem}.scenario-title-preview{font-size:.875rem;color:#a6cee3;margin:0}.header-actions{display:flex;gap:1rem}.btn-primary,.btn-secondary,.btn-add{padding:.625rem 1.5rem;border-radius:4px;font-weight:600;border:none;cursor:pointer;transition:all .2s ease;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px}.btn-primary{background:#00a3e0;color:#fff}.btn-primary:hover:not(:disabled){background:#0086ba}.btn-secondary{background:transparent;color:#fff;border:2px solid white}.btn-secondary:hover:not(:disabled){background:#ffffff1a}.btn-add{background:#00a3e0;color:#fff;padding:.5rem 1rem;font-size:.8125rem}.btn-add:hover{background:#0086ba}.btn-remove,.btn-remove-small{background:#e30613;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.8125rem;font-weight:600;text-transform:uppercase}.btn-remove:hover,.btn-remove-small:hover{background:#c00510}.btn-remove-small{padding:.375rem .75rem;font-size:.75rem}.btn-move{background:#6b7280;color:#fff;border:none;padding:.375rem .625rem;border-radius:4px;cursor:pointer;font-size:.75rem;min-width:2rem}.btn-move:hover:not(:disabled){background:#4b5563}.btn-move:disabled{opacity:.3;cursor:not-allowed}.error-banner{background:#fee;border-left:4px solid #E30613;color:#c00510;padding:1rem 2rem;font-weight:600;display:flex;align-items:center;gap:.75rem}.tabs-container{max-width:1600px;margin:0 auto;box-sizing:border-box}.tabs-navigation{display:flex;background:#fff;box-shadow:0 2px 4px #00000014;position:sticky;top:72px;z-index:1499;overflow-x:auto;border-bottom:3px solid #00205B;box-sizing:border-box}.tab-button{flex:1;min-width:150px;padding:1rem 1.5rem;background:transparent;border:none;cursor:pointer;transition:all .2s ease;font-weight:600;color:#4b5563;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px;border-bottom:3px solid transparent;margin-bottom:-3px}.tab-button.active{color:#fff;background:#f0f9ff;border-bottom-color:#00a3e0}.tab-content{padding:2rem;max-width:1600px;margin:0 auto;width:100%;box-sizing:border-box}.tab-panel{display:flex;flex-direction:column;gap:2rem;width:100%}.form-section{background:#fff;padding:2.5rem;border-radius:8px;box-shadow:0 2px 8px #0000000f;border-left:4px solid #00A3E0;transition:box-shadow .2s ease;box-sizing:border-box}.form-section:hover{box-shadow:0 4px 12px #0000001a}.form-section h2{font-size:1.375rem;font-weight:700;color:#00205b;margin:0 0 .5rem;display:flex;align-items:center;gap:.75rem}.form-section .form-hint{color:#6b7280;font-size:.875rem;margin-bottom:1.5rem;line-height:1.6;font-weight:400}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.section-header h2{margin:0}.section-hint,.editor-hint{color:#6b7280;font-size:.875rem;margin-bottom:1rem;line-height:1.5}.form-group{margin-bottom:1.5rem}.form-group:last-child{margin-bottom:0}.form-group label{display:block;font-weight:600;color:#00205b;margin-bottom:.5rem;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px}.form-input,.form-textarea,.form-select{width:100%;padding:.75rem;border:2px solid #D1D5DB;border-radius:4px;font-size:.9375rem;transition:all .2s ease;font-family:inherit}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:#00a3e0;box-shadow:0 0 0 3px #00a3e01a}.form-textarea{resize:vertical;min-height:60px}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;box-sizing:border-box}.checkbox-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;font-weight:500;color:#4b5563;padding:.75rem;border-radius:4px;transition:background .2s ease}.checkbox-label:hover{background:#f3f4f6}.form-checkbox{width:1.125rem;height:1.125rem;cursor:pointer;flex-shrink:0;accent-color:#00A3E0}.checkbox-grid{display:grid;grid-template-columns:1fr;gap:1rem;width:100%}.checkbox-card{display:flex;align-items:center;gap:.75rem;padding:1rem;border:2px solid #E5E7EB;border-radius:4px;cursor:pointer;transition:all .2s ease;background:#fff}.checkbox-card:hover{border-color:#00a3e0;background:#f0f9ff;transform:translateY(-2px);box-shadow:0 4px 6px #00a3e01a}.checkbox-card:has(input:checked){border-color:#00a3e0;background:#f0f9ff;font-weight:600;color:#00205b}.checkbox-card input{accent-color:#00A3E0}.file-upload-area{margin-top:.5rem}.file-upload-label,.file-upload-inline{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;border:2px dashed #D1D5DB;border-radius:4px;cursor:pointer;transition:all .2s ease;background:#f9fafb}.file-upload-label:hover,.file-upload-inline:hover{border-color:#00a3e0;background:#f0f9ff}.file-upload-inline{padding:.75rem 1.5rem;flex-direction:row;font-weight:600;color:#00a3e0;text-transform:uppercase;font-size:.8125rem;letter-spacing:.5px}.upload-icon{font-size:2rem;margin-bottom:.5rem}.uploaded-file-preview{text-align:center}.banner-preview{max-width:100%;max-height:200px;border-radius:4px;display:block;margin:0 auto 1rem}.btn-remove-file{background:#e30613;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.8125rem;font-weight:600;text-transform:uppercase}.btn-remove-file:hover{background:#c00510}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem;margin-top:1rem}.media-card{border:2px solid #E5E7EB;border-radius:4px;padding:1rem;display:flex;flex-direction:column;gap:.75rem;background:#fff}.media-preview{width:100%;height:150px;object-fit:cover;border-radius:4px}.rich-editor-toolbar{display:flex;gap:.25rem;padding:.75rem;background:#f3f4f6;border:2px solid #D1D5DB;border-bottom:none;border-radius:4px 4px 0 0;flex-wrap:wrap;align-items:center}.rich-editor-toolbar button{padding:.5rem .75rem;background:#fff;border:1px solid #D1D5DB;border-radius:4px;cursor:pointer;transition:all .2s ease;font-size:.875rem;min-width:2.5rem;font-weight:600;color:#4b5563}.rich-editor-toolbar button:hover:not(:disabled){background:#00a3e0;color:#fff;border-color:#00a3e0}.rich-editor-toolbar button:disabled{opacity:.4;cursor:not-allowed}.toolbar-separator{width:1px;height:24px;background:#d1d5db;margin:0 .5rem}.rich-editor-content{min-height:200px;padding:1.5rem;border:2px solid #D1D5DB;border-radius:0 0 4px 4px;background:#fff;font-size:1rem;line-height:1.6;color:#1f2937;overflow-y:auto;max-height:600px}.rich-editor-content:focus{outline:none;border-color:#00a3e0;box-shadow:0 0 0 3px #00a3e01a}.rich-editor-content h2{font-size:1.5rem;font-weight:700;color:#00205b;margin:1.5rem 0 1rem}.rich-editor-content h3{font-size:1.25rem;font-weight:600;color:#00205b;margin:1.25rem 0 .75rem}.rich-editor-content p{margin:.75rem 0}.rich-editor-content ul,.rich-editor-content ol{margin:1rem 0;padding-left:2rem}.rich-editor-content li{margin:.5rem 0}.rich-editor-content img{max-width:100%;height:auto;border-radius:4px;margin:1rem 0;display:block}.rich-editor-content iframe,.rich-editor-content video{max-width:100%;border-radius:4px;margin:1rem 0;display:block}.rich-editor-content strong{font-weight:700;color:#00205b}.rich-editor-content em{font-style:italic}.document-item{border:2px solid #E5E7EB;border-radius:4px;padding:1.5rem;margin-bottom:1rem;background:#fff;display:flex;flex-direction:column;gap:1rem}.document-fields{display:flex;flex-direction:column;gap:1rem}.file-uploaded{display:flex;align-items:center;gap:1rem;padding:.75rem;background:#f0fdf4;border:1px solid #86EFAC;border-radius:4px;color:#166534;font-weight:600}.video-item{border:2px solid #E5E7EB;border-radius:4px;padding:1rem;margin-bottom:1rem;display:flex;flex-direction:column;gap:.75rem;background:#fff}.success-message{background:#fff;padding:4rem 2rem;border-radius:4px;text-align:center;box-shadow:0 4px 16px #0000001a;max-width:600px;margin:4rem auto}.success-icon{width:5rem;height:5rem;background:#10b981;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.5rem;margin:0 auto 1.5rem;animation:successPulse .6s ease-out}@keyframes successPulse{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.success-message h2{font-size:1.75rem;font-weight:700;color:#00205b;margin-bottom:.5rem}.success-message p{color:#6b7280;font-size:1.125rem}.editor-footer{background:#fff;padding:1.5rem 2rem;box-shadow:0 -2px 8px #0000001a;display:flex;justify-content:flex-end;gap:1rem;position:sticky;bottom:0;z-index:1500;border-top:3px solid #00205B;box-sizing:border-box}@media(max-width:1024px){.tab-content,.form-section{padding:1.5rem}}@media(max-width:768px){.editor-header{flex-direction:column;gap:1rem;align-items:flex-start;position:relative;top:auto}.header-actions{width:100%;flex-direction:column}.btn-primary,.btn-secondary{width:100%}.tabs-navigation{position:relative;top:auto}.tab-button{flex:1;min-width:120px;padding:.875rem 1rem;font-size:.75rem}.tab-content,.form-section{padding:1rem}.form-row,.checkbox-grid{grid-template-columns:1fr}}@media(max-width:480px){.checkbox-grid{grid-template-columns:1fr}.rich-editor-toolbar{gap:.125rem}.rich-editor-toolbar button{padding:.375rem .5rem;font-size:.75rem;min-width:2rem}.editor-footer{flex-direction:column;position:relative;bottom:auto}.editor-footer .btn-primary,.editor-footer .btn-secondary{width:100%}}@media print{.editor-header,.tabs-navigation,.editor-footer,.btn-add,.btn-remove,.btn-move,.rich-editor-toolbar{display:none}.tab-content{padding:0}.form-section{box-shadow:none;page-break-inside:avoid}}.edit-scenario-page{min-height:100vh;background:#f8f9fa;display:flex;flex-direction:column;align-items:center}.edit-scenario-page>*{width:100%;max-width:1600px;box-sizing:border-box}.loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;padding:2rem}.spinner{border:4px solid #f3f3f3;border-top:4px solid #667eea;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite;margin-bottom:1rem}.error-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;max-width:600px;margin:2rem auto;padding:3rem;text-align:center}.error-container h2{color:#e53e3e;margin-bottom:1rem}.error-container p{color:#666;margin-bottom:2rem}.btn-back{padding:.75rem 1.5rem;background:#667eea;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s ease}.btn-back:hover{background:#5a67d8;transform:translateY(-2px)}.import-scenario-page{min-height:100vh;background:linear-gradient(135deg,#0a1f44,#0d2d5e);padding-bottom:3rem}.import-container{max-width:1400px;margin:0 auto;padding:2rem}.upload-section{display:flex;flex-direction:column;gap:2rem}.upload-zone{background:#fff;border-radius:12px;padding:3rem;box-shadow:0 4px 20px #00000014;transition:all .3s ease}.upload-zone:hover{box-shadow:0 6px 30px #0000001f;transform:translateY(-2px)}.file-input-hidden{display:none}.file-input-label{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;border:3px dashed #cbd5e1;border-radius:12px;cursor:pointer;transition:all .3s ease;background:#f8f9fb}.file-input-label:hover{border-color:#06c;background:#e8f2ff}.upload-icon{font-size:4rem;margin-bottom:1rem;opacity:.6}.file-input-label h3{margin:0 0 .5rem;font-size:1.25rem;font-weight:600;color:#0a1f44;text-align:center}.file-input-label p{margin:0;font-size:.875rem;color:#718096;text-align:center}.file-info{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:#fff;border-radius:12px;border:1px solid #e2e8f0;box-shadow:0 2px 8px #0000000d}.file-icon{font-size:2.5rem;flex-shrink:0}.file-details h4{margin:0 0 .25rem;font-size:1rem;font-weight:600;color:#0a1f44}.file-details p{margin:0;font-size:.875rem;color:#718096}.parsing-indicator{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:#e8f2ff;border-radius:12px;border:1px solid #0066cc}.spinner{width:24px;height:24px;border:3px solid #e2e8f0;border-top-color:#06c;border-radius:50%;animation:spin .8s linear infinite}.parsing-indicator p{margin:0;font-size:.875rem;font-weight:600;color:#06c}.error-box{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:#fef2f2;border-radius:12px;border:1px solid #fca5a5}.error-icon{font-size:1.5rem;flex-shrink:0}.error-box span:last-child{font-size:.875rem;font-weight:500;color:#dc2626;flex:1}.preview-section{display:flex;flex-direction:column;gap:2rem}.preview-header{text-align:center;padding:2rem;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.preview-header h2{margin:0 0 .5rem;font-size:2rem;font-weight:700;color:#fff}.preview-header p{margin:0;font-size:1rem;color:#fffc}.validation-errors{padding:1.5rem;background:#fef2f2;border-radius:12px;border:1px solid #fca5a5}.validation-errors h4{margin:0 0 1rem;font-size:1rem;font-weight:700;color:#dc2626}.validation-errors ul{margin:0;padding-left:1.5rem;list-style:disc}.validation-errors li{margin-bottom:.5rem;font-size:.875rem;color:#dc2626}.validation-errors li:last-child{margin-bottom:0}.preview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1.5rem}.preview-card{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 4px 20px #00000014}.preview-card h3{margin:0 0 1.5rem;font-size:1.25rem;font-weight:700;color:#0a1f44;padding-bottom:1rem;border-bottom:2px solid #e2e8f0}.preview-field{margin-bottom:1rem}.preview-field:last-child{margin-bottom:0}.preview-field label{display:block;margin-bottom:.25rem;font-size:.75rem;font-weight:600;color:#718096;text-transform:uppercase;letter-spacing:.05em}.preview-field>span{display:block;font-size:.875rem;font-weight:500;color:#0a1f44}.badge-beginner{display:inline-block;padding:.25rem .75rem;background:#d1fae5;color:#065f46;border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.badge-medium{display:inline-block;padding:.25rem .75rem;background:#fef3c7;color:#92400e;border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.badge-advanced{display:inline-block;padding:.25rem .75rem;background:#fee2e2;color:#991b1b;border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.tags-preview{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.tags-preview .tag{display:inline-block;padding:.375rem .75rem;background:#e8f2ff;color:#06c;border-radius:6px;font-size:.75rem;font-weight:600;border:1px solid #bfdbfe}.preview-images{grid-column:1 / -1}.images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem;margin-top:1rem}.image-preview{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;background:#f8f9fb;border-radius:8px;border:1px solid #e2e8f0;transition:all .2s ease}.image-preview:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.image-preview img{width:100%;height:120px;object-fit:cover;border-radius:6px;background:#fff}.image-preview p{margin:0;font-size:.75rem;font-weight:500;color:#718096;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-actions{display:flex;justify-content:space-between;gap:1rem;padding:2rem;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-secondary{padding:.875rem 2rem;background:#fff3;border:2px solid rgba(255,255,255,.3);border-radius:8px;color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-secondary:hover:not(:disabled){background:#ffffff4d;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.btn-primary{padding:.875rem 2rem;background:#06c;border:2px solid #0066cc;border-radius:8px;color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #0066cc4d}.btn-primary:hover:not(:disabled){background:#0052a3;border-color:#0052a3;transform:translateY(-2px);box-shadow:0 6px 20px #06c6}.btn-primary:disabled,.btn-secondary:disabled{opacity:.5;cursor:not-allowed;transform:none}.success-section{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;padding:3rem;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center}.success-icon{font-size:5rem;margin-bottom:1.5rem;animation:successPop .6s ease}@keyframes successPop{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.success-section h2{margin:0 0 1rem;font-size:2rem;font-weight:700;color:#fff}.success-section p{margin:.5rem 0;font-size:1rem;color:#fffc}.btn-download-template{padding:.75rem 1.5rem;background:#fff3;border:2px solid rgba(255,255,255,.3);border-radius:8px;color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-download-template:hover{background:#ffffff4d;transform:translateY(-2px);box-shadow:0 4px 12px #0003}@media(max-width:768px){.import-container{padding:1rem}.upload-zone{padding:2rem 1rem}.file-input-label{min-height:200px}.upload-icon{font-size:3rem}.file-input-label h3{font-size:1rem}.preview-grid{grid-template-columns:1fr}.preview-card{padding:1.5rem}.images-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.image-preview img{height:80px}.preview-actions{flex-direction:column}.preview-header h2{font-size:1.5rem}.success-icon{font-size:3.5rem}.success-section h2{font-size:1.5rem}}.admin-technologies-page{padding:2rem;max-width:1400px;margin:0 auto;background:linear-gradient(180deg,#f7fafc,#edf2f7);min-height:calc(100vh - 100px)}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid #e9ecef}.header-left{display:flex;align-items:center;gap:1rem}.header-left h1{margin:0;font-size:1.75rem;font-weight:800;color:#fff}.header-actions{display:flex;gap:1rem;align-items:center}.btn-back{padding:.5rem 1rem;background:#f5f5f5;border:1px solid #cbd5e0;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s;color:#001f3f}.btn-back:hover{background:#e2e8f0;transform:translateY(-2px)}.btn-secondary{padding:.75rem 1.5rem;background:#fff;color:#00205b;border:2px solid #00A3E0;border-radius:8px;font-weight:700;cursor:pointer;transition:all .3s}.btn-secondary:hover{background:#00a3e0;color:#fff;transform:translateY(-2px);box-shadow:0 4px 16px #00a3e04d}.btn-create{padding:.75rem 1.5rem;background:linear-gradient(135deg,#00d4ff,#09f);color:#fff;border:none;border-radius:8px;font-weight:700;cursor:pointer;transition:all .3s;box-shadow:0 4px 16px #0099ff4d}.btn-create:hover{transform:translateY(-2px);box-shadow:0 6px 24px #0099ff80}.technologies-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:2rem}.stat-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 4px 12px #001f3f1a;border:2px solid #e9ecef;text-align:center;transition:all .3s ease}.stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #001f3f33;border-color:#00d4ff}.stat-number{display:block;font-size:2.5rem;font-weight:800;color:#00d4ff;line-height:1}.stat-label{display:block;font-size:.875rem;color:#718096;margin-top:.5rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.technologies-table-container{background:#fff;border-radius:12px;box-shadow:0 4px 12px #001f3f1a;border:2px solid #e9ecef;overflow:hidden}.technologies-table{width:100%;border-collapse:collapse}.technologies-table thead{background:linear-gradient(135deg,#001f3f,#036)}.technologies-table th{padding:1rem;text-align:left;font-weight:800;color:#fff;border-bottom:2px solid #00d4ff;text-transform:uppercase;letter-spacing:.05em;font-size:.875rem}.technologies-table td{padding:1rem;border-bottom:1px solid #f0f0f0;color:#001f3f}.technologies-table tbody tr{transition:all .2s ease}.technologies-table tbody tr:hover{background:#f8f9fa}.technology-name-cell{min-width:200px}.technology-name-cell strong{display:block;font-weight:700;color:#001f3f;font-size:1rem}.description-cell{max-width:400px;color:#4a5568;line-height:1.5}.no-description{color:#a0aec0;font-style:italic}.status-badge{padding:.5rem .75rem;border-radius:12px;font-size:.875rem;font-weight:700;display:inline-block}.status-badge.active{background:linear-gradient(135deg,#d4edda,#c3e6cb);color:#155724}.status-badge.inactive{background:linear-gradient(135deg,#f8d7da,#f5c6cb);color:#721c24}.actions-column{text-align:center;min-width:180px}.actions-cell{padding:.75rem!important}.action-buttons{display:flex;gap:.5rem;justify-content:center;align-items:center}.btn-action{padding:.5rem;border:none;border-radius:8px;cursor:pointer;font-size:1.125rem;transition:all .3s;width:38px;height:38px;display:flex;align-items:center;justify-content:center}.btn-action:hover{transform:scale(1.1)}.btn-edit{background:linear-gradient(135deg,#f093fb,#f5576c);box-shadow:0 2px 8px #f093fb4d}.btn-edit:hover{box-shadow:0 4px 16px #f093fb80}.btn-toggle{background:linear-gradient(135deg,#4facfe,#00f2fe);box-shadow:0 2px 8px #4facfe4d}.btn-toggle:hover{box-shadow:0 4px 16px #4facfe80}.btn-delete{background:linear-gradient(135deg,#fa709a,#fee140);box-shadow:0 2px 8px #fa709a4d}.btn-delete:hover{box-shadow:0 4px 16px #fa709a80}.empty-state{text-align:center;padding:4rem 2rem;background:#fff;border-radius:12px;box-shadow:0 4px 12px #001f3f1a;border:2px solid #e9ecef}.empty-icon{font-size:4rem;margin-bottom:1rem}.empty-state h2{margin:0 0 .5rem;color:#001f3f;font-weight:800}.empty-state p{color:#718096;margin-bottom:2rem;font-weight:500}.btn-create-large{padding:1rem 2rem;background:linear-gradient(135deg,#00d4ff,#09f);color:#fff;border:none;border-radius:8px;font-weight:700;font-size:1rem;cursor:pointer;transition:all .3s;box-shadow:0 4px 16px #0099ff4d}.btn-create-large:hover{transform:translateY(-2px);box-shadow:0 6px 24px #0099ff80}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#fff;border-radius:12px;padding:0;max-width:900px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:2px solid #e9ecef;background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.modal-header h2{margin:0;font-size:1.5rem;font-weight:800;color:#001f3f}.btn-close{background:transparent;border:none;font-size:1.5rem;cursor:pointer;color:#718096;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .3s}.btn-close:hover{background:#e2e8f0;color:#001f3f}.modal-form{padding:2rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem}.form-group label{font-weight:600;color:#001f3f;margin-bottom:.5rem;font-size:.875rem}.form-group input,.form-group textarea{padding:.75rem;border:2px solid #cbd5e0;border-radius:8px;font-size:.95rem;font-family:inherit;transition:all .3s}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#00d4ff;box-shadow:0 0 0 3px #00d4ff1a}.form-group textarea{resize:vertical;min-height:80px}.checkbox-group{margin:1rem 0}.checkbox-group label{display:flex;align-items:center;cursor:pointer;font-weight:600;color:#001f3f}.checkbox-group input[type=checkbox]{margin-right:.75rem;width:20px;height:20px;cursor:pointer}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;padding-top:1.5rem;border-top:2px solid #e9ecef;margin-top:1.5rem}.btn-cancel{padding:.75rem 1.5rem;background:#f5f5f5;border:1px solid #cbd5e0;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s;color:#001f3f}.btn-cancel:hover{background:#e2e8f0}.btn-submit{padding:.75rem 1.5rem;background:linear-gradient(135deg,#00d4ff,#09f);color:#fff;border:none;border-radius:8px;font-weight:700;cursor:pointer;transition:all .3s;box-shadow:0 4px 16px #0099ff4d}.btn-submit:hover{transform:translateY(-2px);box-shadow:0 6px 24px #0099ff80}.loading-container{text-align:center;padding:4rem 2rem;background:#fff;border-radius:12px;box-shadow:0 4px 12px #001f3f1a}.spinner{border:4px solid #f3f3f3;border-top:4px solid #00d4ff;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite;margin:0 auto 1rem}@media(max-width:1024px){.technologies-table-container{overflow-x:auto}.technologies-table{min-width:800px}.form-row{grid-template-columns:1fr}}@media(max-width:768px){.admin-technologies-page{padding:1rem}.page-header{flex-direction:column;align-items:flex-start;gap:1rem}.btn-action{width:34px;height:34px;font-size:1rem}.modal-content{width:95%}.modal-form{padding:1rem}.form-row{gap:1rem}}.admin-groups-page{min-height:100vh;background:#f5f5f5}.admin-groups-container{max-width:1400px;margin:0 auto;padding:2rem}.tabs-navigation{display:flex;background:#fff;box-shadow:0 2px 4px #00000014;border-radius:8px 8px 0 0;overflow:hidden;margin-bottom:0}.tab-button{flex:1;padding:1.25rem 2rem;background:#fff;border:none;cursor:pointer;transition:all .2s ease;font-weight:600;color:#4b5563;font-size:1rem;border-bottom:3px solid transparent}.tab-button:hover{background:#f3f4f6;color:#00205b}.tab-button.active{color:#00205b;background:#f0f9ff;border-bottom-color:#00a3e0}.tab-content{background:#fff;border-radius:0 0 8px 8px;box-shadow:0 2px 8px #0000000f;padding:2rem}.tab-panel{display:flex;flex-direction:column;gap:2rem}.message{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;border-radius:8px;margin-bottom:1.5rem;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.message span{font-size:1.5rem}.message p{flex:1;margin:0;font-weight:500}.message button{background:none;border:none;font-size:1.5rem;cursor:pointer;opacity:.6;transition:opacity .2s}.error-message{background:#fef2f2;border:2px solid #FCA5A5;color:#dc2626}.success-message{background:#f0fdf4;border:2px solid #86EFAC;color:#166534}.form-section{background:#f9fafb;padding:2rem;border-radius:8px;border:2px solid #E5E7EB}.form-section h2{font-size:1.375rem;font-weight:700;color:#00205b;margin:0 0 .5rem}.form-section .form-hint{color:#6b7280;font-size:.875rem;margin-bottom:1.5rem;line-height:1.6}.form-section code{background:#e5e7eb;padding:.125rem .375rem;border-radius:4px;font-family:Courier New,monospace;font-size:.875rem;color:#00205b}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:1.5rem}.form-group{display:flex;flex-direction:column}.form-group label{font-weight:600;color:#00205b;margin-bottom:.5rem;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px}.form-input,.form-input-inline{width:100%;padding:.75rem;border:2px solid #D1D5DB;border-radius:6px;font-size:.9375rem;transition:all .2s ease;font-family:inherit}.form-input:focus,.form-input-inline:focus{outline:none;border-color:#00a3e0;box-shadow:0 0 0 3px #00a3e01a}.form-input-inline{padding:.5rem .75rem;font-size:.875rem}.btn-primary,.btn-save,.btn-cancel,.btn-edit,.btn-delete{padding:.75rem 1.5rem;border-radius:6px;font-weight:600;border:none;cursor:pointer;transition:all .2s ease;font-size:.875rem}.btn-primary{background:#00a3e0;color:#fff;margin-top:1rem}.btn-primary:hover:not(:disabled){background:#0086ba;transform:translateY(-2px);box-shadow:0 4px 8px #00a3e04d}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-save{background:#10b981;color:#fff;padding:.5rem 1rem;font-size:.8125rem}.btn-save:hover{background:#059669}.btn-cancel{background:#6b7280;color:#fff;padding:.5rem 1rem;font-size:.8125rem}.btn-cancel:hover{background:#4b5563}.btn-edit{background:#f59e0b;color:#fff;padding:.5rem 1rem;font-size:.8125rem}.btn-edit:hover{background:#d97706}.btn-delete{background:#ef4444;color:#fff;padding:.5rem 1rem;font-size:.8125rem}.btn-delete:hover{background:#dc2626}.table-container{overflow-x:auto;border-radius:8px;border:2px solid #E5E7EB}.data-table{width:100%;border-collapse:collapse;background:#fff}.data-table thead{background:#f3f4f6;border-bottom:2px solid #E5E7EB}.data-table th{padding:1rem 1.5rem;text-align:left;font-weight:700;color:#00205b;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px}.data-table td{padding:1rem 1.5rem;border-bottom:1px solid #E5E7EB;color:#1f2937}.data-table tbody tr:hover{background:#f9fafb}.actions-cell{display:flex;gap:.75rem;align-items:center}.kit-classes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.kit-class-card{display:flex;align-items:center;gap:1rem;padding:1.25rem 1.5rem;background:#fff;border:2px solid #E5E7EB;border-radius:8px;transition:all .2s ease}.kit-class-card:hover{border-color:#00a3e0;background:#f0f9ff;transform:translateY(-2px);box-shadow:0 4px 8px #00a3e026}.kit-class-icon{font-size:2rem}.kit-class-name{font-weight:600;color:#00205b;font-size:1rem}.info-box{display:flex;gap:1.5rem;padding:1.5rem;background:#dbeafe;border:2px solid #93C5FD;border-radius:8px;margin-top:1rem}.info-icon{font-size:2rem;flex-shrink:0}.info-content{flex:1}.info-content h3{font-size:1rem;font-weight:700;color:#00205b;margin:0 0 .75rem}.info-content ol{margin:0;padding-left:1.5rem;color:#1e40af}.info-content li{margin:.5rem 0;line-height:1.6}.info-content strong{font-weight:700;color:#00205b}.empty-state{text-align:center;padding:3rem 2rem;color:#9ca3af;font-size:1rem;font-style:italic}@media(max-width:1024px){.admin-groups-container{padding:1.5rem}.form-row{grid-template-columns:1fr}}@media(max-width:768px){.admin-groups-container{padding:1rem}.tab-content{padding:1.5rem}.tab-button{padding:1rem 1.5rem;font-size:.875rem}.form-section{padding:1.5rem}.kit-classes-grid{grid-template-columns:1fr}.actions-cell{flex-direction:column;align-items:stretch}.data-table th,.data-table td{padding:.75rem 1rem;font-size:.8125rem}}@media(max-width:480px){.tabs-navigation{flex-direction:column}.tab-button{border-bottom:2px solid #E5E7EB;border-radius:0}.tab-button.active{border-bottom-color:#00a3e0;border-left:4px solid #00A3E0}.message{flex-direction:column;text-align:center}.info-box{flex-direction:column}}.settings-page{min-height:100vh;background:#f5f7fa;padding:2rem}.settings-header{background:linear-gradient(135deg,#001f3f,#036);border-radius:16px;padding:2.5rem;margin-bottom:2rem;box-shadow:0 8px 32px #001f3f4d;position:relative;overflow:hidden}.settings-header:before{content:"";position:absolute;top:-50%;right:-10%;width:400px;height:400px;background:radial-gradient(circle,rgba(0,212,255,.15) 0%,transparent 70%);border-radius:50%}.header-content{position:relative;z-index:1}.btn-back-link{display:inline-block;color:#00d4ff;text-decoration:none;font-weight:600;margin-bottom:1rem;transition:all .3s ease}.btn-back-link:hover{color:#00a8cc;transform:translate(-5px)}.settings-header h1{margin:0;font-size:2.5rem;color:#fff;font-weight:700;letter-spacing:.05em;text-shadow:0 2px 8px rgba(0,0,0,.3)}.header-subtitle{margin:.5rem 0 0;color:#a6cee3;font-size:1.125rem}.settings-container{max-width:1200px;margin:0 auto}.settings-section{background:#fff;border-radius:16px;padding:2rem;margin-bottom:2rem;box-shadow:0 4px 16px #001f3f26;border-left:4px solid #00d4ff}.section-header{margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #e9ecef}.section-header h2{margin:0 0 .5rem;font-size:1.75rem;color:#001f3f;font-weight:700}.section-description{margin:0;color:#718096;font-size:1rem}.setting-item{padding:1.5rem 0;border-bottom:1px solid #e9ecef}.setting-item:last-child{border-bottom:none}.setting-item:first-child{padding-top:0}.setting-info{margin-bottom:1rem}.setting-info h3{margin:0 0 .5rem;font-size:1.25rem;color:#001f3f;font-weight:700}.setting-info p{margin:0;color:#718096;font-size:.9375rem;line-height:1.6}.toggle-switch{position:relative;display:inline-block;width:60px;height:34px;cursor:pointer}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#cbd5e0;transition:all .4s ease;border-radius:34px}.toggle-slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;transition:all .4s ease;border-radius:50%;box-shadow:0 2px 4px #0003}.toggle-switch input:checked+.toggle-slider{background:linear-gradient(135deg,#00d4ff,#09f)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(26px)}.languages-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin-top:1rem}.language-card{display:flex;align-items:center;gap:.75rem;padding:1.25rem;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;transition:all .3s ease;background:#fff;position:relative}.language-card:hover{border-color:#00d4ff;background:#f0f9ff;transform:translateY(-2px);box-shadow:0 4px 12px #00a3e033}.language-card:has(input:checked){border-color:#00d4ff;background:#f0f9ff;font-weight:600}.language-card input{accent-color:#00d4ff;width:1.125rem;height:1.125rem}.language-card input:disabled{cursor:not-allowed}.language-flag{font-size:2rem}.language-name{flex:1;font-size:1rem;color:#001f3f;font-weight:600}.language-required{position:absolute;top:.5rem;right:.5rem;background:linear-gradient(135deg,#fc8181,#f56565);color:#fff;padding:.25rem .5rem;border-radius:6px;font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.language-select{width:100%;max-width:400px;padding:.875rem 1rem;border:2px solid #cbd5e0;border-radius:12px;font-size:1rem;font-weight:600;color:#001f3f;background:#fff;cursor:pointer;transition:all .3s ease}.language-select:focus{outline:none;border-color:#00d4ff;box-shadow:0 0 0 4px #00d4ff1a}.info-box{background:#f8f9fa;border-left:4px solid #00d4ff;border-radius:8px;padding:1.5rem;margin-top:1rem}.info-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid #e9ecef}.info-row:last-child{border-bottom:none;padding-bottom:0}.info-row:first-child{padding-top:0}.info-label{font-weight:700;color:#001f3f;font-size:.9375rem}.info-value{color:#718096;font-size:.9375rem;text-align:right}.settings-actions{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem;background:#fff;border-radius:16px;box-shadow:0 4px 16px #001f3f26}.save-message{padding:1rem 2rem;border-radius:8px;font-weight:600;text-align:center;animation:fadeIn .3s ease}.save-message.success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.save-message.error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.btn-save{padding:1rem 3rem;background:linear-gradient(135deg,#00d4ff,#09f);color:#fff;border:none;border-radius:12px;font-weight:700;font-size:1rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #0099ff4d;text-transform:uppercase;letter-spacing:.1em}.btn-save:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 6px 24px #0099ff80;background:linear-gradient(135deg,#09f,#06c)}.btn-save:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-configure{padding:.875rem 2rem;background:linear-gradient(135deg,#001f3f,#036);color:#fff;border:none;border-radius:12px;font-weight:700;text-decoration:none;display:inline-block;transition:all .3s ease;text-transform:uppercase;letter-spacing:.05em;font-size:.875rem}.btn-configure:hover{transform:translateY(-2px);box-shadow:0 4px 12px #001f3f66;background:linear-gradient(135deg,#036,#004080)}.error-container{text-align:center;padding:5rem 2rem;background:#fff;border-radius:16px;box-shadow:0 4px 16px #001f3f26;max-width:600px;margin:4rem auto;border:2px solid #fc8181}.error-container h2{margin:0 0 1rem;color:#f56565;font-size:2rem}.error-container p{margin:0 0 2rem;color:#718096;font-size:1.125rem}.btn-back{padding:.875rem 2rem;background:linear-gradient(135deg,#00d4ff,#09f);color:#fff;border:none;border-radius:12px;font-weight:700;text-decoration:none;display:inline-block;transition:all .3s ease;text-transform:uppercase;letter-spacing:.05em}.btn-back:hover{transform:translateY(-2px);box-shadow:0 4px 12px #09f6}@media(max-width:768px){.settings-page{padding:1rem}.settings-header{padding:2rem 1.5rem}.settings-header h1{font-size:2rem}.settings-section{padding:1.5rem}.section-header h2{font-size:1.5rem}.languages-grid{grid-template-columns:1fr}.info-row{flex-direction:column;align-items:flex-start;gap:.5rem}.info-value{text-align:left}}.settings-email-page{padding:20px;max-width:1400px;margin:0 auto}.settings-container{margin-top:20px}.message{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:8px;margin-bottom:16px;position:relative}.message span:first-child{font-size:20px}.message p{margin:0;flex:1;font-weight:500}.message button{background:none;border:none;font-size:20px;cursor:pointer;color:inherit;opacity:.7;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.message button:hover{opacity:1}.error-message{background-color:#fee;color:#c33;border:1px solid #fcc}.success-message{background-color:#efe;color:#3c3;border:1px solid #cfc}.settings-layout{display:grid;grid-template-columns:320px 1fr;gap:24px;min-height:600px}.template-sidebar{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #00000014}.template-sidebar h2{margin:0 0 8px;font-size:18px;color:#001f3f;display:flex;align-items:center;gap:8px}.sidebar-hint{margin:0 0 16px;font-size:13px;color:#718096}.loading-spinner{text-align:center;padding:40px 20px;color:#718096;font-size:14px}.template-list{display:flex;flex-direction:column;gap:8px}.template-item{background:#f7fafc;border:2px solid #e2e8f0;border-radius:8px;padding:12px;cursor:pointer;transition:all .2s ease;text-align:left;width:100%;display:flex;flex-direction:column;gap:8px}.template-item:hover{background:#edf2f7;border-color:#cbd5e0}.template-item.active{background:#001f3f;border-color:#001f3f;color:#fff}.template-item-header{display:flex;align-items:center;gap:8px}.template-icon{font-size:16px}.template-name{font-weight:600;font-size:14px}.template-status{font-size:12px;font-weight:500;display:flex;align-items:center;gap:4px}.template-status.active{color:#38a169}.template-item.active .template-status.active{color:#9ae6b4}.template-status.inactive{color:#e53e3e}.template-item.active .template-status.inactive{color:#fc8181}.template-editor{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #00000014}.editor-header{margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #e2e8f0}.editor-header h2{margin:0 0 8px;font-size:20px;color:#001f3f;display:flex;align-items:center;gap:8px}.editor-hint{margin:0;font-size:13px;color:#718096;background:#f7fafc;padding:8px 12px;border-radius:6px;border-left:3px solid #4299e1}.form-section{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-weight:600;font-size:14px;color:#2d3748}.form-input{padding:10px 12px;border:2px solid #e2e8f0;border-radius:6px;font-size:14px;transition:border-color .2s ease}.form-input:focus{outline:none;border-color:#4299e1}.form-hint{font-size:12px;color:#718096;margin-top:4px}.checkbox-group{padding:12px 0}.checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:14px;color:#2d3748}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.form-actions{display:flex;gap:12px;padding-top:16px;border-top:2px solid #e2e8f0}.btn-save,.btn-cancel{padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-save{background:#001f3f;color:#fff;flex:1}.btn-save:hover:not(:disabled){background:#036;transform:translateY(-1px);box-shadow:0 4px 8px #001f3f33}.btn-save:disabled{opacity:.6;cursor:not-allowed}.btn-cancel{background:#e2e8f0;color:#2d3748}.btn-cancel:hover{background:#cbd5e0}.no-selection{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 40px;text-align:center;color:#718096}.no-selection-icon{font-size:64px;margin-bottom:16px;opacity:.5}.no-selection h3{margin:0 0 8px;font-size:20px;color:#2d3748}.no-selection p{margin:0;font-size:14px}@media(max-width:1024px){.settings-layout{grid-template-columns:1fr}.template-sidebar{max-width:100%}}.database-backup-container{padding:20px;max-width:1400px;margin:0 auto}.database-backup-container h2{color:#001f3f;margin-bottom:30px;font-size:28px}.database-backup-container h3{color:#036;margin-bottom:15px;font-size:22px;border-bottom:2px solid #e0e0e0;padding-bottom:10px}.database-backup-container h4{color:#004080;margin:20px 0 15px;font-size:18px}.backup-section{background:#fff;border-radius:8px;padding:25px;margin-bottom:30px;box-shadow:0 2px 8px #0000001a}.section-description{color:#666;margin-bottom:20px;font-size:14px}.alert{padding:15px 20px;border-radius:6px;margin-bottom:20px;font-weight:500}.alert-error{background:#fee;border:1px solid #fcc;color:#c33}.alert-success{background:#efe;border:1px solid #cfc;color:#3c3}.action-buttons{display:flex;gap:15px;margin-bottom:30px;flex-wrap:wrap}.btn{padding:12px 24px;border:none;border-radius:6px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:8px}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,#001f3f,#036);color:#fff}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#036,#004080);transform:translateY(-2px);box-shadow:0 4px 12px #001f3f4d}.btn-secondary{background:linear-gradient(135deg,#4a5568,#2d3748);color:#fff}.btn-secondary:hover:not(:disabled){background:linear-gradient(135deg,#2d3748,#1a202c);transform:translateY(-2px);box-shadow:0 4px 12px #2d37484d}.btn-success{background:linear-gradient(135deg,#48bb78,#38a169);color:#fff}.btn-success:hover:not(:disabled){background:linear-gradient(135deg,#38a169,#2f855a);transform:translateY(-2px);box-shadow:0 4px 12px #48bb784d}.btn-sm{padding:6px 12px;font-size:13px}.btn-download{background:#4299e1;color:#fff}.btn-download:hover{background:#3182ce}.backups-list{margin-top:20px}.data-table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden}.data-table thead{background:linear-gradient(135deg,#001f3f,#036);color:#fff}.data-table th{padding:15px;text-align:left;font-weight:600;font-size:14px;letter-spacing:.5px}.data-table td{padding:12px 15px;border-bottom:1px solid #e0e0e0;font-size:14px}.data-table tbody tr:hover{background:#f7fafc}.data-table tbody tr:last-child td{border-bottom:none}.filename{font-family:Courier New,monospace;font-size:13px;color:#2d3748}.badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.badge-full{background:#bee3f8;color:#2c5282}.badge-schema{background:#faf089;color:#744210}.badge-scenarios{background:#c6f6d5;color:#22543d}.badge-kits{background:#fed7d7;color:#742a2a}.badge-complete{background:#e9d8fd;color:#44337a}.no-data{text-align:center;padding:40px;color:#a0aec0;font-style:italic}.info-section{background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;padding:20px}.info-section h4{color:#2d3748;margin-top:0;margin-bottom:15px}.info-section ul{list-style:none;padding:0;margin:0}.info-section li{padding:8px 0;color:#4a5568;font-size:14px;border-bottom:1px solid #e2e8f0}.info-section li:last-child{border-bottom:none}.info-section strong{color:#2d3748;font-weight:600}@media(max-width:768px){.action-buttons{flex-direction:column}.btn{width:100%;justify-content:center}.data-table{font-size:12px}.data-table th,.data-table td{padding:10px 8px}.database-backup-container h2{font-size:24px}.database-backup-container h3{font-size:20px}}.admin-backups-page{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:30px}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding:20px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a}.header-content h1{margin:0;color:#001f3f;font-size:32px}.subtitle{margin:5px 0 0;color:#666;font-size:16px}.btn-back{padding:12px 24px;background:linear-gradient(135deg,#4a5568,#2d3748);color:#fff;text-decoration:none;border-radius:8px;font-weight:600;transition:all .3s ease;display:inline-flex;align-items:center;gap:8px}.btn-back:hover{background:linear-gradient(135deg,#2d3748,#1a202c);transform:translateY(-2px);box-shadow:0 4px 12px #2d37484d}@media(max-width:768px){.admin-backups-page{padding:15px}.page-header{flex-direction:column;gap:15px;align-items:flex-start}.btn-back{width:100%;justify-content:center}.header-content h1{font-size:24px}.subtitle{font-size:14px}}.analytics-page{min-height:calc(100vh - 200px);background:#f7fafc;padding:100px 20px 60px}.analytics-container{max-width:1400px;margin:2rem auto 0}.analytics-loading,.analytics-error{text-align:center;padding:4rem 2rem;background:#fff;border-radius:12px;box-shadow:0 4px 20px #001f3f14;max-width:600px;margin:2rem auto}.spinner{border:4px solid #E5E7EB;border-top:4px solid #00A3E0;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite;margin:0 auto 1rem}.analytics-loading p{color:#6b7280;font-size:1rem}.analytics-error p{color:#dc2626;font-size:1rem;margin-bottom:1.5rem}.retry-btn{background:#00a3e0;color:#fff;border:none;padding:.75rem 2rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.retry-btn:hover{background:#0086ba;transform:translateY(-2px);box-shadow:0 4px 12px #00a3e04d}.date-range-selector{background:#fff;border:2px solid #00A3E0;color:#00205b;padding:.5rem 1rem;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.date-range-selector:hover{background:#f0f9ff;border-color:#0086ba}.date-range-selector:focus{outline:none;box-shadow:0 0 0 3px #00a3e033}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.metric-card{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 4px 20px #001f3f14;transition:all .3s ease}.metric-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #001f3f26}.metric-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.metric-icon{font-size:1.5rem}.metric-header h3{color:#6b7280;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin:0}.metric-value{color:#00205b;font-size:2rem;font-weight:800;margin-bottom:.5rem;display:flex;align-items:baseline;gap:.25rem}.metric-unit{color:#6b7280;font-size:1rem;font-weight:600}.metric-trend{display:flex;align-items:center;gap:.5rem;font-size:.875rem}.metric-trend.positive{color:#10b981}.metric-trend.negative{color:#dc2626}.trend-icon{font-size:1rem;font-weight:700}.trend-value{font-weight:700}.trend-label{color:#6b7280;font-size:.75rem}.analytics-chart-card{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 20px #001f3f14;margin-bottom:2rem}.chart-title{color:#00205b;font-size:1.25rem;font-weight:700;margin:0 0 1.5rem;display:flex;align-items:center;gap:.5rem}.analytics-two-column{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:2rem}.traffic-sources-legend{display:flex;flex-direction:column;gap:.75rem;margin-top:1.5rem}.legend-item{display:flex;align-items:center;gap:.75rem;padding:.5rem;border-radius:6px;transition:background .2s ease}.legend-item:hover{background:#f9fafb}.legend-color{width:16px;height:16px;border-radius:4px;flex-shrink:0}.legend-label{color:#4b5563;font-size:.9rem;flex-grow:1}.legend-value{color:#00205b;font-weight:700;font-size:.9rem}.top-pages-table{overflow-x:auto}.top-pages-table table{width:100%;border-collapse:collapse}.top-pages-table thead{background:#f9fafb}.top-pages-table th{color:#6b7280;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:.75rem 1rem;text-align:left;border-bottom:2px solid #E5E7EB}.top-pages-table td{padding:1rem;border-bottom:1px solid #E5E7EB}.top-pages-table tbody tr{transition:background .2s ease}.top-pages-table tbody tr:hover{background:#f9fafb}.page-url{color:#4b5563;font-size:.9rem;display:flex;align-items:center;gap:.75rem}.page-rank{background:linear-gradient(135deg,#00a3e0,#00205b);color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:700;min-width:32px;text-align:center}.page-views{color:#00205b;font-weight:700;font-size:.9rem}.page-time{color:#6b7280;font-size:.85rem}@media(max-width:1024px){.analytics-two-column{grid-template-columns:1fr}}@media(max-width:768px){.analytics-page{padding:90px 15px 40px}.metrics-grid{grid-template-columns:1fr;gap:1rem}.analytics-chart-card{padding:1.5rem}.chart-title{font-size:1.125rem}.metric-value{font-size:1.75rem}}@media(max-width:480px){.analytics-container{margin:1rem auto 0}.analytics-chart-card,.metric-card{padding:1rem}.top-pages-table{font-size:.85rem}.page-url{flex-direction:column;align-items:flex-start;gap:.5rem}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f7fafc;color:#2d3748}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.loading-screen .spinner{width:60px;height:60px;border:6px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.loading-screen p{margin-top:24px;font-size:18px;font-weight:500}@keyframes spin{to{transform:rotate(360deg)}}h1,h2,h3,h4,h5,h6{color:#2d3748;font-weight:700}h1{font-size:36px;margin-bottom:16px}h2{font-size:28px;margin-bottom:12px}h3{font-size:22px;margin-bottom:10px}.card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #00000014;transition:all .3s ease}.card:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-4px)}.btn{display:inline-block;padding:12px 24px;border-radius:8px;font-weight:600;font-size:15px;text-decoration:none;border:none;cursor:pointer;transition:all .2s ease}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 12px #667eea4d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.btn-secondary{background:#e2e8f0;color:#2d3748}.btn-secondary:hover{background:#cbd5e0}.grid{display:grid;gap:24px}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.text-center{text-align:center}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mt-4{margin-top:32px}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}.mb-4{margin-bottom:32px}@media(max-width:768px){h1{font-size:28px}h2{font-size:24px}h3{font-size:20px}.card{padding:20px}}.spinner{border:4px solid #f3f3f3;border-top:4px solid #00d4ff;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin:0 auto 1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.main-content{padding-top:70px;min-height:calc(100vh - 70px)}