*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{background-color:#f9f9f9;color:var(--text-color);font-family:var(--font-family);line-height:1.6}ol,ul{list-style:none}a{color:inherit;text-decoration:none}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;overflow-x:hidden;transform:scale(1);transform-origin:top left}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body,html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}body,html{background-color:#f0f0f0;font-family:Arial,sans-serif;text-align:center}.maintenance-mode,body,html{align-items:center;display:flex;height:100vh;justify-content:center}.maintenance-mode{width:100vw}.maintenance{background:#fff;border-radius:10px;box-shadow:0 8px 20px #0000001a;padding:40px 20px}h1{color:#e67e22;font-size:2.5rem;margin-bottom:20px}p{font-size:1.2rem;line-height:1.6;margin:20px 0}.button{background-color:#e67e22;border-radius:5px;color:#fff;display:inline-block;font-weight:700;margin-top:20px;padding:10px 20px;text-decoration:none;transition:background-color .3s}.button:hover{background-color:#d35400}@media (max-width:768px){.maintenance{padding:30px 15px}h1{font-size:2rem}p{font-size:1rem}.button{font-size:.9rem}}.landing-page{height:100vh;overflow:hidden;position:relative;width:100vw}.landing-container{align-items:center;background:#000;display:flex;height:100vh;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:2000}.video-container{height:100%;position:relative;width:100%}.landing-video{height:100%;object-fit:cover;width:100%}.skip-button-container{bottom:10%;position:absolute;right:10%}.skip-button{background:#fffc;border:none;border-radius:5px;cursor:pointer;font-size:18px;padding:10px 20px;transition:background .3s ease}.skip-button:hover{background:#fff}.fade-out{animation:fade-out 1s forwards}@keyframes fade-out{0%{opacity:1}to{opacity:0;visibility:hidden}}@media (max-width:768px){.landing-container{align-items:center;background:#000;flex-direction:column;height:100vh}.landing-container,.video-container{display:flex;justify-content:center;position:relative}.video-container{height:auto;max-width:100%;width:100%}.landing-video{max-height:400px;object-fit:cover;width:100%}.skip-button-container{bottom:5%;position:absolute;right:5%}.skip-button{font-size:16px;padding:8px 15px}}.home-page{align-items:center;display:flex;flex-direction:column;margin:0 auto;max-width:1200px;padding:20px;text-align:center}.home-header{background-color:var(--primary-color);border-radius:8px;box-shadow:var(--box-shadow);color:var(--light-color);margin-bottom:40px;max-width:900px;padding:40px 30px}.home-header h1{font-size:2.5rem}.home-header p{font-size:1.2rem;margin:15px 0}.cta-button{background-color:var(--secondary-color);border-radius:5px;color:var(--light-color);display:inline-block;font-size:1.2rem;font-weight:700;padding:8px 20px;text-decoration:none;transition:background-color .3s ease}.cta-button:hover{background-color:var(--secondary-dark)}.home-about{background-color:var(--light-color);border-radius:8px;box-shadow:var(--box-shadow);margin-top:30px;max-width:900px;padding:40px}.home-about h2{font-size:1.8rem;font-weight:700}.home-services{margin-bottom:40px;padding:40px}.home-services h2{font-size:1.5rem;font-weight:700;padding-bottom:10px}.services-list{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.service-item{background-color:var(--light-color);border-radius:8px;box-shadow:var(--box-shadow);flex:1 1 300px;max-width:300px;padding:20px}.service-item h3{font-size:1.5rem;font-weight:700}@media (max-width:768px){.home-page{max-width:100%;padding:10px}.home-header{margin:0 auto 30px;max-width:100%;padding:30px 20px}.home-header h1{font-size:2rem}.home-header p{font-size:1rem;padding:10px 0}.cta-button{font-size:1rem;padding:10px 20px}.home-about{max-width:100%}.home-about,.home-services{padding:30px}.services-list{align-items:center;flex-direction:column}.service-item{max-width:100%;text-align:center}}.about-page{align-items:center;display:flex;flex-direction:column;margin:0 auto;max-width:1200px;padding:20px;text-align:center}.about-header{background-color:var(--primary-color);border-radius:8px;box-shadow:var(--box-shadow);color:var(--light-color);margin-bottom:40px;max-width:900px;padding:40px 30px}.about-header h1{font-size:2.5rem;margin:130px 0}.about-header p{font-size:1.2rem}.about-histoire,.about-mission{background-color:var(--light-color);border-radius:8px;box-shadow:var(--box-shadow);margin-top:30px;max-width:900px;padding:40px}.about-histoire h2,.about-mission h2{font-size:1.8rem;font-weight:700}.about-valeurs{margin-bottom:10px;padding:40px}.about-valeurs h2{font-size:1.5rem;font-weight:700;padding-bottom:10px}.about-list{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.about-item{background-color:var(--light-color);border-radius:8px;box-shadow:var(--box-shadow);flex:1 1 300px;max-width:300px;padding:20px}.about-item h3{font-size:1.5rem;font-weight:700}.about-team{padding:40px 20px;text-align:center}.about-team h2{color:#007bff;font-size:2rem;margin-bottom:20px}.team-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.team-member{background-color:var(--light-color);border-radius:8px;box-shadow:var(--box-shadow);max-width:300px;padding:20px;text-align:center}.team-photo{border-radius:50%;height:auto;margin-bottom:10px;width:100%}.team-member h3{color:#333;font-size:1.2rem;margin:10px 0 5px}.team-member p{color:#555;font-size:.9rem;margin:0}@media (max-width:768px){.about-page{max-width:100%;padding:10px}.about-header{margin:0 auto 30px;max-width:100%;padding:30px 20px}.about-header h1{font-size:2rem}.about-header p{font-size:1rem;padding:10px 0}.about-histoire,.about-mission,.about-valeurs{max-width:100%;padding:30px}.about-list{align-items:center;flex-direction:column}.about-item{max-width:250px;min-height:120px;text-align:center}.team-container{align-items:center;flex-direction:column}.team-member{max-width:100%}}.contact-page{color:#333;font-family:Arial,sans-serif;margin:0 auto;max-width:1200px;padding:20px}.contact-header{margin-bottom:40px}.contact-header h1{font-size:2.5rem}.contact-header p{color:#555;font-size:1.2rem;text-align:left}.contact-form{flex:1 1 500px;text-align:left}.contact-form h2{font-size:1.8rem}.contact-form h2,.form-group{margin-bottom:20px}.form-group label{display:block;font-weight:700;margin-bottom:5px}.form-group input,.form-group textarea{border:1px solid #ccc;border-radius:5px;font-size:1rem;padding:10px;width:100%}.form-group textarea{height:150px;resize:vertical}.submit-button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;padding:10px 20px}.submit-button:hover{background-color:#0056b3}.contact-info{flex:1 1 300px}.contact-info h2{font-size:1.8rem;margin-bottom:20px}.contact-info ul{list-style:none;margin:0;padding:0}.contact-info ul li{margin-bottom:10px}.contact-info ul li a{color:#007bff;text-decoration:none}.contact-info ul li a:hover{text-decoration:underline}.social-icons{margin-top:20px}.social-icons .social-icon{background-color:#007bff;border-radius:50%;color:#fff;display:inline-block;font-size:1rem;margin-right:10px;padding:10px 15px;text-decoration:none}.social-icons .social-icon:hover{background-color:#0056b3}@media (max-width:768px){.contact-page{max-width:100%;padding:10px}}.auth-container{align-items:center;background:radial-gradient(ellipse at 50% 50%,#f0f7ff,#fff);display:flex;justify-content:center;left:0;min-height:100vh;padding:1rem;position:fixed;top:0;width:100%}.auth-card{background-color:#fff;border-radius:8px;box-shadow:0 5px 15px #0000001a;max-width:450px;padding:2.5rem;position:relative;text-align:center;width:100%}.close-header{justify-content:flex-end;margin-top:-20px}.close-header,.logo-header{display:flex;padding-top:10px}.logo-header{justify-content:center}.auth-content{margin-top:20px}.auth-logo{height:40px;object-fit:contain}.auth-close-btn{background:none;border:none;cursor:pointer;font-size:1.2rem}.auth-form{display:flex;flex-direction:column;gap:1rem}.auth-section{padding-top:10px}.auth-google-btn{align-items:center;display:flex;font-weight:700;gap:8px;justify-content:center}.MuiInputAdornment-root{margin-right:8px}@media (max-width:768px){.auth-container{align-items:center;background:radial-gradient(ellipse at 50% 50%,#f0f7ff,#fff);display:flex;justify-content:center;left:0;min-height:100vh;padding:1rem;position:fixed;top:0;width:100%}.auth-card{box-shadow:0 5px 15px #0000001a;max-width:400px;padding:2rem;width:90%}.close-header{display:flex;justify-content:flex-end;margin-right:-30px;padding-top:10px}.auth-logo{height:25px}.auth-form .MuiInputAdornment-root{margin-bottom:.5rem}}.user-profile-page{align-items:center;display:flex;flex-direction:column;padding:20px;text-align:center;width:100%}.user-profile-header{background-color:var(--primary-color);border-radius:8px;box-shadow:var(--box-shadow);color:var(--light-color);margin:0 auto 30px;max-width:900px;padding:40px 30px}.user-profile-header h1{font-size:2.5rem}.user-profile-info,.user-profile-roles,.user-profile-security{background:#fff;border-radius:8px;box-shadow:var(--box-shadow);margin:10px 0;max-width:800px;padding:30px;text-align:left;width:100%}.user-profile-info h2,.user-profile-roles h2,.user-profile-security h2{font-size:1.8rem;margin-bottom:1rem}.user-profile-info input,.user-profile-security input{margin:.5rem 0;padding:.5rem;width:100%}.checkbox-group{flex-wrap:wrap;gap:1rem}.checkbox-label{gap:.5rem}.save-button-wrapper{margin-top:20px}.save-button{background-color:var(--secondary-color);border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:700;padding:.8rem 1.5rem}.save-button.loading{background-color:grey;cursor:not-allowed}.save-button:hover{background-color:var(--secondary-dark)}.alert-error,.alert-success{animation:fade-in .5s ease-in-out}.alert-success{background-color:#d4edda;color:#155724}.alert-error,.alert-success{border-radius:5px;margin-bottom:20px;max-width:800px;padding:10px;width:90%}.alert-error{background-color:#f8d7da;color:#721c24}@keyframes fade-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.user-profile-header{max-width:100%;padding:30px 20px}.user-profile-header h1{font-size:2rem}.user-profile-info,.user-profile-roles,.user-profile-security{padding:20px}.save-button{width:100%}}body,html{background-color:#fff;height:100%;margin:0;padding:0}.main{background-color:#fff;justify-content:center;left:0;position:fixed;top:0}.main,.not-found-page{align-items:center;display:flex;height:100%;width:100%}.not-found-page{box-sizing:border-box;padding:20px}.not-found-header,.not-found-page{flex-direction:column;text-align:center}.not-found-header{align-items:center;background-color:var(--primary-color);border-radius:8px;box-shadow:var(--box-shadow);color:var(--light-color);display:flex;max-width:900px;padding:40px 30px;width:90%}.not-found-header h1{font-size:2.5rem;margin:0}.not-found-header h2{font-size:1.6rem;margin-top:10px}.not-found-header p{font-size:1.2rem;margin:15px 0}.not-found-button{background-color:var(--secondary-color);border:none;border-radius:5px;color:var(--light-color);cursor:pointer;display:inline-block;font-size:1.1rem;font-weight:700;margin-top:10px;padding:10px 24px;text-decoration:none;transition:background-color .3s ease}.not-found-button:hover{background-color:var(--secondary-dark)}.card-admin{background-color:#fff;border:1px solid #ddd;border-radius:1rem;box-shadow:0 4px 8px #0000001a;cursor:pointer;padding:1.5rem;text-align:center;transition:transform .2s ease;width:280px}.card-admin:hover{transform:translateY(-4px)}.card-admin h2{font-size:1.2rem;margin-bottom:.5rem}.card-admin p{color:#555;font-size:.95rem}.card-admin button{background-color:#007bff;border:none;border-radius:.6rem;color:#fff;cursor:pointer;margin-top:1rem;padding:.6rem 1.2rem}.card-admin button:hover{background-color:#0056b3}.admin-dashboard-page{align-items:center;display:flex;flex-direction:column;padding:20px;text-align:center;width:100%}.admin-dashboard-header{background-color:var(--primary-color);border-radius:12px;box-shadow:var(--box-shadow);color:var(--light-color);margin:0 auto 30px;max-width:800px;padding:40px 30px;transition:all .3s ease;width:100%}.admin-dashboard-header h1{font-size:2.5rem;margin-bottom:.5rem}.admin-dashboard-header p{font-size:1.2rem;opacity:.8}.highlight{color:#e87017}.admin-dashboard-cards{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;max-width:1000px;width:100%}.admin-card{align-items:center;background:#fff;border:1px solid #ddd;border-radius:12px;box-shadow:0 4px 8px #0000001a;cursor:pointer;display:flex;flex-direction:column;padding:1.5rem;text-align:center;transition:transform .2s ease;width:280px}.admin-card:hover{transform:translateY(-5px)}.admin-card h2{font-size:1.4rem;font-weight:700;margin-bottom:.5rem}.admin-card p{font-size:1rem;opacity:.8}.admin-card-button{background-color:var(--secondary-color);border:none;border-radius:8px;color:#fff;font-weight:700;margin-top:1rem;padding:.6rem 1.2rem;transition:background-color .3s}.admin-card-button:hover{background-color:var(--secondary-dark)}@media (max-width:768px){.admin-dashboard-header h1{font-size:2rem}.admin-dashboard-header p{font-size:1rem}.admin-card{width:90%}}#account-menu{align-items:center;cursor:pointer;display:flex;position:relative}.account-menu-right{margin-left:10px}.account-name{color:var(--primary-text-color);font-size:1rem;font-weight:700}.account-dropdown{background-color:var(--primary-back-color);border:1px solid #ddd;border-radius:5px;box-shadow:var(--box-shadow);min-width:150px;opacity:0;padding:8px;position:absolute;right:0;text-align:right;top:calc(100% + 8px);transform:translateY(-5px);transition:opacity .3s ease,transform .3s ease;visibility:hidden;z-index:1000}.account-menu.active .account-dropdown{opacity:1;transform:translateY(0);visibility:visible}.account-dropdown li{list-style:none;margin-bottom:8px}.account-dropdown li:last-child{margin-bottom:0}.account-dropdown li a,.account-dropdown li span{color:var(--text-color);cursor:pointer;font-size:.95rem;text-decoration:none;transition:color .3s ease}.account-dropdown li a:hover,.account-dropdown li span:hover{color:var(--secondary-color)}@media (max-width:768px){.account-menu-ham{align-items:center;display:flex;gap:8px}.account-menu-ham .account-name{font-size:1rem;font-weight:700}}.menu{justify-content:space-between;margin-bottom:-40px;max-width:1200px;width:100%}.menu,.menu-center{align-items:center;display:flex}.menu-center{flex:1 1;justify-content:center;margin-left:180px}.menu-logo img{max-height:35px;max-width:120px;object-fit:contain}.container-right{align-items:center;justify-content:flex-end}.container-right,.menu-list{display:flex;gap:20px}.menu-left a,.menu-right a{color:var(--primary-text-color);font-size:16px;font-weight:700;text-decoration:none;transition:color .3s ease}.menu-left a:hover,.menu-right a:hover{color:var(--secondary-color)}.search-box{border:1px solid var(--border-color);right:380px;top:calc(100% + 6px)}.account-wrapper{position:relative}.menu-ham-container{display:none}@media (max-width:768px){.menu-ham-container{display:flex!important;justify-content:flex-end;position:absolute;right:20px;top:10px;z-index:1000}.menu-ham-dropdown{background-color:var(--primary-back-color);border-radius:5px;box-shadow:var(--box-shadow);opacity:0;padding:10px;position:absolute;right:10px;top:40px;transform:translateY(-10px);transition:opacity .3s ease,transform .3s ease;visibility:hidden;width:220px;z-index:1000}.menu-ham-container:hover .menu-ham-dropdown{opacity:1;transform:translateY(0);visibility:visible}.menu-ham-dropdown ul{display:flex;flex-direction:column;list-style:none;margin:0;padding:0 15px 0 0;text-align:right}.menu-ham-dropdown ul li{align-items:center;display:flex;gap:8px;padding:8px 12px}.menu-ham-dropdown ul li a,.menu-ham-dropdown ul li span.popup-link{color:var(--text-color);cursor:pointer;font-size:1rem;text-decoration:none;transition:color .3s ease}.menu-ham-dropdown ul li a:hover,.menu-ham-dropdown ul li span.popup-link:hover{color:var(--secondary-color)}.menu-logo img{max-height:30px;max-width:100px;object-fit:contain}.menu-center{margin-left:0}}.menu-search{align-items:center;cursor:pointer;display:flex;position:relative}.menu-search svg{height:24px;width:24px}.search-box{align-items:center;background-color:var(--primary-back-color);border:1px solid #ddd;border-radius:6px;box-shadow:var(--box-shadow);display:flex;max-width:200px;padding:5px;position:absolute;right:-5px;top:calc(100% + 11px);transition:all .3s ease;width:200px;z-index:1000}.search-input{border:1px solid #ccc;border-radius:4px;padding:5px;width:100%}header.header{background-color:var(--primary-back-color);box-shadow:var(--box-shadow);box-sizing:border-box;height:var(--header-height);justify-content:center;padding:0 20px}.header-container,header.header{align-items:center;display:flex;width:100%}.header-container{margin:0 auto}.header-container,.menu-container{justify-content:space-between;max-width:1200px}.menu-container{align-items:center;display:flex;width:100%}@media (max-width:768px){.header-container,.menu-container{align-items:flex-start;flex-direction:column}.menu-container{padding:10px 20px}}.footer{background-color:var(--primary-color);border-radius:8px;box-sizing:border-box;color:var(--light-color);font-family:var(--font-family);margin-top:100px;padding:40px 20px 20px;position:relative;text-align:center;width:100%}.footer-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin:0 auto;max-width:1200px;width:100%}.footer-container>div{align-items:center;display:flex;flex:1 1;flex-direction:column;min-width:240px;text-align:center}.footer h4{color:#1abc9c;font-size:1.1rem;margin-bottom:10px;text-transform:uppercase}.footer p,.footer ul{list-style:none;margin:0;padding:0}.footer ul{display:flex;flex-direction:column;gap:5px}.footer li{align-items:center;display:flex;gap:8px}.footer a,.footer li{color:var(--light-color)}.footer a{text-decoration:none;transition:color .3s ease}.footer a:hover{color:#1abc9c}.footer-bottom{border-top:1px solid #34495e;font-size:.85rem;margin-top:20px;opacity:.7;padding-top:15px}@media (max-width:768px){.footer-container{align-items:center;flex-direction:column}.footer-container>div{min-width:100%}}.user-manager-page{align-items:center;display:flex;flex-direction:column;padding:20px;text-align:center;width:100%}.user-manager-header{background-color:var(--primary-color);border-radius:12px;box-shadow:var(--box-shadow);color:var(--light-color);margin:0 auto 30px;max-width:800px;padding:40px 30px;transition:all .3s ease;width:100%}.user-manager-header h1{font-size:2.5rem}.user-manager-header p{font-size:1.2rem;opacity:.8}.user-manager-search{margin:20px auto;max-width:600px;padding:10px;width:100%}.user-manager-search input{border:1px solid #ccc;border-radius:8px;font-size:1rem;padding:.8rem;width:100%}.user-manager-table{overflow-x:auto;width:100%}.user-table{border-collapse:collapse;margin-top:20px;width:100%}.user-table td,.user-table th{border:1px solid #ddd;padding:12px;text-align:left;vertical-align:top}.user-table th{background-color:#f8f9fa;cursor:pointer;font-weight:700}.user-table input[type=text]{box-sizing:border-box;padding:5px;width:100%}.checkbox-group{display:flex;flex-direction:column;gap:4px}.checkbox-label{align-items:center;display:flex;font-size:.9rem;gap:6px}.checkbox-label input{transform:scale(1.1)}.error-text{color:red;margin-top:1rem}@media (max-width:768px){.user-manager-header h1{font-size:2rem}.user-manager-header p{font-size:1rem}.user-manager-search input{font-size:.9rem}.user-table td,.user-table th{font-size:.9rem;padding:8px}}.header-layout{align-items:center;background-color:var(--primary-back-color);box-shadow:var(--box-shadow);display:flex;height:var(--header-height);position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:1000}.layout{display:flex;flex-direction:column;min-height:100vh}.content-layout{width:100%}.content-layout,.content-layout-header{display:flex;flex:1 1;flex-direction:column}.content-layout-header{margin-top:var(--header-height)}.footer-layout{height:var(--footer-height)}.footer-hidden,.header-hidden{display:none}@media (max-width:768px){.header-layout{box-shadow:none;margin-bottom:2320px;padding:0 10px}.content-layout-header{padding-top:var(--header-height)}.footer-layout{padding:10px;text-align:center}}:root{--primary-color:#2c3e50;--secondary-color:#1abc9c;--secondary-dark:#16a085;--light-color:#ecf0f1;--dark-color:#1a1a1a;--text-color:#333;--hover-color:#1e2a38;--primary-back-color:#fff;--secondary-back-color:#f7f7f7;--font-family:"Arial, sans-serif";--font-size-base:16px;--box-shadow:0px 2px 4px #0003;--border-color:#ddd;--input-border-color:#dcdcdc;--header-height:80px;--footer-height:100px;--transition-fast:0.2s ease;--transition-medium:0.3s ease;--transition-slow:0.5s ease}[data-theme=dark]{--primary-color:#1e1e1e;--secondary-color:#16a085;--secondary-dark:#149174;--light-color:#e0e0e0;--dark-color:#000;--text-color:#f0f0f0;--hover-color:#333;--primary-back-color:#121212;--secondary-back-color:#1f1f1f;--box-shadow:0px 2px 6px #ffffff1a;--border-color:#444;--input-border-color:#555}.zone-clickable{cursor:pointer;position:relative;transition:outline .15s ease}.zone-clickable:hover:not(.zone-selected){outline:2px dashed #0080ff80;outline-offset:-2px}.zone-selected{outline:2px solid #32cd32;outline-offset:-2px;z-index:15}.zone-hovered{outline:6px solid #32cd32;outline-offset:-2px;z-index:10}.resize-border-bottom,.resize-border-top{background-color:initial;height:6px;left:0;position:absolute;width:100%;z-index:10}.resize-border-bottom{bottom:0;cursor:ns-resize}.resize-border-top{cursor:ns-resize;top:0}.resize-border-bottom.blocked,.resize-border-top.blocked{background-color:#ff00004d;transition:background-color .2s ease}.zone-size-info{background-color:#000000bf;border-radius:4px;color:#fff;font-family:monospace;font-size:11px;left:8px;padding:2px 6px;pointer-events:none;position:absolute;top:4px;z-index:20}.block-wrapper{background-color:#00000003;border:1px dashed #0000001a;box-sizing:border-box;cursor:move;position:absolute;transition:border-color .2s ease;z-index:15}.block-wrapper.selected{background-color:#007bff1a;border:2px dashed #007bff;outline:2px dashed #007bff}.block-wrapper .delete-button{background-color:#ff4d4f;border:none;border-radius:50%;box-shadow:0 2px 6px #0003;color:#fff;cursor:pointer;font-size:14px;height:24px;position:absolute;right:-12px;top:-12px;width:24px}.block-wrapper .delete-button:hover{background-color:#ff1a1a}.block-wrapper .resize-handle{background-color:#007bff;border-bottom-right-radius:3px;bottom:0;box-shadow:0 0 2px #0000004d;cursor:se-resize;height:12px;position:absolute;right:0;width:12px;z-index:20}.visual-text-block{background-color:#fff;border:1px dashed #999;box-sizing:border-box;cursor:move;font-family:sans-serif;font-size:16px;padding:12px}.visual-text-block .delete-button{background:none;border:none;color:red;cursor:pointer;font-size:1.2em;position:absolute;right:0;top:0}.visual-text-block .content{height:100%;overflow:auto;width:100%}.resize-handle.bottom-right{background-color:#999;bottom:0;cursor:se-resize;height:12px;position:absolute;right:0;width:12px}.builder-block{background-color:#f8f9fa;background-color:var(--light-color,#f8f9fa);border-radius:6px;box-shadow:0 2px 8px #00000026;box-shadow:var(--box-shadow,0 2px 8px #00000026);color:#333;color:var(--text-color,#333);font-weight:700;margin:5px;padding:10px 20px}.builder-block.logo{background-color:#007bff;background-color:var(--primary-color,#007bff);color:#fff;color:var(--light-color,#fff)}.builder-block.title{font-size:1.5rem}.builder-block.actions{display:flex;gap:10px}.builder-block.footer{color:#666;color:var(--text-color,#666);font-size:.9rem;text-align:center}.builder-block.draggable{align-items:center;background-color:#007bff;border-radius:6px;color:#fff;cursor:grab;display:flex;font-weight:700;height:50px;justify-content:center;transition:transform .1s ease;-webkit-user-select:none;user-select:none;width:100px;z-index:10}.builder-block.draggable:hover{box-shadow:0 4px 12px #0000004d;transform:scale(1.05)}.resize-guide-line{background-color:#0080ff;height:2px;pointer-events:none;position:absolute;width:100%;z-index:9999}.toggle-panels-button{background-color:#00000080;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:18px;padding:8px 10px;position:fixed;right:12px;top:12px;z-index:10000}.toggle-panels-button:hover{background-color:#000000b3}.toggle-grid-button{align-items:center;background-color:#00000080;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:18px;justify-content:center;padding:8px 10px;position:fixed;right:12px;top:56px;z-index:10000}.toggle-grid-button:hover{background-color:#000000b3}.toggle-grid-button.active{background-color:#1976d2e6}.grid-overlay{background-image:linear-gradient(90deg,#999 1px,#0000 0),linear-gradient(180deg,#999 1px,#0000 0),linear-gradient(90deg,#000 1px,#0000 0),linear-gradient(180deg,#000 1px,#0000 0);background-size:20px 20px,20px 20px,100px 100px,100px 100px;left:0;pointer-events:none;position:absolute;top:0;z-index:5000}.main-expand-controls{background:#fffffff2;border:1px solid #ccc;border-radius:6px;bottom:calc(env(safe-area-inset-bottom, 0px) + 130px);box-shadow:0 2px 5px #0000001a;gap:4px;padding:8px;position:absolute;right:12px;z-index:1000}.control-group,.main-expand-controls{align-items:center;display:flex;flex-direction:column}.control-group{gap:6px}.main-expand-controls .controls-row{display:flex;gap:8px}.control-group button,.main-expand-controls button{align-items:center;background-color:#f0f0f0;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:18px;font-weight:700;height:32px;justify-content:center;padding:4px 8px;transition:background .2s;width:32px}.control-group button:hover,.main-expand-controls button:hover{background-color:#e0e0e0}.control-group select,.main-expand-controls select{border:1px solid #ccc;border-radius:4px;cursor:pointer;font-size:12px;padding:4px 6px;text-align:center;width:64px}.add-display{color:#444;font-size:12px;margin-left:4px}.surface-active{height:100%}.floating-panel,.page-panel{background-color:#fff;border:1px solid #ccc;border-radius:8px;box-shadow:0 0 10px #0000001a;font-family:system-ui,sans-serif;font-size:13px;left:100px;max-width:400px;min-width:200px;overflow:auto;padding-bottom:12px;pointer-events:auto;position:absolute;resize:both;top:100px;-webkit-user-select:none;user-select:none;width:326px;z-index:9999}.floating-header{background-color:#f5f5f5;border-bottom:1px solid #ddd;cursor:grab;font-weight:700;padding:8px;-webkit-user-select:none;user-select:none}.floating-header .tabs{margin-top:4px}.tabs{border-bottom:1px solid #ccc;display:flex;font-size:13px}.tab{background:#0000;border:none;border-bottom:2px solid #0000;color:#555;cursor:pointer;flex:1 1;font-weight:500;padding:8px}.tab.active{background:#fff;border-bottom:2px solid #1976d2;color:#000;font-weight:700}.star{color:orange;margin-left:4px}.panel-content{font-size:13px;line-height:1.4;padding:16px}.panel-content strong{display:block;margin-bottom:5px}.block-toolbar{display:flex;flex-wrap:wrap;gap:1rem;justify-content:flex-start;margin-bottom:1.2rem;margin-top:1.2rem}.block-toolbar button{align-items:center;background:#f0f0f0;border:1px solid #ccc;border-radius:6px;cursor:pointer;display:flex;font-size:14px;font-weight:700;height:36px;justify-content:center;padding:0;width:36px}.block-toolbar button.active{background-color:#eef6ff;outline:2px solid blue}.block-toolbar button:hover{background:#e0e0e0}.block-subgroup{display:flex;gap:.5rem;margin-top:1rem}.block-subgroup button{align-items:center;background:#f0f0f0;border:1px solid #ccc;border-radius:6px;cursor:pointer;display:flex;font-size:14px;font-weight:700;height:36px;justify-content:center;padding:0;width:36px}.block-subgroup button:hover{background:#e0e0e0}.block-subgroup button.active{background-color:#eef6ff;outline:2px solid blue}.reset-layout-btn,.save-button{align-items:center;background-color:#1976d2;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:15px;font-weight:700;gap:.5rem;justify-content:center;margin-top:10px;max-width:220px;padding:10px 20px;transition:background-color .2s,transform .1s;width:90%}.reset-layout-btn:hover,.save-button:hover{background-color:#12549e}.reset-layout-btn.alt{background-color:#2c3e50}.reset-layout-btn.alt:hover{background-color:#1a252f}.centered-save{text-align:center}.panel-separator{border:none;border-top:1px solid #ccc;margin:12px 16px}.summary{color:#555;font-size:12px}.summary ul{margin:4px 0 0;padding-left:18px}.summary li{list-style:disc;margin:2px 0}.layout-actions{display:flex;gap:6px;justify-content:space-between;margin-bottom:5px;margin-top:20px}.layout-actions button,.zone-reset-button{background:linear-gradient(180deg,#f7f7f7,#eaeaea);border:1px solid #ccc;border-radius:4px;cursor:pointer;flex:1 1;font-size:13px;padding:5px 10px;transition:background .2s}.layout-actions button:hover,.zone-reset-button:hover{background:#e2e2e2}.row-input{align-items:center;display:flex;gap:8px;margin:8px 0}.row-input.between{justify-content:space-between}.row-input label,.zone-section label{display:block;font-weight:700;margin-top:10px;min-width:60px}.row-input input[type=number],.row-input select,.row-input span,.zone-section input[type=number]{border:1px solid #ccc;border-radius:4px;font-size:13px;max-width:100px;padding:4px 6px;width:100%}.template-zone-selector button{background:#fff;border:1px solid #ccc;border-radius:4px;cursor:pointer;font-weight:600;margin:0 5px;padding:6px 12px;transition:all .2s ease-in-out}.template-zone-selector button.active{background:#007bff;border-color:#007bff;color:#fff}.block-tree{color:#333;font-size:13px;max-height:100%;overflow-y:auto;padding:6px;scrollbar-width:thin;text-align:left}.tree-zones-list{list-style:none;margin:0;padding-left:0}.tree-zone{margin-bottom:4px}.tree-zone-title{border-radius:4px;cursor:pointer;display:block;font-family:monospace;font-size:13px;font-weight:700;line-height:1.2;padding:2px 6px;transition:background-color .2s}.tree-zone-title:hover{background-color:#f0f0f0}.tree-zone-title.selected-zone{background-color:#d0e8ff;border-left:4px solid #1976d2}.tree-zone-title.disabled-zone{background-color:initial;color:#222;cursor:default;font-style:italic;opacity:.8;padding-left:24px}.tree-list{list-style:none;margin:2px 0;padding-left:12px}.tree-block-line{align-items:center;border-radius:4px;cursor:pointer;display:flex;font-family:monospace;font-size:13px;line-height:1.2;padding:2px 4px;transition:background-color .15s}.tree-block-line:hover{background-color:#f5f5f5}.tree-block-line.selected-block{background-color:#e6ffe6;border-left:3px solid #4caf50}.tree-branch{display:inline-block;font-family:monospace;font-weight:700;width:1.5em}.tree-label{flex-grow:1;font-family:monospace;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:pre}.tree-actions{display:flex;gap:4px}.tree-actions button{background:#0000;border:none;cursor:pointer;font-size:13px;padding:2px}.tree-children{list-style:none;margin-top:2px;padding-left:16px}.block-tree::-webkit-scrollbar{width:6px}.block-tree::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:4px}.ghost-block{align-items:center;border:2px dashed;border-radius:4px;box-shadow:0 0 6px #0000001a;cursor:grabbing;display:flex;font-size:14px;font-weight:700;justify-content:center;padding:4px;transition:border-color .1s ease,background-color .1s ease;-webkit-user-select:none;user-select:none}.ghost-valid{background-color:#00ff000d;border-color:green}.ghost-invalid{background-color:#ff00000d;border-color:red}.ghost-default{background-color:#007bff0d;border-color:blue}.ghost-text{font-family:serif;font-style:italic}.ghost-image{background-image:url(/static/media/landscape-placeholder-svgrepo-com.612b7d41b42cec31fd8c.svg);background-position:50%;background-repeat:no-repeat;background-size:contain}.grid-layout-builder,body,html{height:100%}.grid-layout-builder{box-sizing:border-box;display:grid;grid-template-areas:"header" "main" "footer";grid-template-columns:1fr;grid-template-rows:80px auto 60px;grid-template-rows:var(--header-height,80px) auto var(--footer-height,60px);margin:0;max-width:none;overflow:visible;padding:0;position:relative;transition:grid-template-rows .01s ease-out,height .01s ease-out;width:100vw}.grid-layout-builder.footer-inline-mode,.grid-layout-builder.footer-none-mode{grid-template-areas:"header" "main";grid-template-rows:80px 1fr;grid-template-rows:var(--header-height,80px) 1fr}.grid-footer,.grid-header,.grid-main{box-sizing:border-box;position:relative;width:100%;z-index:1}.grid-header{align-items:center;background-color:#f8f8f8;border-bottom:1px solid #ccc;display:flex;grid-area:header;justify-content:space-between;padding:0 20px;transition:height .01s ease-out}.grid-main{background-color:#fff;display:block;grid-area:main;overflow-y:auto;padding:2rem;transition:height .01s ease}.main-auto-mode .grid-main{overflow:hidden;position:relative}.grid-layout-builder.footer-inline-mode .grid-main{display:flex;flex-direction:column;height:100%;margin:0;padding:0}.main-container{background-color:#fff;box-sizing:border-box;flex:1 1 auto;overflow-y:auto;width:100%}.footer-container-inline{border-top:1px solid #1c2b3a;box-sizing:border-box;flex-shrink:0;padding:1;width:100%}.footer-container-inline,.grid-footer{background-color:#2c3e50;color:#fff;text-align:center}.grid-footer{grid-area:footer;padding:1rem;transition:height .01s ease-out;z-index:1}.surface-active{display:flex;flex-direction:column;min-height:100vh;overflow:visible;pointer-events:auto;position:relative;width:100%}.floating-panel-root{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:9999}@media (max-width:768px){.grid-layout-builder{grid-template:"header" auto "main" 1fr "footer" auto/1fr;transition:height .01s ease-out}.grid-header{align-items:flex-start;flex-direction:column;padding:10px;transition:height .01s ease-out}.grid-main{padding:1rem;transition:height .01s ease}.grid-layout-builder.footer-inline-mode .grid-main{height:100%;margin:0;padding:0}.footer-container-inline,.main-container{padding:1rem}}
/*# sourceMappingURL=main.bcef187f.css.map*/