@font-face{font-family:Archivo Black;src:url(/fonts/ArchivoBlack-Regular.ttf) format("truetype");font-weight:900;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/Inter-Variable.ttf) format("truetype-variations");font-weight:100 900;font-display:swap}:root{--navy-900:#0b2545;--navy-700:#15355f;--navy-500:#1e4a8a;--navy-100:#e8f0f8;--lime-700:#365314;--lime-600:#4d7c0f;--lime-400:#6abf1e;--lime-300:#a3e635;--lime-100:#ecfccb;--paper:#f8fafc;--ink:#15191f;--ink-soft:#4b5563;--line:#dde3ea;--white:#fff;--font-display:"Archivo Black",Arial,sans-serif;--font-body:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:"JetBrains Mono","Courier New",monospace;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--radius-sm:4px;--radius-md:8px;--radius-lg:14px;--shadow-card:0 1px 3px rgba(11,37,69,.08)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--ink);background:var(--paper);line-height:1.6;-webkit-font-smoothing:antialiased}img,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}h1,h2,h3{font-family:var(--font-display);font-weight:900;line-height:1.1;letter-spacing:-.01em;color:var(--navy-900)}h1{font-size:clamp(1.9rem,3.5vw,2.6rem)}h2{font-size:clamp(1.4rem,2.4vw,1.8rem)}h3{font-size:1.15rem}p{color:var(--ink-soft)}.eyebrow,.mono{font-family:var(--font-mono)}.eyebrow{font-size:.74rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--lime-600)}.chev{display:inline-block;width:.6em;height:.85em;position:relative}.chev:after{content:"";position:absolute;inset:0;border-right:.16em solid;border-top:.16em solid;transform:rotate(45deg);width:55%;height:55%;top:22%;left:5%;border-radius:0 2px 0 0}.btn{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-body);font-weight:700;font-size:.95rem;padding:11px 20px;border-radius:var(--radius-sm);border:1.5px solid transparent;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.btn-primary{background:var(--navy-900);color:var(--white)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(11,37,69,.22)}.btn-accent{background:var(--lime-300);color:var(--lime-700)}.btn-accent:hover{transform:translateY(-1px)}.btn-ghost{background:transparent;border-color:var(--navy-900);color:var(--navy-900)}.btn-ghost:hover{background:var(--navy-900);color:var(--white)}.btn-block{width:100%;justify-content:center}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-card)}.card+.card{margin-top:var(--space-5)}.auth-shell{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.auth-aside{background:var(--navy-900);color:var(--white);padding:var(--space-8) var(--space-7);display:flex;flex-direction:column;justify-content:space-between}.auth-aside .logo img,.auth-aside .logo svg{height:30px}.auth-aside h1{color:var(--white);margin-top:var(--space-6)}.auth-aside p{color:hsla(0,0%,100%,.72);max-width:42ch}.auth-aside .accent{color:var(--lime-300)}.auth-main{display:flex;align-items:center;justify-content:center;padding:var(--space-7)}.auth-box{width:100%;max-width:400px}@media (max-width:820px){.auth-shell{grid-template-columns:1fr}.auth-aside{display:none}}.field{margin-bottom:var(--space-4)}.field label{display:block;font-size:.82rem;font-weight:600;color:var(--navy-900);margin-bottom:var(--space-2)}.field input{width:100%;font-family:var(--font-body);font-size:.95rem;padding:11px 13px;border:1.5px solid var(--line);border-radius:var(--radius-sm);background:var(--white);color:var(--ink)}.field input:focus{outline:none;border-color:var(--navy-500)}.form-note{font-size:.8rem;color:var(--ink-soft);margin-top:var(--space-2)}.form-error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b;border-radius:var(--radius-sm)}.form-error,.form-ok{padding:var(--space-3) var(--space-4);font-size:.88rem;margin-bottom:var(--space-4)}.form-ok{background:var(--lime-100);border:1px solid var(--lime-300);color:var(--lime-700);border-radius:var(--radius-sm)}.portal{min-height:100vh;display:grid;grid-template-columns:248px 1fr}.sidebar{background:var(--navy-900);color:hsla(0,0%,100%,.75);padding:var(--space-6) var(--space-5);display:flex;flex-direction:column;gap:var(--space-6);position:-webkit-sticky;position:sticky;top:0;height:100vh}.sidebar .brand img,.sidebar .brand svg{height:26px}.sidebar nav{display:flex;flex-direction:column;gap:2px}.sidebar nav a{display:flex;align-items:center;gap:var(--space-3);padding:10px 12px;border-radius:var(--radius-sm);font-size:.92rem;font-weight:600;color:hsla(0,0%,100%,.72)}.sidebar nav a:hover{background:hsla(0,0%,100%,.06);color:var(--white)}.sidebar nav a.active{background:rgba(163,230,53,.14);color:var(--lime-300)}.sidebar .kundennr{font-family:var(--font-mono);font-size:.78rem;color:hsla(0,0%,100%,.55);letter-spacing:.04em}.sidebar .kundennr strong{color:var(--lime-300)}.sidebar-foot{margin-top:auto;font-size:.8rem}.sidebar-foot a{color:hsla(0,0%,100%,.6)}.sidebar-foot a:hover{color:var(--lime-300)}.content{padding:var(--space-7);max-width:1100px}.content>header{margin-bottom:var(--space-6)}.content>header .eyebrow{margin-bottom:var(--space-2)}@media (max-width:820px){.portal{grid-template-columns:1fr}.sidebar{position:static;height:auto;flex-direction:column}.content{padding:var(--space-5)}}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--white);box-shadow:var(--shadow-card)}table.data{width:100%;border-collapse:collapse;font-size:.9rem}table.data th{text-align:left;font-family:var(--font-mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft);padding:12px 16px;background:var(--paper)}table.data td,table.data th{border-bottom:1px solid var(--line)}table.data td{padding:13px 16px;color:var(--ink)}table.data tr:last-child td{border-bottom:none}.badge,table.data td.num,table.data th.num{font-family:var(--font-mono)}.badge{display:inline-flex;align-items:center;gap:6px;font-size:.72rem;font-weight:600;padding:3px 9px;border-radius:999px;letter-spacing:.02em}.badge.aktiv,.badge.bezahlt{background:var(--lime-100);color:var(--lime-700)}.badge.abgeschlossen{background:var(--navy-100);color:var(--navy-700)}.badge.fehlgeschlagen,.badge.gekuendigt{background:#fee2e2;color:#991b1b}.badge.offen{background:#fef3c7;color:#92400e}.stats{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:var(--space-4);gap:var(--space-4)}.stat{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-card)}.stat .label{font-family:var(--font-mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft)}.stat .value{font-family:var(--font-display);font-size:1.7rem;color:var(--navy-900);margin-top:var(--space-2)}@media (max-width:900px){.stats{grid-template-columns:1fr 1fr}}.todo-note{display:flex;gap:var(--space-3);align-items:flex-start;background:var(--navy-100);border:1px dashed var(--navy-500);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);font-size:.86rem;color:var(--navy-700);margin-top:var(--space-4)}.todo-note .mono{color:var(--lime-600)}.muted{color:var(--ink-soft)}.mt-4{margin-top:var(--space-4)}.mt-5{margin-top:var(--space-5)}.mt-6{margin-top:var(--space-6)}.section-title{margin:var(--space-6) 0 var(--space-3)}.filters{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:flex-end;margin-bottom:var(--space-5)}.filters .field{margin-bottom:0}.filters input,.filters select{font-family:var(--font-body);font-size:.9rem;padding:9px 12px;border:1.5px solid var(--line);border-radius:var(--radius-sm);background:var(--white)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--lime-400);outline-offset:2px}