:root{--color-bg:#f4f5f7;--color-surface:#fff;--color-text:#182230;--color-text-muted:#5b6675;--color-border:#e2e5ea;--color-primary:#1c3f5f;--color-primary-hover:#122a3f;--color-primary-contrast:#fff;--color-error:#b3261e;--color-error-bg:#fdecea;--color-success:#1a7f4f;--color-success-bg:#e9f7ef;--radius-sm:.375rem;--radius-md:.625rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--font-sans:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--font-size-sm:.8125rem;--font-size-base:.9375rem;--font-size-lg:1.125rem;--font-size-xl:1.5rem;--font-size-2xl:1.875rem;--shadow-sm:0 1px 2px rgba(16,24,40,.06);font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg);font-size:var(--font-size-base);line-height:1.5}*{box-sizing:border-box}body{margin:0}nav{display:flex;gap:var(--space-1);align-items:center;padding:var(--space-3) var(--space-4);background:var(--color-primary);flex-wrap:wrap}nav a{color:#ffffffbf;text-decoration:none;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:600;letter-spacing:.01em;transition:background .12s,color .12s}nav a:hover{color:#fff;background:#ffffff14}nav a[aria-current=page]{color:#fff;background:#ffffff29}main{max-width:70rem;margin:var(--space-8) auto;padding:var(--space-6);background:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}h1{font-size:var(--font-size-2xl);font-weight:700;letter-spacing:-.01em;margin:0 0 var(--space-6)}h2{font-size:var(--font-size-lg);font-weight:600;margin:0 0 var(--space-3);color:var(--color-text)}p.hint{color:var(--color-text-muted);font-size:var(--font-size-sm);margin:0 0 var(--space-4)}fieldset{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4) var(--space-4) var(--space-5);margin:0 0 var(--space-4)}legend{font-size:var(--font-size-sm);font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);padding:0 var(--space-2)}form{margin:var(--space-2) 0}.row,.grid{display:flex;gap:var(--space-3);flex-wrap:wrap;align-items:end}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr))}.field{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.field label{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-muted)}input,select{padding:.55rem .7rem;font-size:var(--font-size-base);font-family:inherit;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);transition:border-color .12s,box-shadow .12s}input:focus,select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #1c3f5f26}input::placeholder{color:#9aa4b2}button{padding:.55rem 1rem;font-size:var(--font-size-base);font-weight:600;font-family:inherit;color:var(--color-primary-contrast);background:var(--color-primary);border:none;border-radius:var(--radius-sm);cursor:pointer;transition:background .12s}button:hover{background:var(--color-primary-hover)}button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}button:disabled{opacity:.5;cursor:not-allowed}button.secondary{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border)}button.secondary:hover{background:var(--color-bg)}button.danger{background:var(--color-surface);color:var(--color-error);border:1px solid var(--color-border)}button.danger:hover{background:var(--color-error-bg)}ul{list-style:none;padding:0;margin:var(--space-4) 0 0}li{display:flex;gap:var(--space-3);flex-wrap:wrap;align-items:center;padding:var(--space-3) 0;border-bottom:1px solid var(--color-border)}li:last-child{border-bottom:none}.muted{opacity:.5}.error{color:var(--color-error);background:var(--color-error-bg);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);margin:var(--space-3) 0 0}table{width:100%;border-collapse:collapse;margin-top:var(--space-4)}th{text-align:left;padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);border-bottom:2px solid var(--color-border)}td{text-align:left;padding:var(--space-3);border-bottom:1px solid var(--color-border);vertical-align:top}tbody tr:hover{background:var(--color-bg)}td.amount,th.amount{text-align:right;font-variant-numeric:tabular-nums}.status{display:inline-flex;align-items:center;padding:.15rem .55rem;border-radius:999px;font-size:var(--font-size-sm);font-weight:600;background:var(--color-bg);color:var(--color-text-muted)}.status.finalisiert{background:var(--color-success-bg);color:var(--color-success)}.status.fehlgeschlagen{background:var(--color-error-bg);color:var(--color-error)}.running{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-6);background:var(--color-bg);border-radius:var(--radius-md);margin-bottom:var(--space-4)}.running .clock{font-size:var(--font-size-2xl);font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.01em}.running .project{color:var(--color-text-muted);font-size:var(--font-size-sm)}