:root{--petrol:#009eaa;--petrol-dark:#13727b;--petrol-light:#eef7fb;--black:#000;--white:#fff;--gray-text:#3a3f47;--gray-light:#f4f5f6;--gray-border:#e2e5e8;--status-done:#009eaa;--status-in-progress:#f59e0b;--status-open:#9ca3af;--font:Arial,"Helvetica Neue",Helvetica,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font);background:var(--gray-light);color:var(--gray-text);line-height:1.6;font-size:15px}.layout{min-height:100vh;display:flex;flex-direction:column}.header{background:var(--black);color:var(--white);padding:0 2rem;height:64px;justify-content:space-between;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header,.header-brand{display:flex;align-items:center}.header-brand{gap:.75rem}.header-logo{font-size:1.25rem;font-weight:700;color:var(--white);letter-spacing:-.02em}.header-logo span{color:var(--petrol)}.header-divider{width:1px;height:24px;background:#333}.header-title{font-size:.875rem;color:#888;font-weight:400}.header-meta{font-size:.8rem;color:#666}.main{flex:1 1;max-width:1280px;margin:0 auto;width:100%;padding:2rem}.hero{background:var(--white);border-radius:12px;padding:2rem 2.5rem;margin-bottom:2rem;border:1px solid var(--gray-border);display:flex;align-items:flex-start;justify-content:space-between;gap:2rem}.hero-left h1{font-size:1.75rem;font-weight:700;color:var(--black);margin-bottom:.25rem;letter-spacing:-.02em}.hero-left .subtitle{color:var(--gray-text);font-size:.95rem;margin-bottom:1rem}.tech-chips{display:flex;flex-wrap:wrap;gap:.5rem}.tech-chip{background:var(--petrol-light);color:var(--petrol-dark);padding:.2rem .65rem;border-radius:20px;font-size:.8rem;font-weight:600}.hero-right{text-align:right;flex-shrink:0}.server-info{font-size:.8rem;color:#888;margin-bottom:.5rem;font-family:Courier New,monospace}.progress-card{background:var(--white);border-radius:12px;padding:1.5rem 2rem;margin-bottom:2rem;border:1px solid var(--gray-border)}.progress-card h2{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#888;margin-bottom:1rem}.progress-stats{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:1.5rem;gap:1.5rem;margin-bottom:1.5rem}.stat{text-align:center}.stat-value{font-size:2rem;font-weight:700;color:var(--black);line-height:1;margin-bottom:.25rem}.stat-value.petrol{color:var(--petrol)}.stat-label{font-size:.78rem;color:#888;text-transform:uppercase;letter-spacing:.05em}.progress-bar-wrap{height:10px;background:var(--gray-border);border-radius:999px;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--petrol-dark),var(--petrol));border-radius:999px;transition:width .5s ease}.progress-label{display:flex;justify-content:space-between;margin-top:.5rem;font-size:.8rem;color:#888}.section-title{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#888;margin-bottom:1rem;margin-top:2rem}.section-title:first-child{margin-top:0}.phases-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));grid-gap:1.25rem;gap:1.25rem;margin-bottom:2rem}.phase-card{background:var(--white);border-radius:12px;border:1px solid var(--gray-border);overflow:hidden;transition:box-shadow .2s}.phase-card:hover{box-shadow:0 4px 16px rgba(0,0,0,.08)}.phase-card-header{padding:1.25rem 1.5rem 1rem;border-bottom:1px solid var(--gray-border);display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.phase-number{width:32px;height:32px;border-radius:8px;background:var(--petrol-light);color:var(--petrol-dark);font-weight:700;font-size:.875rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.phase-number.done{background:var(--petrol);color:var(--white)}.phase-number.in-progress{background:#fef3c7;color:#92400e}.phase-card-header-text{flex:1 1}.phase-name{font-weight:700;color:var(--black);font-size:.95rem;margin-bottom:.2rem}.phase-meta{font-size:.78rem;color:#888}.status-badge{padding:.2rem .6rem;border-radius:20px;font-size:.75rem;font-weight:600;flex-shrink:0}.status-badge.done{background:#d1fae5;color:#065f46}.status-badge.in_progress{background:#fef3c7;color:#92400e}.status-badge.open{background:var(--gray-light);color:#6b7280}.phase-milestone{padding:.75rem 1.5rem;background:var(--petrol-light);border-bottom:1px solid #d6eef1;font-size:.82rem;color:var(--petrol-dark);display:flex;align-items:flex-start;gap:.5rem}.phase-milestone:before{content:"🏁";flex-shrink:0}.phase-tasks{padding:.75rem 1.5rem}.task-item{display:flex;align-items:flex-start;gap:.6rem;padding:.5rem 0;border-bottom:1px solid var(--gray-border);font-size:.85rem}.task-item:last-child{border-bottom:none}.task-icon{flex-shrink:0;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;margin-top:1px}.task-icon.done{background:var(--petrol);color:var(--white)}.task-icon.in_progress{background:#f59e0b;color:var(--white)}.task-icon.open{border:2px solid var(--gray-border)}.task-text{color:var(--gray-text);line-height:1.4}.task-text.done{color:#9ca3af;text-decoration:line-through}.decisions-table{background:var(--white);border-radius:12px;border:1px solid var(--gray-border);overflow:hidden;margin-bottom:2rem}.decisions-table table{width:100%;border-collapse:collapse}.decisions-table th{background:var(--gray-light);padding:.75rem 1.25rem;text-align:left;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#888}.decisions-table td,.decisions-table th{border-bottom:1px solid var(--gray-border)}.decisions-table td{padding:.875rem 1.25rem;font-size:.85rem;vertical-align:top}.decisions-table tr:last-child td{border-bottom:none}.decisions-table tr:hover td{background:var(--gray-light)}.decision-id{font-family:Courier New,monospace;font-size:.78rem;color:#888;white-space:nowrap}.decision-question{color:var(--black);font-weight:500}.decision-impact{color:#888;font-size:.8rem}.priority-badge{padding:.15rem .5rem;border-radius:20px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.priority-sofort{background:#fee2e2;color:#991b1b}.priority-hoch{background:#fef3c7;color:#92400e}.priority-mittel{background:var(--petrol-light);color:var(--petrol-dark)}.priority-niedrig{background:var(--gray-light);color:#6b7280}.feat-section{margin-bottom:2rem}.feat-empty-state{padding:2rem;color:#888;margin-bottom:2rem}.feat-empty-state,.feat-stats-bar{background:var(--white);border:1px solid var(--gray-border);border-radius:12px;text-align:center}.feat-stats-bar{padding:1.25rem 2rem;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:1rem;gap:1rem;margin-bottom:1rem}.feat-stat-item{display:flex;flex-direction:column;gap:.2rem}.feat-stat-val{font-size:1.75rem;font-weight:700;color:var(--black);line-height:1}.feat-stat-lbl{font-size:.75rem;color:#888;text-transform:uppercase;letter-spacing:.05em}.feat-filter-bar{background:var(--white);border:1px solid var(--gray-border);border-radius:12px;padding:.875rem 1.5rem;display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap;margin-bottom:1rem}.feat-filter-group{display:flex;align-items:center;gap:.5rem}.feat-filter-label{font-size:.8rem;font-weight:600;color:#888;white-space:nowrap}.feat-filter-select{border:1px solid var(--gray-border);border-radius:6px;padding:.3rem .6rem;font-size:.85rem;color:var(--gray-text);background:var(--white);cursor:pointer;outline:none}.feat-filter-select:focus{border-color:var(--petrol)}.feat-filter-mvp{display:flex;align-items:center;gap:.4rem;font-size:.85rem;color:var(--gray-text);cursor:pointer}.feat-filter-mvp input{cursor:pointer;accent-color:var(--petrol)}.feat-filter-count{margin-left:auto;font-size:.8rem;color:#888}@media (max-width:600px){.feat-filter-count{width:100%;text-align:center;color:#888;padding-top:.25rem;margin-left:0}}.feat-bereiche{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.feat-bereich-card{background:var(--white);border:1px solid var(--gray-border);border-radius:12px;overflow:hidden}.feat-bereich-header{width:100%;background:none;border:none;padding:1rem 1.5rem;display:flex;align-items:center;justify-content:space-between;cursor:pointer;text-align:left;transition:background .15s}.feat-bereich-header:hover{background:var(--gray-light)}.feat-bereich-left{display:flex;align-items:center;gap:.75rem}.feat-bereich-num{width:28px;height:28px;border-radius:6px;background:var(--petrol-light);color:var(--petrol-dark);font-size:.8rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.feat-bereich-name{font-weight:700;color:var(--black);font-size:.95rem}.feat-bereich-meta{display:flex;align-items:center;gap:.75rem}.feat-bereich-stat{font-size:.78rem;color:#888}.feat-mvp-count{background:var(--petrol-light);color:var(--petrol-dark);font-size:.72rem;font-weight:700;padding:.15rem .5rem;border-radius:20px}.feat-chevron{font-size:1rem;color:#888;transition:transform .2s;display:inline-block}.feat-chevron.open{transform:rotate(180deg)}.feat-feature-list{border-top:1px solid var(--gray-border)}.feat-feature-row{display:flex;gap:1rem;padding:.875rem 1.5rem;border-bottom:1px solid var(--gray-border);align-items:flex-start}.feat-feature-row:last-child{border-bottom:none}.feat-feature-row:hover{background:var(--gray-light)}.feat-feature-nr{font-size:.75rem;color:#888;font-family:Courier New,monospace;min-width:28px;padding-top:2px;flex-shrink:0}.feat-feature-body{flex:1 1}.feat-feature-top{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;margin-bottom:.3rem}.feat-feature-name{font-weight:600;color:var(--black);font-size:.88rem}.feat-feature-badges{display:flex;align-items:center;gap:.4rem;flex-shrink:0}.feat-feature-desc{font-size:.82rem;color:var(--gray-text);line-height:1.5}.feat-feature-hinweis{margin-top:.4rem;font-size:.78rem;color:#92400e;background:#fef3c7;border-radius:6px;padding:.3rem .6rem}.feat-status-badge{padding:.15rem .55rem;border-radius:20px;font-size:.72rem;font-weight:600;white-space:nowrap}.feat-prio{display:flex;align-items:center;gap:.3rem;font-size:.75rem;color:#888;white-space:nowrap}.feat-prio-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.feat-mvp-chip{background:var(--petrol-dark);color:var(--white);font-size:.65rem;font-weight:700;padding:.1rem .4rem;border-radius:4px;margin-left:.2rem;letter-spacing:.04em}.feat-empty{background:var(--white);border:1px solid var(--gray-border);border-radius:12px;padding:2rem;text-align:center;color:#888;font-size:.88rem}.feat-hinweise{background:var(--white);border:1px solid #fde68a;border-radius:12px;overflow:hidden}.feat-hinweise-title{background:#fef3c7;padding:.75rem 1.5rem;font-size:.8rem;font-weight:700;color:#92400e;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid #fde68a}.feat-hinweise-title:before{content:"⚠ "}.feat-hinweis-row{display:flex;align-items:flex-start;gap:.75rem;padding:.875rem 1.5rem;border-bottom:1px solid #fef3c7}.feat-hinweis-row:last-child{border-bottom:none}.feat-hinweis-nr{font-size:.75rem;color:#888;font-family:Courier New,monospace;padding-top:2px;min-width:24px}.feat-hinweis-body{flex:1 1;display:flex;flex-direction:column;gap:.2rem}.feat-hinweis-thema{font-weight:600;font-size:.85rem;color:var(--black)}.feat-hinweis-text{font-size:.8rem;color:var(--gray-text);line-height:1.4}@media (max-width:1024px){.feat-feature-top{flex-direction:column;gap:.4rem}.feat-bereich-meta{flex-wrap:wrap;gap:.4rem}}@media (max-width:768px){.feat-stats-bar{grid-template-columns:repeat(2,1fr)}}.footer{background:var(--black);color:#666;text-align:center;padding:1.25rem 2rem;font-size:.78rem}.footer a{color:var(--petrol);text-decoration:none}@media (max-width:768px){.main{padding:1rem}.hero{flex-direction:column}.hero-right{text-align:left}.progress-stats{grid-template-columns:repeat(2,1fr)}.phases-grid{grid-template-columns:1fr}.decisions-table{overflow-x:auto}}