:root{--brand: #3d6e74;--brand-dark: #2f575c;--brand-soft: #dfe9ea;--brand-pale: #eef3f3;--ink: #1f3134;--ink-soft: #4a5358;--muted: #8a9499;--line: #d8dee0;--line-soft: #eaecec;--paper: #faf7f1;--white: #ffffff;--success: #5a7848;--warning: #9d7a30;--error: #8a4438;--info: #3d6e74;--success-bg: #edf3e8;--warning-bg: #f7f1e3;--error-bg: #f5e8e6;--info-bg: #eef3f3;--sidebar-w: 220px;--radius: 8px;--shadow: 0 1px 3px rgba(0,0,0,.08), 0 1px 8px rgba(0,0,0,.04);--shadow-md: 0 4px 12px rgba(0,0,0,.1), 0 2px 4px rgba(0,0,0,.06)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:Cormorant Garamond,Georgia,serif;font-weight:600;color:var(--ink);line-height:1.2}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.2rem}a{color:var(--brand);text-decoration:none}a:hover{color:var(--brand-dark)}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--radius);font-size:13px;font-weight:500;font-family:inherit;cursor:pointer;border:1.5px solid transparent;transition:all .15s ease;white-space:nowrap;text-decoration:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--brand);color:#fff;border-color:var(--brand)}.btn-primary:hover{background:var(--brand-dark);border-color:var(--brand-dark)}.btn-secondary{background:var(--white);color:var(--ink);border-color:var(--line)}.btn-secondary:hover{border-color:var(--brand);color:var(--brand)}.btn-ghost{background:transparent;color:var(--ink-soft);border-color:transparent}.btn-ghost:hover{background:var(--brand-pale);color:var(--brand)}.btn-danger{background:var(--error-bg);color:var(--error);border-color:var(--error)}.btn-danger:hover{background:var(--error);color:#fff}.btn-sm{padding:5px 10px;font-size:12px}.btn-icon{padding:7px}.form-group{display:flex;flex-direction:column;gap:5px}.form-label{font-size:12px;font-weight:500;color:var(--ink-soft);letter-spacing:.03em}.form-control{width:100%;padding:8px 12px;border:1.5px solid var(--line);border-radius:var(--radius);font-size:14px;font-family:inherit;color:var(--ink);background:var(--white);transition:border-color .15s;outline:none}.form-control:focus{border-color:var(--brand)}.form-control::placeholder{color:var(--muted)}select.form-control{cursor:pointer}textarea.form-control{resize:vertical;min-height:80px}.card{background:var(--white);border-radius:var(--radius);border:1px solid var(--line);box-shadow:var(--shadow);padding:20px}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:20px;font-size:11px;font-weight:600;letter-spacing:.03em;white-space:nowrap}.badge-entwurf{background:var(--line-soft);color:var(--ink-soft)}.badge-versendet{background:var(--info-bg);color:var(--info)}.badge-bezahlt{background:var(--success-bg);color:var(--success)}.badge-ueberfaellig{background:var(--error-bg);color:var(--error)}.badge-angenommen{background:var(--success-bg);color:var(--success)}.badge-abgelehnt{background:var(--error-bg);color:var(--error)}.badge-storniert{background:var(--line-soft);color:var(--muted)}.table-wrap{overflow-x:auto;border-radius:var(--radius);border:1px solid var(--line)}table{width:100%;border-collapse:collapse;background:var(--white)}th{text-align:left;padding:10px 14px;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);background:var(--paper);border-bottom:1px solid var(--line)}td{padding:12px 14px;border-bottom:1px solid var(--line-soft);vertical-align:middle}tr:last-child td{border-bottom:none}tbody tr:hover{background:var(--brand-pale);cursor:pointer}.td-right{text-align:right}.td-mono{font-family:SF Mono,Cascadia Code,monospace;font-size:13px}.flex{display:flex}.flex-1{flex:1}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.text-sm{font-size:12px}.text-muted{color:var(--muted)}.text-right{text-align:right}.font-mono{font-family:monospace}.font-bold{font-weight:600}.page-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:24px;gap:16px}.page-header h1{margin:0}.page-title-sub{font-size:13px;color:var(--muted);margin-top:3px}.filter-bar{display:flex;gap:10px;align-items:center;margin-bottom:16px;flex-wrap:wrap}.filter-bar .form-control{max-width:280px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:12px;color:var(--muted);text-align:center}.empty-icon{font-size:40px;opacity:.4}.spinner{width:20px;height:20px;border-radius:50%;border:2px solid var(--line);border-top-color:var(--brand);animation:spin .7s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1f313473;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal{background:var(--white);border-radius:12px;box-shadow:var(--shadow-md);width:100%;max-height:calc(100vh - 40px);overflow-y:auto;animation:modal-in .18s ease}.modal-sm{max-width:420px}.modal-md{max-width:640px}.modal-lg{max-width:860px}@keyframes modal-in{0%{transform:translateY(12px);opacity:0}}.modal-header{padding:20px 24px 16px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.modal-body{padding:20px 24px}.modal-footer{padding:14px 24px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:10px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.kpi-card{background:var(--white);border-radius:var(--radius);border:1px solid var(--line);padding:18px 20px;display:flex;flex-direction:column;gap:6px}.kpi-label{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.kpi-value{font-size:1.6rem;font-weight:600;color:var(--ink);font-family:Cormorant Garamond,serif}.kpi-sub{font-size:12px;color:var(--muted)}.toast-container{position:fixed;bottom:24px;right:24px;z-index:2000;display:flex;flex-direction:column;gap:8px}.toast{padding:12px 18px;border-radius:var(--radius);box-shadow:var(--shadow-md);font-size:13px;font-weight:500;animation:toast-in .2s ease;max-width:360px}@keyframes toast-in{0%{transform:translate(20px);opacity:0}}.toast-success{background:var(--success);color:#fff}.toast-error{background:var(--error);color:#fff}.toast-info{background:var(--ink);color:#fff}@media print{.sidebar,.page-header .btn,.filter-bar,.no-print{display:none!important}body{background:#fff}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--line);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--muted)}