.app-header{flex-shrink:0;justify-content:flex-start;align-items:center;margin-bottom:7px;display:flex}.app-header-logo{object-fit:contain;width:auto;height:35px;display:block}.navbar{padding:10px 0;padding-bottom:calc(10px + env(safe-area-inset-bottom));background:var(--color-surface);-webkit-backdrop-filter:blur(var(--blur));backdrop-filter:blur(var(--blur));border-top:1px solid var(--color-divider);flex-shrink:0;justify-content:space-around;align-items:center;display:flex}.nav-item{color:var(--color-text-secondary);flex-direction:column;flex:1;align-items:center;padding:6px 0;text-decoration:none;transition:color .2s;display:flex}.nav-item:hover{color:var(--color-text-primary)}.nav-item.active{color:var(--color-accent)}.nav-icon{border-radius:12px;justify-content:center;align-items:center;width:52px;height:34px;transition:background .2s,transform .15s;display:flex}.nav-item.active .nav-icon{background:#ff6a001f;transform:translateY(-2px)}.shell{background:var(--color-surface);width:100%;max-width:430px;height:100svh;max-height:100svh;-webkit-backdrop-filter:blur(var(--blur));backdrop-filter:blur(var(--blur));border:1px solid var(--color-divider);flex-direction:column;margin:0 auto;display:flex}@media (width>=431px){.shell{border-radius:32px;height:calc(100svh - 48px);margin:24px auto;overflow:hidden;box-shadow:0 20px 60px #0006}}.shell-content{scrollbar-width:none;-ms-overflow-style:none;flex:1;padding:16px 20px;overflow:hidden auto}.shell-content::-webkit-scrollbar{display:none}.dashboard-page{flex-direction:column;justify-content:space-between;height:80vh;display:flex}.dashboard-content{flex-direction:column;gap:22px;display:flex}.dashboard-content h1{letter-spacing:-.03em;margin:0;font-size:30px;font-weight:800}.stats-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.dashboard-card{background:var(--color-surface);-webkit-backdrop-filter:blur(var(--blur));backdrop-filter:blur(var(--blur));border:1px solid var(--color-divider);box-shadow:var(--shadow);border-radius:24px;padding:18px;transition:transform .18s,border .18s}.dashboard-card:hover{border-color:#ff6a004d;transform:translateY(-3px)}.card-title{color:var(--color-text-secondary);margin:0 0 10px;font-size:13px;font-weight:500}.dashboard-card h2{margin:0;font-size:24px;font-weight:800;line-height:1.1}.quick-actions{flex-direction:column;gap:14px;display:flex}.quick-actions button{background:var(--color-accent-gradient);color:#fff;cursor:pointer;border:none;border-radius:20px;justify-content:center;align-items:center;gap:10px;width:100%;padding:18px;font-size:15px;font-weight:700;transition:transform .15s,opacity .15s,box-shadow .15s;display:flex;box-shadow:0 10px 24px #ff6a0047}.quick-actions button:hover{transform:translateY(-2px);box-shadow:0 14px 28px #ff6a0061}.quick-actions button:active{transform:scale(.98)}.recent-offers{background:var(--color-surface);-webkit-backdrop-filter:blur(var(--blur));backdrop-filter:blur(var(--blur));border:1px solid var(--color-divider);box-shadow:var(--shadow);border-radius:28px;padding:20px}.recent-offers h2{margin-top:0;margin-bottom:18px;font-size:20px;font-weight:700}.offer-row{border-bottom:1px solid var(--color-divider);justify-content:space-between;align-items:center;gap:14px;padding:16px 0;display:flex}.offer-row:last-child{border-bottom:none;padding-bottom:0}.offer-row strong{margin-bottom:4px;font-size:15px;display:block}.offer-row p{color:var(--color-text-secondary);margin:0;font-size:13px}.offer-row span{color:var(--color-accent);white-space:nowrap;font-size:16px;font-weight:700}:root{--color-bg:#0f0f10;--color-surface:#1a1a1ccc;--color-text-primary:#fff;--color-text-secondary:#a1a1aa;--color-divider:#2a2e44;--color-accent:#ff6a00;--color-accent-gradient:linear-gradient(135deg, #ff7a18, #ff4d00);--blur:22px;--radius:26px}[data-theme=light]{--color-bg:#f4f4f5;--color-surface:#fffffff2;--color-text-primary:#111;--color-text-secondary:#6b7280;--color-divider:#e5e7eb;--shadow:0 10px 25px #00000014}*,:before,:after{box-sizing:border-box}body{background:var(--color-bg);color:var(--color-text-primary);margin:0;font-family:system-ui,-apple-system,sans-serif;overflow-x:hidden}h1{margin:0 0 6px;font-size:22px}h2{margin-bottom:12px;font-size:18px}p{margin:0}.card{background:var(--color-surface);-webkit-backdrop-filter:blur(var(--blur));backdrop-filter:blur(var(--blur));border-radius:var(--radius);border:1px solid var(--color-divider);box-shadow:var(--shadow);margin-bottom:12px;padding:16px}.button-primary{background:var(--color-accent-gradient);color:#fff;cursor:pointer;border:none;border-radius:16px;justify-content:center;align-items:center;gap:10px;padding:16px;font-size:16px;font-weight:600;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 8px 20px #ff6a0066}.button-primary:hover{transform:translateY(-2px);box-shadow:0 12px 25px #ff6a0080}.button-secondary{border:1px solid var(--color-divider);width:100%;color:var(--color-text-primary);cursor:pointer;background:0 0;border-radius:14px;margin-bottom:14px;padding:14px;font-weight:500;transition:background .2s}.button-secondary:hover{background:#ffffff0d}.tag{border-radius:999px;padding:4px 10px;font-size:12px;font-weight:500}.tag-notes{color:#ffc800;background:#ffc80026}.tag-planned{color:#64c878;background:#64c87826}.text-secondary{color:var(--color-text-secondary);font-size:14px}.divider{background:var(--color-divider);border:none;height:1px;margin:12px 0}.input-field{box-sizing:border-box;border:1px solid var(--color-divider);width:100%;color:var(--color-text-primary);background:0 0;border-radius:14px;outline:none;margin-bottom:12px;padding:14px;font-family:inherit;font-size:15px;transition:border .2s,box-shadow .2s}.input-field:focus{border-color:var(--color-accent);box-shadow:0 0 0 2px #ff6a0033}.select-field{appearance:none;cursor:pointer}.login-btn{width:100%;margin-bottom:10px}.login-footer{text-align:center;font-size:13px}.reset-card{padding:20px}.reset-btn{width:100%;margin-bottom:14px}.reset-footer{text-align:center;font-size:13px}.register-card{padding:20px}.register-btn{width:100%;margin-bottom:14px}.register-footer{text-align:center;font-size:13px}.doc-sticky-header{z-index:10;background:var(--color-surface);-webkit-backdrop-filter:blur(var(--blur));backdrop-filter:blur(var(--blur));padding:16px 0 10px;border-bottom:1px solid var(--color-divider);border-radius:32px 32px 0 0;margin:-20px -20px 0;padding-inline:20px;position:sticky;top:0}.doc-tabs{gap:10px;margin-bottom:14px;display:flex}.doc-tab{border:1px solid var(--color-divider);color:var(--color-text-secondary);cursor:pointer;background:0 0;border-radius:14px;flex:1;padding:12px 10px;font-size:15px;font-weight:600;transition:background .2s,color .2s,border-color .2s,box-shadow .2s}.doc-tab.active{background:var(--color-accent-gradient);color:#fff;border-color:#0000;box-shadow:0 6px 18px #ff6a0059}.doc-search{margin-bottom:10px}.doc-sort-row{flex-wrap:wrap;align-items:center;gap:6px;padding-bottom:4px;display:flex}.doc-sort-label{white-space:nowrap;font-size:12px}.doc-sort-btn{border:1px solid var(--color-divider);color:var(--color-text-secondary);cursor:pointer;background:0 0;border-radius:999px;padding:5px 12px;font-size:12px;font-weight:500;transition:background .15s,color .15s,border-color .15s}.doc-sort-btn.active{color:var(--color-accent);background:#ff6a001f;border-color:#ff6a004d}.doc-sort-arrow{margin-left:1px;font-size:11px}.doc-dir-btn{border:1px solid var(--color-divider);color:var(--color-text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border-radius:999px;margin-left:auto;padding:5px 12px;font-size:12px;font-weight:600;transition:background .15s,color .15s,border-color .15s}.doc-dir-btn:hover{color:var(--color-accent);background:#ff6a0014;border-color:#ff6a004d}.doc-list{flex-direction:column;gap:0;padding-top:16px;display:flex}.doc-card{cursor:pointer;transition:transform .15s,box-shadow .15s}.doc-card:hover{transform:translateY(-2px);box-shadow:0 12px 30px #00000040}.doc-card-top{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.doc-auftragsnr{letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-secondary);font-size:11px;font-weight:700}.doc-card-name{color:var(--color-text-primary);margin-bottom:8px;font-size:16px;font-weight:700}.doc-card-meta{flex-direction:column;gap:4px;margin-bottom:4px;display:flex}.doc-meta-item{font-size:13px}.doc-card-footer{justify-content:space-between;align-items:center;display:flex}.doc-betrag{color:var(--color-text-primary);font-size:17px;font-weight:800}.doc-detail-btn{border:1px solid var(--color-divider);color:var(--color-accent);cursor:pointer;background:0 0;border-radius:10px;padding:7px 14px;font-size:13px;font-weight:600;transition:background .15s}.doc-detail-btn:hover{background:#ff6a0014}.status-erstellt{color:#6495ed;background:#6495ed26}.status-versendet{color:#ffc800;background:#ffc80026}.status-angenommen{color:#64c878;background:#64c87826}.status-abgelehnt{color:#ff5050;background:#ff505026}.doc-wip{text-align:center;padding:32px 20px}.doc-wip-icon{margin-bottom:12px;font-size:36px;display:block}.doc-empty{text-align:center;padding:24px}.doc-page{flex-direction:column;height:calc(100svh - 80px);max-height:860px;padding:0;display:flex;overflow:hidden}.doc-page .doc-sticky-header{border-radius:32px 32px 0 0;flex-shrink:0;margin:0;padding:16px 20px 10px}.doc-page .doc-list{scrollbar-width:none;-ms-overflow-style:none;flex:1;padding:16px 20px 8px;overflow-y:auto}.doc-page .doc-list::-webkit-scrollbar{display:none}.doc-page .navbar{border-radius:0 0 32px 32px;flex-shrink:0;position:static}.voice-app{flex-direction:column;justify-content:space-between;height:80vh;display:flex}.voice-container{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;display:flex}.mic-button{background:var(--color-accent-gradient);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;margin:30px 0;font-size:40px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 15px 35px #ff6a0066}.mic-button:hover{transform:scale(1.05)}.mic-button.active{animation:1.5s infinite pulse}@keyframes pulse{0%{box-shadow:0 0 #ff6a0080}70%{box-shadow:0 0 0 25px #ff6a0000}to{box-shadow:0 0 #ff6a0000}}.voice-hint{color:var(--color-text-secondary);font-size:13px}.mode-switch{background:#0000000d;border-radius:999px;gap:10px;margin-top:20px;margin-bottom:0;padding:6px;display:flex}.mode-switch button{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:999px;flex:1;padding:10px 14px;font-size:14px;transition:all .2s}.mode-switch button.active{background:var(--color-accent-gradient);color:#fff;box-shadow:0 8px 20px #ff6a0040}.transcript-box{border:1px solid #0000001a;border-radius:16px;width:200px;max-width:300px;margin-top:20px;padding:15px;font-size:14px;line-height:1.4;box-shadow:0 6px 20px #0000000f}.review-text{font-size:16px;line-height:1.5}.text-input{resize:none;background:#fff;border:1px solid #0000001a;border-radius:16px;outline:none;width:90%;max-width:500px;min-height:160px;margin-top:20px;padding:15px;font-size:14px;line-height:1.4;box-shadow:0 6px 20px #0000000f}.audio-preview{background:#00000008;border-radius:16px;flex-direction:column;align-items:center;gap:10px;width:90%;max-width:520px;margin-top:10px;padding:14px;display:flex}.audio-preview audio{width:100%}.audio-actions{gap:12px;width:90%;max-width:520px;margin-top:10px;display:flex}.audio-actions button{cursor:pointer;color:#fff;border:none;border-radius:12px;flex:1;padding:12px 14px;font-weight:500}.audio-actions button:last-child{background:var(--color-accent-gradient)}.audio-actions button:first-child{background:var(--color-text-secondary)}.voice-section{flex-direction:column;align-items:center;gap:18px;margin-top:10px;display:flex}.voice-section h2{margin-top:10px;font-size:20px;font-weight:600}.profile-page{text-align:center}.profile-header{text-align:left}.profile-header.compact{padding:14px 16px}.profile-header.compact h1{margin:0;font-size:22px}.profile-eyebrow{color:var(--color-accent);letter-spacing:.08em;text-transform:uppercase;margin-bottom:4px;font-size:11px;font-weight:800;display:inline-block}.profile-tab-card{gap:10px;display:flex}.profile-tab{border:1px solid var(--color-divider);color:var(--color-text-secondary);cursor:pointer;background:0 0;border-radius:16px;flex:1;padding:14px 10px;font-weight:700}.profile-tab.active{background:var(--color-accent-gradient);color:#fff;border-color:#0000;box-shadow:0 8px 20px #ff6a004d}.profile-overview-card{text-align:left}.profile-overview-header{align-items:center;gap:16px;display:flex}.profile-image-wrapper{flex-direction:column;flex-shrink:0;align-items:center;gap:8px;display:flex}.profile-avatar{background:var(--color-accent-gradient);color:#fff;border-radius:50%;place-items:center;font-weight:800;display:grid;box-shadow:0 10px 25px #ff6a0059}.profile-avatar.large{width:58px;height:58px;font-size:15px}.profile-image-button{border:1px solid var(--color-divider);color:var(--color-text-secondary);cursor:pointer;background:0 0;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:600}.profile-image-button:hover{color:var(--color-text-primary);border-color:var(--color-accent)}.profile-main-info{min-width:0}.profile-main-info h2{text-align:left;margin:0 0 4px;font-size:20px}.profile-main-info p{white-space:nowrap}.profile-content-card{text-align:left}.profile-content-card h2{text-align:center;margin-top:0;margin-bottom:18px}.profile-form-list{flex-direction:column;gap:14px;display:flex}.profile-field{flex-direction:column;gap:6px;display:flex}.profile-field span{color:var(--color-text-secondary);font-size:12px;font-weight:700}.profile-field .input-field{margin-bottom:0}.no-wrap-input{white-space:nowrap}.profile-select{appearance:none;cursor:pointer;background-color:var(--color-surface);background-image:linear-gradient(45deg, transparent 50%, var(--color-text-secondary) 50%), linear-gradient(135deg, var(--color-text-secondary) 50%, transparent 50%);color:var(--color-text-primary);background-position:calc(100% - 18px),calc(100% - 12px);background-repeat:no-repeat;background-size:6px 6px,6px 6px;padding-right:38px}.profile-select option{color:#fff;background-color:#1a1a1c}[data-theme=light] .profile-select{color:#111;background-color:#f4f4f5}[data-theme=light] .profile-select option{color:#111;background-color:#fff}.profile-actions{flex-direction:column;gap:12px;margin-top:22px;display:flex}.profile-save-button{width:100%}.profile-password-button{border:1px solid var(--color-divider);width:100%;color:var(--color-text-primary);cursor:pointer;background:0 0;border-radius:14px;padding:14px;font-weight:700}.profile-password-button:hover{border-color:var(--color-accent)}.settings-row{border:1px solid var(--color-divider);border-radius:18px;justify-content:space-between;align-items:center;gap:14px;padding:16px;display:flex}.theme-switch{border:1px solid var(--color-divider);background:var(--color-bg);cursor:pointer;border-radius:999px;flex-shrink:0;width:62px;height:34px;padding:4px}.switch-dot{background:var(--color-accent);border-radius:50%;width:24px;height:24px;transition:transform .2s;display:block}.switch-dot.light{transform:translate(26px)}.notification-list{flex-direction:column;gap:12px;display:flex}.notification-item{border:1px solid var(--color-divider);border-radius:16px;align-items:center;gap:10px;padding:14px;display:flex}@media (width<=600px){.profile-tab-card{grid-template-columns:1fr;display:grid}.settings-row{flex-direction:column;align-items:flex-start}}.review-header{margin-bottom:0}.review-header-top{justify-content:space-between;align-items:flex-start;margin-bottom:8px;display:flex}.review-header-top h1{margin:0}.review-eyebrow{color:var(--color-accent);letter-spacing:.1em;text-transform:uppercase;margin-bottom:4px;font-size:11px;font-weight:800;display:inline-block}.review-badge{border:1px solid var(--color-divider);color:var(--color-text-secondary);white-space:nowrap;border-radius:999px;margin-top:4px;padding:4px 12px;font-size:11px;font-weight:600}.review-section{margin-top:12px}.review-section-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.review-section-header h2{margin:0}.review-count{width:24px;height:24px;color:var(--color-accent);background:#ff6a001f;border-radius:50%;place-items:center;font-size:12px;font-weight:700;display:grid}.review-list{flex-direction:column;gap:6px;margin:0 0 10px;padding:0;list-style:none;display:flex}.review-item{border:1px solid var(--color-divider);cursor:grab;background:0 0;border-radius:14px;align-items:flex-start;gap:8px;padding:10px 12px;transition:background .15s,border-color .15s;display:flex}.review-item:hover{background:#ffffff08;border-color:#ff6a0033}.review-item.dragging{opacity:.4;border-color:var(--color-accent)}.review-drag-handle{color:var(--color-text-secondary);cursor:grab;-webkit-user-select:none;user-select:none;flex-shrink:0;margin-top:1px;font-size:16px;line-height:1.4}.review-text{color:var(--color-text-primary);cursor:text;word-break:break-word;flex:1;font-size:14px;line-height:1.5}.review-placeholder{color:var(--color-text-secondary);font-style:italic}.review-textarea{color:var(--color-text-primary);resize:none;background:0 0;border:none;outline:none;flex:1;width:100%;padding:0;font-family:inherit;font-size:14px;line-height:1.5}.review-delete-btn{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;margin-top:2px;padding:2px 4px;font-size:12px;line-height:1;transition:color .15s,background .15s}.review-delete-btn:hover{color:#ff5050;background:#ff50501a}.review-add-btn{border:1px dashed var(--color-divider);width:100%;color:var(--color-text-secondary);cursor:pointer;background:0 0;border-radius:12px;padding:10px;font-size:13px;font-weight:500;transition:border-color .15s,color .15s,background .15s}.review-add-btn:hover{border-color:var(--color-accent);color:var(--color-accent);background:#ff6a000d}.review-confirm-card{text-align:center;margin-top:12px}.review-confirm-hint{margin-bottom:16px;font-size:13px}.review-confirm-btn{width:100%}.review-success{flex-direction:column;align-items:center;gap:8px;padding:8px 0;display:flex}.review-success-icon{background:var(--color-accent-gradient);color:#fff;border-radius:50%;place-items:center;width:44px;height:44px;font-size:20px;font-weight:700;display:grid;box-shadow:0 8px 20px #ff6a0066}.review-success p{color:var(--color-text-secondary);font-size:14px}
