.email-page{max-width:1100px;margin:0 auto}.email-header{margin-bottom:1.5rem}.email-header h1{font-size:1.75rem;font-weight:700;color:#1e3a5f;margin-bottom:.4rem}.email-header p{color:#64748b}.email-layout{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}@media (max-width: 768px){.email-layout{grid-template-columns:1fr}}.email-form{display:flex;flex-direction:column;gap:1rem}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}input:focus,textarea:focus,select:focus{outline:none;border-color:#1e3a5f}.btn-primary{background:#1e3a5f;color:#fff;border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:background .15s;margin-top:.5rem}.email-result{display:flex;flex-direction:column}.result-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.result-header h2{font-size:1rem;font-weight:600;color:#374151}.btn-copy{background:#f1f5f9;border:none;border-radius:6px;padding:.35rem .8rem;font-size:.85rem;cursor:pointer;color:#1e3a5f;font-weight:600;transition:background .15s}.btn-copy:hover{background:#e2e8f0}.email-text{white-space:pre-wrap;font-family:inherit;font-size:.9rem;line-height:1.6;color:#374151;background:#f8fafc;border-radius:8px;padding:1rem;flex:1}.result-placeholder{flex:1;display:flex;align-items:center;justify-content:center;color:#94a3b8;font-size:.9rem;background:#f8fafc;border-radius:8px;min-height:200px;border:2px dashed #e2e8f0}.proto-page{max-width:700px;margin:0 auto}.proto-header{margin-bottom:1.5rem}.proto-header h1{font-size:1.75rem;font-weight:700;color:#1e3a5f;margin-bottom:.4rem}.proto-header p{color:#64748b}.proto-form{display:flex;flex-direction:column;gap:1.25rem}.field-row{display:grid;grid-template-columns:2fr 1fr 1fr;gap:1rem}@media (max-width: 600px){.field-row{grid-template-columns:1fr}}input,textarea,select{border:1.5px solid #e2e8f0;border-radius:8px;padding:.6rem .8rem;font-size:.95rem;font-family:inherit;color:#1a202c;transition:border-color .15s;background:#fff;width:100%}input:focus,textarea:focus{outline:none;border-color:#1e3a5f}textarea{resize:vertical}.foto-label{display:block;cursor:pointer;border-radius:12px;overflow:hidden;border:2px dashed #cbd5e1;transition:border-color .15s}.foto-label:hover{border-color:#1e3a5f}.foto-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2.5rem;gap:.5rem;background:#f8fafc;color:#64748b}.foto-icon{font-size:2.5rem}.foto-hint{font-size:.75rem;color:#94a3b8}.foto-preview{width:100%;max-height:300px;object-fit:cover;display:block}.sprach-bereich{display:flex;flex-direction:column;gap:.5rem}.sprach-controls{display:flex;align-items:center;gap:1rem}.btn-mic{background:#1e3a5f;color:#fff;border:none;border-radius:8px;padding:.6rem 1.2rem;font-size:.95rem;cursor:pointer;transition:background .15s;white-space:nowrap}.btn-mic:hover{background:#2d5a9e}.btn-mic.recording{background:#dc2626;animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.rec-indicator{color:#dc2626;font-size:.875rem;font-weight:600}.btn-primary{background:#1e3a5f;color:#fff;border:none;border-radius:8px;padding:.85rem 1.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:background .15s}.dateien-page{max-width:800px;margin:0 auto}.dateien-header{margin-bottom:1.5rem}.dateien-header h1{font-size:1.75rem;font-weight:700;color:#1e3a5f;margin-bottom:.4rem}.dateien-header p{color:#64748b}.search-bar{margin-bottom:1.5rem}.search-bar input{width:100%;border:1.5px solid #e2e8f0;border-radius:8px;padding:.65rem 1rem;font-size:.95rem;font-family:inherit}.search-bar input:focus{outline:none;border-color:#1e3a5f}.loading,.empty{text-align:center;color:#94a3b8;padding:3rem;font-size:.95rem}.baustelle-block{margin-bottom:1rem;overflow:hidden;padding:0}.baustelle-header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;background:#1e3a5f;color:#fff;border:none;cursor:pointer;font-size:1rem;font-weight:600;text-align:left}.toggle-icon{font-size:.75rem;opacity:.8}.tools-list{padding:.75rem 1.25rem 1rem}.tool-section{margin-bottom:1rem}.tool-title{font-size:.85rem;font-weight:700;color:#64748b;margin-bottom:.4rem;text-transform:uppercase;letter-spacing:.5px}.file-row{display:flex;align-items:center;gap:.75rem;padding:.6rem .75rem;border-radius:8px;cursor:pointer;transition:background .15s;border:1px solid #f1f5f9}.file-row:hover{background:#f0f4f8}.file-name{flex:1;font-size:.9rem;color:#1e3a5f;font-weight:500}.file-meta{font-size:.78rem;color:#94a3b8;white-space:nowrap}.file-download{color:#1e3a5f;font-size:1rem;opacity:.6}.file-row:hover .file-download{opacity:1}.saved-hint{color:#16a34a;font-size:.85rem;margin-top:.25rem}.card{background:#fff;border-radius:12px;box-shadow:0 1px 4px #00000014}.rechnung-page{max-width:1000px;margin:0 auto}.rechnung-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.rechnung-header h1{font-size:1.75rem;font-weight:700;color:#1e3a5f;margin-bottom:.4rem}.rechnung-header p{color:#64748b}.btn-excel{background:#16a34a;color:#fff;border:none;border-radius:8px;padding:.6rem 1.2rem;font-size:.9rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .15s}.btn-excel:hover{background:#15803d}.rechnung-layout{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}@media (max-width: 700px){.rechnung-layout{grid-template-columns:1fr}}.card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 1px 4px #00000014}.rechnung-form{display:flex;flex-direction:column;gap:1rem}.field{display:flex;flex-direction:column;gap:.35rem}label{font-size:.85rem;font-weight:600;color:#374151}input{border:1.5px solid #e2e8f0;border-radius:8px;padding:.6rem .8rem;font-size:.95rem;font-family:inherit;color:#1a202c;transition:border-color .15s;background:#fff;width:100%}input:focus{outline:none;border-color:#1e3a5f}.upload-label{display:block;cursor:pointer;border:2px dashed #cbd5e1;border-radius:10px;transition:border-color .15s}.upload-label:hover{border-color:#1e3a5f}.upload-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;gap:.4rem;color:#64748b}.upload-icon{font-size:2.5rem}.upload-hint{font-size:.75rem;color:#94a3b8}.file-selected{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;color:#1e3a5f;font-weight:500}.file-icon{font-size:1.5rem}.btn-primary{background:#1e3a5f;color:#fff;border:none;border-radius:8px;padding:.85rem;font-size:1rem;font-weight:600;cursor:pointer;transition:background .15s}.btn-primary:hover:not(:disabled){background:#2d5a9e}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.error-msg{background:#fef2f2;color:#dc2626;border-radius:8px;padding:.75rem 1rem;font-size:.9rem}.rechnung-result h2{font-size:1rem;font-weight:600;color:#374151;margin-bottom:1rem}.result-grid{display:flex;flex-direction:column;gap:.4rem}.result-row{display:flex;justify-content:space-between;align-items:baseline;padding:.4rem .6rem;border-radius:6px}.result-row.highlight{background:#f0f4f8}.result-label{font-size:.82rem;color:#64748b}.result-value{font-size:.9rem;color:#1a202c;text-align:right;max-width:60%}.result-value.bold{font-weight:700;font-size:1rem;color:#1e3a5f}.divider{height:1px;background:#e2e8f0;margin:.5rem 0}.saved-banner{margin-top:.75rem;background:#f0fdf4;color:#16a34a;border-radius:8px;padding:.65rem 1rem;font-size:.875rem;font-weight:600;text-align:center}.result-placeholder{display:flex;align-items:center;justify-content:center;min-height:200px;color:#94a3b8;font-size:.9rem;border:2px dashed #e2e8f0;border-radius:8px}.app{display:flex;flex-direction:column;min-height:100vh}.nav{background:#1e3a5f;color:#fff;padding:0 2rem;display:flex;align-items:center;justify-content:space-between;height:60px;box-shadow:0 2px 8px #0003}.nav-brand{font-size:1.2rem;font-weight:700;letter-spacing:.5px}.nav-links{display:flex;gap:.5rem}.nav-btn{background:transparent;color:#ffffffbf;border:none;padding:.4rem 1rem;border-radius:6px;cursor:pointer;font-size:.95rem;transition:all .15s}.nav-btn:hover{background:#ffffff1a;color:#fff}.nav-btn.active{background:#fff3;color:#fff;font-weight:600}.lang-btn{background:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.3);padding:.35rem .85rem;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:600;margin-left:.5rem;transition:all .15s}.lang-btn:hover{background:#ffffff40}.main{flex:1;padding:2rem}.dashboard{max-width:900px;margin:0 auto}.dashboard-title{font-size:2rem;font-weight:700;margin-bottom:.5rem;color:#1e3a5f}.dashboard-subtitle{color:#64748b;margin-bottom:2rem}.module-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.25rem}.module-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 1px 4px #00000014;position:relative;transition:transform .15s,box-shadow .15s}.module-card.ready{cursor:pointer}.module-card.ready:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001f}.module-card.soon{opacity:.6}.module-icon{font-size:2rem;display:block;margin-bottom:.75rem}.module-title{font-size:1.1rem;font-weight:600;margin-bottom:.4rem;color:#1e3a5f}.module-desc{font-size:.875rem;color:#64748b;line-height:1.4}.badge{position:absolute;top:1rem;right:1rem;background:#e2e8f0;color:#64748b;font-size:.7rem;padding:.2rem .5rem;border-radius:99px;font-weight:600}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f0f4f8;color:#1a202c;min-height:100vh}#root{min-height:100vh}