*{box-sizing:border-box}html{zoom:.75}:root{--color-black: #000000;--color-dark-gray: #0a0a0a;--color-dark-card: rgba(15, 15, 15, .85);--color-turquoise: #00e5e5;--color-turquoise-glow: rgba(0, 229, 229, .4);--color-turquoise-dark: #00cccc;--color-turquoise-light: #66ffff;--color-white: #ffffff;--color-error: #ff3366;--color-bg: #030303;--font-main: "Outfit", "Inter", system-ui, sans-serif;--font-display: "Outfit", sans-serif;--transition-fast: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1);--radius-lg: 20px;--radius-md: 12px;--glass-border: rgba(255, 255, 255, .08)}body{background:url(/assets/bg.png) no-repeat center center fixed;background-size:cover;color:var(--color-white);font-family:var(--font-main);line-height:1.6;-webkit-font-smoothing:antialiased;min-height:100vh;margin:0;position:relative}body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:#00000073;z-index:-1}.app-container{min-height:100vh;display:flex;justify-content:center;align-items:flex-start;padding:1rem}.configurator-card{background:#000c;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);width:100%;max-width:95vw;height:auto;min-height:80vh;max-height:none;box-shadow:0 40px 100px #000c,0 0 50px #00e5e50d;overflow:visible;display:flex;flex-direction:column;transition:var(--transition-slow)}.configurator-card.admin-wide{max-width:98vw;width:98vw}.tabs-header{display:flex;background:#0006;border-bottom:1px solid var(--glass-border);padding:0 1rem}.tab-button{flex:1;padding:1.5rem 1rem;background:none;border:none;color:#666;cursor:pointer;font-weight:500;font-size:.95rem;font-family:var(--font-display);transition:var(--transition-fast);position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;letter-spacing:.02em}.tab-button:hover:not(.active){color:#aaa}.tab-button.active{color:var(--color-turquoise);text-shadow:0 0 15px var(--color-turquoise-glow)}.tab-button.active:after{content:"";position:absolute;bottom:0;left:20%;right:20%;height:3px;background:var(--color-turquoise);border-radius:3px 3px 0 0;box-shadow:0 0 10px var(--color-turquoise)}.configurator-content{padding:2rem 2rem 2rem 3rem;flex-grow:1;overflow-y:auto;min-height:0;scrollbar-gutter:stable}.configurator-content::-webkit-scrollbar{width:8px}.configurator-content::-webkit-scrollbar-track{background:#ffffff05;border-radius:4px}.configurator-content::-webkit-scrollbar-thumb{background:#00e5e533;border-radius:4px;border:2px solid transparent;background-clip:content-box}.configurator-content::-webkit-scrollbar-thumb:hover{background:#00e5e566;background-clip:content-box}.label{display:block;margin-bottom:.75rem;font-size:.8rem;color:#888;text-transform:uppercase;letter-spacing:.1em;font-weight:600}.input{width:100%;padding:1rem 1.25rem;background:#ffffff08;border:1px solid var(--glass-border);border-radius:var(--radius-md);color:#fff;font-size:1.1rem;font-family:var(--font-main);transition:var(--transition-fast)}.input:focus{outline:none;border-color:var(--color-turquoise);background:#ffffff0f;box-shadow:0 0 15px #00e5e51a}select option{background-color:#1a1a1a;color:#fff;padding:10px}.button{padding:.9rem 2rem;border-radius:var(--radius-md);font-weight:600;font-family:var(--font-display);cursor:pointer;transition:var(--transition-fast);border:none;display:inline-flex;align-items:center;gap:.75rem;font-size:1rem;letter-spacing:.02em}.button-primary{background:var(--color-turquoise);color:var(--color-black);box-shadow:0 4px 15px var(--color-turquoise-glow)}.button-primary:hover:not(:disabled){background:var(--color-turquoise-light);transform:translateY(-2px);box-shadow:0 8px 25px var(--color-turquoise-glow)}.button-primary:disabled{opacity:.5;cursor:not-allowed}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2.5rem}.project-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:3rem}.form-group-dimension{max-width:400px}.help-text{font-size:.8rem;color:#555;margin-top:.6rem;font-weight:400}.error-message{font-size:.8rem;color:var(--color-error);margin-top:.6rem;font-weight:500}.input.error{border-color:var(--color-error);background:#ff33660d;box-shadow:0 0 15px #ff33661a}.calculation-box{margin-top:3rem;padding:2rem;background:#00e5e508;border-left:2px solid var(--color-turquoise);border-radius:4px;box-shadow:inset 10px 0 20px #00e5e505}.calc-item{display:flex;justify-content:space-between;margin-bottom:.75rem;font-size:1.1rem}.calc-value{font-weight:700;color:var(--color-turquoise);text-shadow:0 0 10px var(--color-turquoise-glow)}.selectable-item{display:flex;align-items:center;padding:1.25rem 1.5rem;margin-bottom:1rem;background:#ffffff05;border:1px solid var(--glass-border);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast);font-weight:500}.selectable-item:hover{background:#ffffff0d;border-color:var(--color-turquoise)}.selectable-item.selected{background:#00e5e514;border-color:var(--color-turquoise);box-shadow:0 0 20px #00e5e51a}.configurator-footer{padding:2rem 3rem;background:transparent;border-top:1px solid var(--glass-border);display:flex;align-items:center}.summary-list{display:flex;flex-direction:column;gap:1.25rem;background:#ffffff05;padding:2.5rem;border-radius:var(--radius-md);border:1px solid var(--glass-border)}.summary-item{font-size:1.2rem;border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:.75rem;display:flex;justify-content:space-between}.summary-item strong{color:#888;font-weight:500}.success-banner{margin-top:3rem;background:#00e5e51a;color:var(--color-turquoise);padding:1.5rem;border-radius:var(--radius-md);display:flex;align-items:center;gap:1rem;font-weight:600;border:1px solid var(--color-turquoise);box-shadow:0 0 30px #00e5e51a}.tab-title{font-size:2rem;font-weight:700;margin-bottom:2.5rem;color:var(--color-white);letter-spacing:-.02em;display:flex;align-items:center;gap:1rem}.type-badge-inline{font-size:.9rem;background:#00e5e51a;color:var(--color-turquoise);padding:.2rem .6rem;border-radius:4px;border:1px solid rgba(0,229,229,.3);font-weight:600}.button-secondary{background:transparent;color:#888;border:1px solid #444}.button-secondary:hover{color:#fff;border-color:#888;background:#ffffff0d}.button-success{background:#00e5e51a;color:var(--color-turquoise);border:1px solid var(--color-turquoise)}.button-success:hover{background:var(--color-turquoise);color:var(--color-black);box-shadow:0 0 20px var(--color-turquoise-glow)}.button-danger{background:#ff33661a;color:var(--color-error);border:1px solid var(--color-error)}.button-danger:hover{background:var(--color-error);color:#fff;box-shadow:0 0 20px #ff33664d}input[type=radio],input[type=checkbox]{margin-right:12px;accent-color:var(--color-turquoise)}.glazing-mode-toggle{display:flex;gap:.5rem;margin-bottom:1.5rem;background:#0003;padding:.25rem;border-radius:8px}.mode-tab{flex:1;padding:.5rem;border:none;background:none;color:#666;font-size:.85rem;font-weight:600;cursor:pointer;border-radius:6px;transition:all .2s}.mode-tab.active{background:var(--color-turquoise);color:#000;box-shadow:0 0 15px var(--color-turquoise-glow)}.staging-card{border:1px dashed var(--color-turquoise);background:#00e5ff0d}.staging-tile{background:#ffffff08;border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:.75rem;cursor:grab;transition:all .2s;display:flex;flex-direction:column;gap:.5rem;position:relative}.staging-tile:hover{background:#00e5e514;border-color:var(--color-turquoise);transform:translateY(-2px);box-shadow:0 4px 12px #00e5e51a}.staging-tile:active{cursor:grabbing}.staging-tile-header{display:flex;justify-content:space-between;align-items:center}.staging-tile-name{font-weight:600;font-size:.9rem;color:var(--color-turquoise);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px}.staging-tile-value{font-family:monospace;background:#0000004d;padding:2px 6px;border-radius:4px;font-size:.85rem;color:#ccc;word-break:break-all}.staging-tile-footer{font-size:.7rem;color:#666;display:flex;align-items:center;gap:4px;margin-top:auto}.icon-btn.hover-danger:hover{color:var(--color-error);background:#ff33661a;border-radius:4px}.glass-panel{background:#0f0f0fe6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-md);box-shadow:0 20px 50px #0009;color:var(--color-white)}.section-title{font-family:var(--font-display);font-size:1.1rem;font-weight:700;color:var(--color-turquoise);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--glass-border);padding-bottom:.5rem;margin-bottom:1rem}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:1.5rem;overflow-y:auto}.modal-glass{background:#111;width:100%;max-width:560px;max-height:calc(100vh - 3rem);display:flex;flex-direction:column;border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:0 20px 50px #0009,0 0 30px #00e5e51a;overflow:hidden;margin:auto}.modal-glass.modal-wide{max-width:900px}.modal-glass.modal-xl{max-width:1200px}.modal-header{padding:1.25rem 1.75rem;border-bottom:1px solid var(--glass-border);display:flex;justify-content:space-between;align-items:center;background:#ffffff05;flex-shrink:0}.modal-body{padding:1.5rem 1.75rem;overflow-y:auto;flex:1;min-height:0;scrollbar-gutter:stable}.modal-footer{padding:1.25rem 1.75rem;background:#0000004d;display:flex;justify-content:flex-end;gap:1rem;border-top:1px solid var(--glass-border);flex-shrink:0}.table-responsive-container{width:100%;overflow-x:auto;scrollbar-gutter:stable}