@import "https://fonts.googleapis.com/css2?family=Segoe+UI:wght@400;500;600;700&family=Inter:wght@400;500;600;700&display=swap";:root{--primary:#1e3c72;--primary-light:#2a5298;--accent:#0ea5e9;--accent-hover:#0284c7;--bg-card:#ffffffed;--bg-card-dark:#ffffffd9;--border:#0000001a;--text-main:#1a2844;--text-body:#374151;--text-muted:#64748b;--success:#059669;--danger:#dc2626;--shadow:0 8px 25px #0000002e;--shadow-sm:0 2px 8px #0000001f;--radius:14px;--radius-sm:8px}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text-body);background-color:#1e3c72;background-image:url(/images/uk-1.jpg);background-position:top;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;min-height:100vh;font-family:Segoe UI,Inter,Tahoma,Geneva,Verdana,sans-serif;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background:#0a143273;position:fixed;inset:0}.container,#root>:not(.site-nav){z-index:1;position:relative}h1,h2,h3,h4{font-family:Segoe UI,Inter,sans-serif}.glass,.card{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid #fff9}.container{max-width:1200px;margin:0 auto;padding:2rem 1rem}.header{text-align:center;margin-bottom:3rem}.header h1{color:#fff;text-shadow:0 2px 12px #00000080;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.5rem;font-size:2.6rem;font-weight:700}.header p{color:#93c5fd;letter-spacing:.05em;text-shadow:0 1px 4px #0006;font-size:1rem;font-weight:600}.main-grid{grid-template-columns:1fr 1.5fr;gap:2rem;display:grid}@media (width<=1024px){.main-grid{grid-template-columns:1fr}}.layer-card{flex-direction:column;gap:.75rem;margin-bottom:0;padding:1.5rem;transition:transform .2s,box-shadow .2s;display:flex;background:var(--bg-card)!important}.layer-card:hover{transform:translateY(-2px);box-shadow:0 12px 32px #0003}.layer-header{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.layer-inputs{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.input-group{flex-direction:column;gap:.3rem;display:flex}.input-group label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.78rem;font-weight:600}input,select{border-radius:var(--radius-sm);color:var(--text-main);background:#f8fafc;border:1.5px solid #cbd5e1;padding:.55rem .75rem;font-family:inherit;font-size:.9rem;transition:border-color .2s,box-shadow .2s}input:focus,select:focus{border-color:var(--accent);background:#fff;outline:none;box-shadow:0 0 0 3px #0ea5e926}select option{color:var(--text-main);background:#fff}.button{cursor:pointer;border-radius:var(--radius-sm);border:none;justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1.2rem;font-family:inherit;font-size:.875rem;font-weight:600;transition:all .2s;display:flex}.button-primary{background:linear-gradient(135deg, var(--primary-light) 0%, var(--primary) 100%);color:#fff;text-transform:uppercase;letter-spacing:.05em;box-shadow:0 2px 8px #1e3c7259}.button-primary:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 4px 16px #1e3c7273}.button-ghost{color:var(--text-muted);background:#ffffffb3;border:1.5px solid #cbd5e1}.button-ghost:hover{color:var(--primary);border-color:var(--primary-light);background:#f1f5f9}.button-ghost:disabled{opacity:.35;cursor:not-allowed}.button-danger{color:var(--danger);background:#dc262614;border:1.5px solid #dc262633}.button-danger:hover{background:var(--danger);color:#fff}.component-selector .button{flex:1;padding:.55rem .4rem;font-size:.78rem}.stat-card{text-align:center;background:var(--bg-card);border-radius:var(--radius);box-shadow:var(--shadow-sm);border:1px solid #fff9;padding:1.25rem 1rem}.stat-value{color:var(--primary);font-size:2.2rem;font-weight:700;display:block}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.78rem;font-weight:600}.viz-container{border-radius:var(--radius-sm);background:#ffffffd9;border:1px solid #00000014;margin-top:0;padding:.75rem;overflow:hidden}.orientation-chip{color:var(--text-muted);writing-mode:vertical-lr;letter-spacing:.1em;z-index:10;background:#e2e8f0;border-radius:4px;padding:.25rem .5rem;font-size:.68rem;font-weight:700;position:absolute;left:-20px;transform:rotate(180deg)}.orientation-chip:before{content:"";width:2px;height:20px;margin-bottom:.5rem;display:block}.orientation-innen{color:var(--primary);border-left:2px solid var(--primary);background:#1e3c7214;top:0}.orientation-aussen{color:var(--danger);border-left:2px solid var(--danger);background:#dc262614;bottom:0}.layer-card.dragging{opacity:.5;border:2px dashed var(--accent);background:#0ea5e914!important}.drag-handle{cursor:grab;color:#94a3b8;align-items:center;margin-left:-.5rem;margin-right:.25rem;padding:.5rem;transition:color .2s;display:flex}.drag-handle:hover{color:var(--accent)}.drag-handle:active{cursor:grabbing}.left-panel h2,.left-panel h4{color:var(--primary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.35s ease-out forwards fadeIn}.print-report{display:none}@media print{@page{margin:1.5cm;size:A4}body{color:#000;background:#fff!important}body:before{display:none}.no-print{display:none!important}.print-report{color:#000;background:#fff;width:100%;position:relative;display:block!important}.print-header{border-bottom:2px solid #1e3c72;margin-bottom:2rem;padding-bottom:1rem}.print-header h1{color:#1e3c72;margin:0}.print-section{margin-bottom:2rem}.print-section h2{color:#1e3c72;border-bottom:1px solid #e2e8f0;margin-bottom:1rem;padding-bottom:.5rem;font-size:1.2rem}.print-table{border-collapse:collapse;width:100%;font-size:.9rem}.print-table th,.print-table td{text-align:left;border:1px solid #e2e8f0;padding:.5rem}.print-table th{background:#f8fafc}.print-stats{gap:2rem;margin-bottom:1rem;display:flex}.print-stat strong{color:#64748b;font-size:.8rem;display:block}.print-chart{background:#fff;border:1px solid #e2e8f0;padding:1rem}.calculation-note{color:#64748b;font-size:.8rem;font-style:italic}.print-footer{color:#94a3b8;text-align:center;border-top:1px solid #e2e8f0;margin-top:3rem;padding-top:1rem;font-size:.8rem}.danger{color:#dc2626}.success{color:#059669}}