:root{--navy: #003764;--navy-dark: #002548;--navy-light: #004f8f;--teal: #5fd0df;--teal-light: #b8edf3;--green: #6dc067;--gray-bg: #f4fcfd;--gray-100: #f1f5f9;--gray-200: #e2e8f0;--gray-400: #94a3b8;--gray-600: #475569;--gray-800: #1e293b;--white: #ffffff;--red: #ef4444;--red-light: #fee2e2;--orange: #f97316;--orange-light: #ffedd5;--shadow: 0 4px 20px rgba(0, 55, 100, .12);--shadow-sm: 0 2px 8px rgba(0, 55, 100, .08);--radius: 12px;--radius-sm: 8px;--font: "Nunito", system-ui, sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased}body{font-family:var(--font);background:var(--gray-bg);color:var(--gray-800);min-height:100vh;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font-family:var(--font);cursor:pointer;border:none;background:none}input,select,textarea{font-family:var(--font)}.app-shell{display:flex;min-height:100vh}.sidebar{width:240px;flex-shrink:0;background:var(--navy);color:var(--white);display:flex;flex-direction:column;padding:0;position:fixed;top:0;left:0;height:100vh;z-index:100}.sidebar-logo{padding:24px 20px 20px;border-bottom:1px solid rgba(255,255,255,.1)}.sidebar-logo img{height:36px;width:auto}.sidebar-logo-text{font-size:18px;font-weight:800;color:var(--white);letter-spacing:-.3px}.sidebar-logo-sub{font-size:11px;color:var(--teal);font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-top:2px}.sidebar-nav{flex:1;padding:16px 0;overflow-y:auto}.sidebar-nav-item{display:flex;align-items:center;gap:10px;padding:10px 20px;font-size:14px;font-weight:600;color:#ffffffb3;transition:all .15s;border-radius:0;width:100%;text-align:left}.sidebar-nav-item:hover{color:var(--white);background:#ffffff14}.sidebar-nav-item.active{color:var(--white);background:#5fd0df26;border-left:3px solid var(--teal)}.sidebar-nav-item .nav-icon{width:18px;height:18px;flex-shrink:0}.sidebar-footer{padding:16px 20px;border-top:1px solid rgba(255,255,255,.1);font-size:13px;color:#ffffff80}.main-content{margin-left:240px;flex:1;min-height:100vh;display:flex;flex-direction:column}.page-header{background:var(--white);border-bottom:1px solid var(--gray-200);padding:16px 32px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:50}.page-header h1{font-size:20px;font-weight:800;color:var(--navy)}.page-body{padding:28px 32px;flex:1}.card{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:24px}.card-title{font-size:16px;font-weight:700;color:var(--navy);margin-bottom:16px}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:28px}.kpi-card{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:20px 24px;display:flex;flex-direction:column;gap:6px}.kpi-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--gray-400)}.kpi-value{font-size:32px;font-weight:800;color:var(--navy);line-height:1}.kpi-card.entwurf .kpi-value{color:var(--gray-600)}.kpi-card.gesendet .kpi-value{color:var(--navy-light)}.kpi-card.bezahlt .kpi-value{color:var(--green)}.kpi-card.ueberfaellig .kpi-value{color:var(--red)}.btn{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;border-radius:var(--radius-sm);font-size:14px;font-weight:700;transition:all .15s;white-space:nowrap}.btn-primary{background:var(--navy);color:var(--white)}.btn-primary:hover{background:var(--navy-dark)}.btn-teal{background:var(--teal);color:var(--navy)}.btn-teal:hover{background:#4abfce}.btn-outline{background:transparent;color:var(--navy);border:2px solid var(--navy)}.btn-outline:hover{background:var(--gray-100)}.btn-ghost{background:transparent;color:var(--gray-600);padding:7px 12px}.btn-ghost:hover{background:var(--gray-100);color:var(--navy)}.btn-danger{background:var(--red);color:var(--white)}.btn-danger:hover{background:#dc2626}.btn-sm{padding:5px 12px;font-size:13px}.btn:disabled{opacity:.5;cursor:not-allowed}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group.full-width{grid-column:1 / -1}.form-label{font-size:13px;font-weight:700;color:var(--gray-600)}.form-label .required{color:var(--red);margin-left:2px}.form-input{border:1.5px solid var(--gray-200);border-radius:var(--radius-sm);padding:9px 12px;font-size:14px;color:var(--gray-800);background:var(--white);transition:border-color .15s;width:100%}.form-input:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 3px #5fd0df33}.form-input.error{border-color:var(--red)}.form-error{font-size:12px;color:var(--red)}.form-section-title{font-size:15px;font-weight:800;color:var(--navy);padding-bottom:12px;border-bottom:2px solid var(--teal-light);margin-bottom:16px;grid-column:1 / -1}.table-container{overflow-x:auto;border-radius:var(--radius);box-shadow:var(--shadow-sm)}table{width:100%;border-collapse:collapse;background:var(--white)}thead th{background:var(--navy);color:var(--white);padding:12px 16px;text-align:left;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}thead th:first-child{border-radius:var(--radius) 0 0 0}thead th:last-child{border-radius:0 var(--radius) 0 0}tbody tr{border-bottom:1px solid var(--gray-100);transition:background .1s}tbody tr:hover{background:var(--gray-bg)}tbody tr:last-child{border-bottom:none}tbody td{padding:12px 16px;font-size:14px;color:var(--gray-800)}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:100px;font-size:12px;font-weight:700}.badge-entwurf{background:var(--gray-100);color:var(--gray-600)}.badge-gesendet{background:#004f8f1a;color:var(--navy-light)}.badge-bezahlt{background:#6dc06726;color:#3a7a36}.badge-ueberfaellig{background:var(--red-light);color:var(--red)}.badge-modifiziert{background:var(--gray-100);color:var(--gray-400)}.badge-bezahlt-partial{background:#dc26261a;color:#b91c1c}.tabs{display:flex;gap:2px;border-bottom:2px solid var(--gray-200);margin-bottom:24px}.tab{padding:10px 20px;font-size:14px;font-weight:700;color:var(--gray-400);border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .15s}.tab:hover{color:var(--navy)}.tab.active{color:var(--navy);border-bottom-color:var(--teal)}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.calendar-weekday{text-align:center;font-size:11px;font-weight:800;color:var(--gray-400);text-transform:uppercase;padding:4px 0}.calendar-day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:8px;font-size:13px;font-weight:600;cursor:default;position:relative}.calendar-day.normal{background:#0037640f;color:var(--navy)}.calendar-day.feiertag{background:var(--teal);color:var(--navy);font-weight:800}.calendar-day.empty{background:transparent}.wizard-steps{display:flex;align-items:center;gap:0;margin-bottom:32px}.wizard-step{display:flex;align-items:center;gap:8px;flex:1}.wizard-step-number{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;background:var(--gray-200);color:var(--gray-400);flex-shrink:0}.wizard-step.active .wizard-step-number{background:var(--navy);color:var(--white)}.wizard-step.done .wizard-step-number{background:var(--teal);color:var(--navy)}.wizard-step-label{font-size:13px;font-weight:700;color:var(--gray-400)}.wizard-step.active .wizard-step-label,.wizard-step.done .wizard-step-label{color:var(--navy)}.wizard-step-connector{flex:1;height:2px;background:var(--gray-200);max-width:40px}.wizard-step-connector.done{background:var(--teal)}.loading{display:flex;align-items:center;justify-content:center;padding:48px;color:var(--gray-400);font-weight:600}.empty-state{text-align:center;padding:48px 24px;color:var(--gray-400)}.empty-state-title{font-size:16px;font-weight:700;margin-bottom:8px}.login-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--navy) 0%,var(--navy-light) 100%)}.login-card{background:var(--white);border-radius:20px;padding:48px 40px;width:100%;max-width:400px;box-shadow:0 24px 60px #0000004d;text-align:center}.login-logo{margin-bottom:8px}.login-title{font-size:24px;font-weight:800;color:var(--navy);margin-bottom:4px}.login-subtitle{font-size:14px;color:var(--gray-400);margin-bottom:32px}.login-btn{width:100%;padding:14px;font-size:15px;justify-content:center}.text-right{text-align:right}.text-center{text-align:center}.font-mono{font-family:Courier New,monospace}.font-bold{font-weight:700}.text-navy{color:var(--navy)}.text-teal{color:var(--teal)}.text-muted{color:var(--gray-400)}.text-red{color:var(--red)}.text-green{color:var(--green)}.mt-4{margin-top:4px}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.gap-8{gap:8px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}