.feedback-list-page{width:100%;max-width:700px;padding:var(--space-lg) var(--space-md);margin:0 auto}.feedback-list-header{margin-bottom:var(--space-lg);justify-content:space-between;align-items:center;display:flex}.feedback-list-header h2{font-size:var(--font-size-xl);color:var(--color-text);margin:0}.feedback-list-create-btn{border-radius:var(--radius-sm);background:var(--color-primary);color:var(--color-white);font-size:var(--font-size-sm);cursor:pointer;border:none;padding:.6rem 1.2rem;font-weight:600;transition:all .2s}.feedback-list-create-btn:hover{background:var(--color-primary-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.feedback-list{gap:var(--space-sm);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.feedback-list-item{background-color:var(--color-white);border:1px solid var(--color-primary-light);border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:10px;padding:.9rem 1.1rem;transition:all .2s;display:flex}.feedback-list-item:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-1px)}.feedback-list-favorite{cursor:pointer;color:var(--color-text-muted);font-size:1.3rem;line-height:1;transition:color .2s}.feedback-list-favorite.is-active{color:#f5b301}.feedback-list-content{flex:1;justify-content:space-between;align-items:center;display:flex}.feedback-list-code{color:var(--color-primary-dark)}.feedback-list-date{font-size:var(--font-size-sm);color:var(--color-text-muted)}.feedback-list-status{text-align:center;color:var(--color-text-muted);padding:var(--space-lg)}.feedback-list-error{color:#d64545;font-size:var(--font-size-sm)}.feedback-detail-page{width:100%;max-width:900px;padding:var(--space-lg) var(--space-md);margin:0 auto}.feedback-detail-header{justify-content:space-between;align-items:flex-start;gap:var(--space-md);margin-bottom:var(--space-lg);flex-wrap:wrap;display:flex}.feedback-detail-title{font-size:var(--font-size-xl);color:var(--color-text);margin:0;font-weight:700}.feedback-detail-actions{align-items:center;gap:.6rem;display:flex}.feedback-detail-actions .divider{background:var(--color-primary-light);width:1px;height:24px;margin:0 .2rem}.btn{border-radius:var(--radius-sm);font-size:var(--font-size-sm);cursor:pointer;white-space:nowrap;border:none;padding:.6rem 1.1rem;font-weight:600;transition:all .2s}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:var(--color-white)}.btn-primary:hover:not(:disabled){background:var(--color-primary-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-outline{background:var(--color-white);color:var(--color-text);border:1px solid var(--color-primary-light)}.btn-outline:hover:not(:disabled){border-color:var(--color-primary);background:var(--color-bg-secondary)}.btn-danger{color:var(--color-white);background:#d64545}.btn-danger:hover:not(:disabled){background:#b93838}.btn-sm{padding:.35rem .8rem;font-size:.8rem}.feedback-detail-info{background-color:var(--color-white);border:1px solid var(--color-primary-light);border-radius:var(--radius-sm);padding:var(--space-md);margin-bottom:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.6rem 1.5rem;display:grid}.feedback-detail-info p{color:var(--color-text);margin:0}.feedback-detail-info strong{color:var(--color-text-muted);margin-right:.35rem;font-weight:600}.feedback-detail-section-title{font-size:var(--font-size-lg);color:var(--color-text);margin-bottom:var(--space-md);font-weight:700}.feedback-detail-table-wrapper{background-color:var(--color-white);border:1px solid var(--color-primary-light);border-radius:var(--radius-sm);overflow:hidden}.feedback-detail-table{border-collapse:collapse;width:100%}.feedback-detail-table th{background:var(--color-bg-secondary);color:var(--color-text-muted);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.03em;text-align:left;border-bottom:1px solid var(--color-primary-light);padding:.7rem .9rem}.feedback-detail-table td{border-bottom:1px solid var(--color-bg-secondary);color:var(--color-text);padding:.7rem .9rem}.feedback-detail-table tr:last-child td{border-bottom:none}.feedback-detail-table tr:hover td{background:var(--color-bg-secondary)}.feedback-detail-table td.actions-cell{text-align:center}.feedback-detail-status{text-align:center;color:var(--color-text-muted);padding:var(--space-lg)}.modal-overlay{z-index:50;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-box{background-color:var(--color-white);border-radius:var(--radius-lg);width:100%;max-width:380px;box-shadow:var(--shadow-md);padding:var(--space-lg)}.modal-box h3{font-size:var(--font-size-lg);color:var(--color-text);margin:0 0 .5rem}.modal-box p{margin:0 0 var(--space-md);font-size:var(--font-size-sm);color:var(--color-text-muted)}.modal-actions{justify-content:flex-end;gap:.6rem;display:flex}.feedback-create-card h2{text-align:center;margin-bottom:var(--space-md);color:var(--color-text);font-size:var(--font-size-xl);font-weight:700}.form-input{border:1px solid var(--color-primary-light);border-radius:var(--radius-sm);width:100%;font-size:var(--font-size-sm);color:var(--color-text);background-color:var(--color-white);box-sizing:border-box;padding:.65rem .9rem;transition:border-color .2s,box-shadow .2s}.form-input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 2px #0000000d}.form-input::placeholder{color:var(--color-text-muted)}.form-btn{border-radius:var(--radius-sm);width:100%;font-size:var(--font-size-sm);cursor:pointer;white-space:nowrap;background:var(--color-primary);color:var(--color-white);border:none;padding:.65rem 1.1rem;font-weight:600;transition:all .2s}.form-btn:hover:not(:disabled){background:var(--color-primary-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.form-error{border-radius:var(--radius-sm);color:#d64545;text-align:center;background-color:#d645451a;border:1px solid #d64545;margin:0;padding:.5rem .75rem;font-size:.85rem}.result-page{background-color:var(--color-bg-secondary);flex-direction:column;width:100%;min-height:100vh;display:flex}.result-hero{width:100%;padding:var(--space-xl) var(--space-md) var(--space-2xl);background:linear-gradient(to bottom, var(--color-primary) 0%, #6fc776 60%, #6fc776bf 75%, #6fc77600 100%);justify-content:center;display:flex}.result-logo{width:180px;height:auto}.result-body{padding:0 var(--space-md) var(--space-lg);flex:1;justify-content:center;align-items:center;display:flex}.result-card{background-color:var(--color-white);border-radius:var(--radius-lg);width:100%;max-width:420px;box-shadow:var(--shadow-md);padding:var(--space-lg) var(--space-md);border:2px solid var(--color-primary);align-items:center;gap:var(--space-md);flex-direction:column;display:flex}.result-card h2{font-size:var(--font-size-xl);text-align:center}.result-checking{text-align:center;color:var(--color-text-muted)}.result-error{color:#d64545;font-size:var(--font-size-sm);text-align:center}.code-display{flex-direction:column;align-items:center;gap:.25rem;display:flex}.code-label{font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted)}.code-value{color:var(--color-primary-dark);letter-spacing:.1em;font-size:2.5rem;font-weight:700}.qr-box{border:2px solid var(--color-primary-light);border-radius:var(--radius-sm);background-color:var(--color-white);padding:1rem}.result-footer{flex-direction:column;align-items:center;gap:1rem;padding:2rem 1rem;display:flex}.result-footer-links{align-items:center;gap:.6rem;display:flex}.result-impressum{font-size:var(--font-size-sm);color:var(--color-text-muted)}.result-impressum:hover{text-decoration:underline}.result-footer-divider{color:var(--color-text-muted);font-size:var(--font-size-sm)}.form-btn{width:100%;font-size:var(--font-size-base);padding:.9rem var(--space-md);border-radius:var(--radius-sm)}.form-btn:disabled{opacity:.6;cursor:not-allowed}.form-page{background-color:var(--color-bg-secondary);flex-direction:column;min-height:100vh;display:flex}.form-hero{width:100%;padding:var(--space-xl) var(--space-md) var(--space-2xl);background:linear-gradient(to bottom, var(--color-primary) 0%, #6fc776 60%, #6fc776bf 75%, #6fc77600 100%);justify-content:center;display:flex}.form-logo{width:180px;height:auto}.form-body{padding:0 var(--space-md) var(--space-lg);flex:1;justify-content:center;align-items:center;display:flex}.form-card{background-color:var(--color-white);border-radius:var(--radius-lg);width:100%;max-width:420px;box-shadow:var(--shadow-md);padding:var(--space-lg) var(--space-md);border:2px solid var(--color-primary)}.form-card h2{font-size:var(--font-size-xl);margin-bottom:var(--space-md);text-align:center}.form-fields{gap:var(--space-md);flex-direction:column;display:flex}.form-input{width:100%;font-size:var(--font-size-base);padding:.85rem var(--space-md);border:2px solid var(--color-primary-light);border-radius:var(--radius-sm);background-color:var(--color-bg);color:var(--color-text);margin-bottom:var(--space-md);font-family:inherit;transition:border-color .15s}.form-input:focus{border-color:var(--color-primary-dark);outline:none}.form-textarea{resize:vertical;min-height:100px;margin-bottom:0}.login-btn{width:100%;font-size:var(--font-size-base);padding:.9rem var(--space-md);border-radius:var(--radius-sm);cursor:pointer;border:none;font-weight:600;transition:all .2s;background-color:var(--color-primary)!important;color:var(--color-white)!important}.login-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #6fc77666;background-color:var(--color-primary-dark)!important}.login-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 6px #6fc7764d}.login-btn:disabled{opacity:.6;cursor:not-allowed}.form-error{color:#d64545;font-size:var(--font-size-sm);margin-top:var(--space-sm);text-align:center}.form-success{text-align:center;padding:var(--space-lg) 0}.form-footer{justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-md) 0;display:flex}.form-impressum{font-size:var(--font-size-sm);color:var(--color-text-muted)}.form-impressum:hover{text-decoration:underline}.form-footer-divider{color:var(--color-text-muted);font-size:var(--font-size-sm)}.form-footer{flex-direction:column;align-items:center;gap:1rem;padding:2rem 1rem;display:flex}.form-footer-links{align-items:center;gap:.6rem;display:flex}.powered-by{background:var(--color-bg-secondary);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:14px;align-items:center;gap:.8rem;padding:.7rem 1rem;text-decoration:none;transition:all .2s;display:flex}.powered-by:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 8px 22px #0000001f}.powered-by-logo{object-fit:contain;background-color:gray;border-radius:100%;width:42px;height:42px}.powered-by-text{flex-direction:column;line-height:1.1;display:flex}.powered-label{color:var(--color-text-muted);font-size:.75rem}.powered-name{color:var(--color-text);font-size:.95rem;font-weight:700}:root{--color-primary:#81dd88;--color-primary-dark:#4fa858;--color-primary-light:#a8e0ac;--color-text:#1a1a2e;--color-text-secondary:#4a4a5a;--color-text-muted:#7a7a8a;--color-bg:#fff;--color-bg-secondary:#f2f2f3;--color-card-bg:#e8e8ea;--color-border:#e0e0e2;--color-white:#fff;--font-family:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.5rem;--font-size-2xl:2rem;--font-size-3xl:2.5rem;--font-weight-regular:400;--font-weight-bold:700;--font-weight-black:800;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:2rem;--space-xl:3rem;--space-2xl:4rem;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--shadow-sm:0 1px 3px #00000014;--shadow-md:0 4px 10px #0000001a;--header-height:72px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);color:var(--color-text);background-color:var(--color-bg);font-size:var(--font-size-base);line-height:1.5}h1,h2,h3,h4{font-weight:var(--font-weight-black);color:var(--color-text);line-height:1.25}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;font-family:inherit}.section{padding:var(--space-2xl) var(--space-lg)}.section--gray{background-color:var(--color-bg-secondary)}.card{background-color:var(--color-card-bg);border-radius:var(--radius-md);padding:var(--space-lg)}.btn-primary{background-color:var(--color-primary);color:var(--color-white);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-sm);font-weight:var(--font-weight-bold);transition:background-color .2s}.btn-primary:hover{background-color:var(--color-primary-dark)}.text-muted{color:var(--color-text-muted)}.notfound-card{text-align:center}.notfound-code{color:var(--color-primary);margin-bottom:var(--space-sm);font-size:4rem;font-weight:700}.notfound-text{color:var(--color-text-muted);margin-bottom:var(--space-md)}.notfound-btn{text-align:center;text-decoration:none;display:inline-block}