:root{--farbe-primaer: #1d4ed8;--farbe-primaer-hell: #2563eb;--farbe-primaer-dunkel: #1e3a8a;--farbe-akzent-hell: #eff6ff;--farbe-akzent-rand: #bfdbfe;--farbe-hintergrund: #f4f7fb;--farbe-flaeche: #ffffff;--farbe-rand: #e2e8f0;--farbe-text: #0f172a;--farbe-text-schwach: #64748b;--farbe-fehler: #b91c1c;--schatten: 0 1px 3px rgba(15, 23, 42, .08), 0 1px 2px rgba(15, 23, 42, .06);--schatten-gross: 0 10px 30px rgba(29, 78, 216, .12), 0 2px 8px rgba(15, 23, 42, .06);--radius: 10px;font-family:-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--farbe-hintergrund);color:var(--farbe-text);-webkit-font-smoothing:antialiased}h1{font-size:1.4rem;font-weight:700;letter-spacing:-.01em;margin:0}.kopfzeile{display:flex;justify-content:space-between;align-items:center;padding:14px 28px;background:linear-gradient(180deg,var(--farbe-primaer) 0%,var(--farbe-primaer-dunkel) 100%);color:#fff;box-shadow:0 2px 8px #0f172a26}.kopfzeile .logo{color:#fff;text-decoration:none;font-weight:700;font-size:1.15rem;letter-spacing:-.01em;display:flex;align-items:center;gap:8px}.kopfzeile .logo:before{content:"";display:inline-block;width:10px;height:10px;border-radius:3px;background:#fff}.kopfzeile button{background:#ffffff1f;border:1px solid rgba(255,255,255,.35);color:#fff}.kopfzeile button:hover{background:#ffffff38}main{padding:32px 28px 64px;max-width:1150px;margin:0 auto}.login-seite{display:flex;justify-content:center;align-items:center;min-height:100vh;background:radial-gradient(circle at 15% 15%,var(--farbe-akzent-hell) 0%,transparent 45%),radial-gradient(circle at 85% 85%,var(--farbe-akzent-hell) 0%,transparent 45%),var(--farbe-hintergrund)}.login-formular{display:flex;flex-direction:column;gap:14px;background:var(--farbe-flaeche);padding:40px 36px;border-radius:16px;border:1px solid var(--farbe-rand);box-shadow:var(--schatten-gross);width:340px}.login-formular h1{margin-bottom:8px;color:var(--farbe-primaer-dunkel)}label{display:flex;flex-direction:column;gap:6px;font-size:.88rem;font-weight:500;color:var(--farbe-text-schwach)}input,select{padding:9px 11px;border:1px solid var(--farbe-rand);border-radius:8px;font-size:.95rem;color:var(--farbe-text);background:var(--farbe-flaeche);transition:border-color .15s ease,box-shadow .15s ease}input:focus,select:focus{outline:none;border-color:var(--farbe-primaer-hell);box-shadow:0 0 0 3px var(--farbe-akzent-hell)}button{padding:9px 18px;border:none;border-radius:8px;background:var(--farbe-primaer);color:#fff;cursor:pointer;font-size:.92rem;font-weight:600;transition:background .15s ease,transform .05s ease}button:hover{background:var(--farbe-primaer-hell)}button:active{transform:translateY(1px)}button:disabled{opacity:.5;cursor:not-allowed}.login-formular button{margin-top:8px;padding:11px 18px}.button{display:inline-block;padding:9px 18px;background:var(--farbe-primaer);color:#fff;border-radius:8px;text-decoration:none;font-weight:600;font-size:.92rem;transition:background .15s ease}.button:hover{background:var(--farbe-primaer-hell)}.fehler{color:var(--farbe-fehler);font-size:.88rem;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:8px 12px}.seiten-kopf{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.aktionen{display:flex;gap:10px}.tabelle{width:100%;border-collapse:collapse;background:var(--farbe-flaeche);border-radius:var(--radius);overflow:hidden;box-shadow:var(--schatten);border:1px solid var(--farbe-rand)}.tabelle th,.tabelle td{padding:12px 16px;border-bottom:1px solid var(--farbe-rand);text-align:left}.tabelle th{background:var(--farbe-akzent-hell);color:var(--farbe-primaer-dunkel);font-size:.76rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.tabelle tbody tr:hover{background:var(--farbe-akzent-hell)}.tabelle tbody tr:last-child td{border-bottom:none}.tabelle a{color:var(--farbe-primaer);font-weight:600;text-decoration:none}.tabelle a:hover{text-decoration:underline}.tabelle .zahl{text-align:right;font-variant-numeric:tabular-nums}.status{display:inline-block;padding:3px 10px;border-radius:999px;font-size:.72rem;font-weight:700;letter-spacing:.02em}.status--entwurf{background:#e2e8f0;color:#475569}.status--versendet{background:var(--farbe-akzent-hell);color:var(--farbe-primaer-dunkel)}.status--angenommen{background:#dcfce7;color:#166534}.status--abgelehnt{background:#fee2e2;color:#991b1b}.optional-hinweis{font-style:italic;color:var(--farbe-text-schwach);font-size:.85rem}.formular-zeile{display:flex;gap:16px;margin-bottom:20px;background:var(--farbe-flaeche);padding:16px;border-radius:var(--radius);border:1px solid var(--farbe-rand);box-shadow:var(--schatten)}.angebot-formular .tabelle{margin-bottom:16px}.summen{width:320px;margin-left:auto;margin-top:20px;background:var(--farbe-flaeche);padding:16px 20px;border-radius:var(--radius);border:1px solid var(--farbe-rand);box-shadow:var(--schatten)}.summen>div{display:flex;justify-content:space-between;padding:6px 0;font-variant-numeric:tabular-nums}.summen-gesamt{font-weight:700;font-size:1.15rem;color:var(--farbe-primaer-dunkel);border-top:1px solid var(--farbe-rand);margin-top:4px;padding-top:10px!important}section{background:var(--farbe-flaeche);padding:16px 20px;border-radius:var(--radius);border:1px solid var(--farbe-rand);box-shadow:var(--schatten);margin-bottom:16px}