:root{--ink:#111827;--muted:#667085;--line:#d7dce3;--paper:#f3f5f7;--white:#fff;--orange:#ff5a00;--navy:#111a2e;--green:#137a4f;--red:#b42318;--yellow:#f6c344}
*{box-sizing:border-box}html{font-family:Arial,Helvetica,sans-serif;background:var(--paper);color:var(--ink)}body{margin:0}.topbar{background:var(--navy);color:#fff;padding:28px clamp(20px,4vw,64px);display:flex;justify-content:space-between;gap:32px;align-items:end;border-bottom:5px solid var(--orange)}.topbar h1{font-size:clamp(28px,4vw,48px);margin:6px 0 8px;letter-spacing:-.035em}.topbar p{margin:0;color:#cbd2df}.eyebrow{font-size:11px;letter-spacing:.18em;font-weight:800;color:var(--orange)}.top-actions{display:flex;gap:10px;flex-wrap:wrap}.button,.mini,.icon-button{border:0;border-radius:0;font:inherit;font-weight:800;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.button{padding:12px 16px}.button.primary{background:var(--orange);color:#fff}.button.secondary{background:#fff;color:var(--navy)}.button:disabled{opacity:.55;cursor:wait}main{max-width:1540px;margin:0 auto;padding:28px clamp(16px,3vw,44px) 60px}.dropzone{background:#fff;border:2px dashed #8e99aa;min-height:140px;padding:24px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:22px;transition:.15s}.dropzone.dragging{border-color:var(--orange);background:#fff7f2;transform:translateY(-2px)}.dropzone.busy{opacity:.65}.drop-icon{width:64px;height:64px;background:var(--navy);color:#fff;font-size:36px;display:grid;place-items:center}.dropzone strong{display:block;font-size:22px}.dropzone span{display:block;color:var(--muted);margin-top:6px}.upload-result{margin-top:12px;background:#fff;border-left:5px solid var(--orange);padding:16px}.upload-result ul{margin:10px 0 0;padding-left:20px}.upload-result .ok{color:var(--green)}.upload-result .bad{color:var(--red)}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0}.stat{background:#fff;border-top:4px solid var(--navy);padding:18px}.stat span{display:block;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.08em}.stat strong{display:block;font-size:34px;margin-top:4px}.toolbar{display:flex;justify-content:space-between;gap:20px;align-items:end;margin:26px 0 14px}.search{display:block;flex:1;max-width:620px}.search span{display:block;font-size:12px;font-weight:800;text-transform:uppercase;margin-bottom:6px}.search input{width:100%;border:1px solid #aeb7c3;border-radius:0;background:#fff;padding:13px 14px;font:inherit}.check{font-size:14px;color:var(--muted);padding-bottom:12px}.day-group{margin:0 0 22px}.day-heading{display:flex;align-items:baseline;justify-content:space-between;background:var(--navy);color:#fff;padding:12px 16px;border-left:6px solid var(--orange)}.day-heading h2{font-size:18px;margin:0;text-transform:capitalize}.day-heading span{font-size:12px;color:#cbd2df}.table-wrap{overflow-x:auto;background:#fff}table{width:100%;border-collapse:collapse;min-width:1100px}th,td{text-align:left;padding:13px 12px;border-bottom:1px solid var(--line);vertical-align:top}th{font-size:11px;text-transform:uppercase;letter-spacing:.06em;background:#e9edf2;color:#475467}tbody tr:hover{background:#fafafa}tr.has-warning{box-shadow:inset 4px 0 0 var(--yellow)}td small{display:block;color:var(--muted);font-size:10px;margin-top:4px;max-width:180px}.mono,.tracking-code{font-family:Consolas,Monaco,monospace}.tracking-code{display:block;font-size:12px;white-space:nowrap}.warning-mark{display:inline-grid;place-items:center;width:18px;height:18px;background:var(--yellow);color:#111;margin-left:7px;font-size:12px}.status{display:inline-block;font-weight:800;font-size:12px;text-transform:uppercase}.status.done{color:var(--green)}.status.open{color:var(--orange)}.status small{text-transform:none}.row-actions{display:flex;flex-wrap:wrap;gap:5px;min-width:275px}.mini{padding:7px 9px;font-size:11px;background:#e8edf3;color:var(--ink)}.mini:hover{background:#d6dde6}.mini.mail,.mini.copy{background:var(--navy);color:#fff}.mini.link{background:var(--orange);color:#fff}.mini.notify.active{background:#d1fae5;color:#075c3b}.empty{background:#fff;border:1px solid var(--line);padding:42px;text-align:center;color:var(--muted)}.empty.error{color:var(--red)}dialog{width:min(900px,94vw);max-height:90vh;border:0;border-radius:0;padding:0;box-shadow:0 24px 80px rgba(0,0,0,.35)}dialog::backdrop{background:rgba(17,24,39,.72)}.dialog-head{display:flex;justify-content:space-between;align-items:center;background:var(--navy);color:#fff;padding:18px 22px;border-bottom:4px solid var(--orange)}.dialog-head h2{margin:4px 0 0}.icon-button{font-size:30px;background:transparent;color:#fff;padding:4px 10px}.detail-content{padding:20px;overflow:auto;max-height:calc(90vh - 94px)}dl{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line)}dl div{background:#fff;padding:12px}dt{font-size:10px;text-transform:uppercase;color:var(--muted);font-weight:800}dd{margin:5px 0 0;word-break:break-word}.detail-content h3{margin:22px 0 8px}.detail-content pre{white-space:pre-wrap;word-break:break-word;background:#101827;color:#e5e7eb;padding:16px;font-size:12px;max-height:340px;overflow:auto}.toast{position:fixed;right:20px;bottom:20px;background:var(--navy);color:#fff;border-left:5px solid var(--orange);padding:14px 18px;z-index:99;box-shadow:0 10px 30px rgba(0,0,0,.25)}
@media(max-width:850px){.topbar{align-items:start;flex-direction:column}.dropzone{grid-template-columns:auto 1fr}.dropzone .button{grid-column:1/-1}.stats{grid-template-columns:1fr 1fr}.toolbar{align-items:stretch;flex-direction:column}.check{padding:0}.table-wrap{overflow:visible;background:transparent}table,tbody,tr,td{display:block;min-width:0}thead{display:none}tr{background:#fff;margin-bottom:12px;border-top:4px solid var(--navy);padding:8px 12px}td{display:grid;grid-template-columns:130px 1fr;gap:10px;padding:9px 0;border-bottom:1px solid var(--line)}td::before{content:attr(data-label);font-size:10px;text-transform:uppercase;color:var(--muted);font-weight:800}.row-actions{min-width:0}.day-heading{position:sticky;top:0;z-index:2}dl{grid-template-columns:1fr}}
@media(max-width:520px){.stats{grid-template-columns:1fr 1fr}.dropzone{grid-template-columns:1fr;text-align:center}.drop-icon{margin:auto}.top-actions{width:100%}.top-actions .button{flex:1}.stat strong{font-size:28px}td{grid-template-columns:105px 1fr}}
.selection-panel{margin-top:12px;background:#fff;border:1px solid var(--line);padding:16px}.selection-head{display:flex;justify-content:space-between;gap:20px;align-items:center}.selection-head strong{display:block}.selection-head span{display:block;color:var(--muted);font-size:12px;margin-top:4px}.button.compact{padding:9px 12px;border:1px solid var(--line)}.file-queue{list-style:none;margin:14px 0;padding:0;border-top:1px solid var(--line)}.file-queue li{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--line)}.file-queue strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-queue small{color:var(--muted)}.file-type{display:inline-grid;place-items:center;min-width:44px;padding:5px 7px;font-size:10px;font-weight:800;background:var(--navy);color:#fff}.file-type.xml{background:var(--green)}.remove-file{border:0;border-radius:0;background:#eef1f5;color:var(--ink);font-size:20px;line-height:1;width:32px;height:32px;cursor:pointer}.remove-file:hover{background:#dde3ea}.submit-files{width:100%;margin-top:2px;font-size:16px}.selection-panel[hidden]{display:none}
@media(max-width:620px){.selection-head{align-items:stretch;flex-direction:column}.file-queue li{grid-template-columns:auto minmax(0,1fr) auto}.file-queue small{display:none}.remove-file{grid-column:3}}

/* Login und Sitzungssteuerung */
.account-chip{display:inline-flex;align-items:center;padding:11px 13px;border:1px solid rgba(255,255,255,.25);color:#d8deea;font-size:12px;font-weight:700;white-space:nowrap}.logout-form{display:flex;margin:0}.login-page{min-height:100vh;background:linear-gradient(135deg,#0d1425 0,#111a2e 56%,#1a2338 100%);display:grid;place-items:center;padding:24px}.login-page::before{content:"";position:fixed;inset:0;background:linear-gradient(90deg,transparent 0 49.8%,rgba(255,255,255,.025) 50%,transparent 50.2%),linear-gradient(transparent 0 49.8%,rgba(255,255,255,.025) 50%,transparent 50.2%);background-size:52px 52px;pointer-events:none}.login-shell{width:min(480px,100%);max-width:none;margin:0;padding:0;position:relative;z-index:1}.login-card{background:#fff;border-top:7px solid var(--orange);box-shadow:0 30px 90px rgba(0,0,0,.42);padding:34px}.login-brand{display:flex;align-items:center;gap:16px}.brand-mark{width:58px;height:58px;display:grid;place-items:center;background:var(--navy);color:#fff;border-bottom:5px solid var(--orange);font-size:28px;font-weight:900}.login-brand h1{margin:5px 0 0;font-size:32px;letter-spacing:-.035em}.login-intro{color:var(--muted);line-height:1.55;margin:24px 0}.login-form{display:grid;gap:16px}.login-form label span{display:block;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;margin-bottom:7px}.login-form input{width:100%;border:1px solid #aeb7c3;border-radius:0;background:#fff;padding:13px 14px;font:inherit;outline:none}.login-form input:focus{border-color:var(--orange);box-shadow:inset 4px 0 0 var(--orange)}.login-submit{width:100%;margin-top:3px;font-size:16px}.login-message{padding:12px 14px;margin:0 0 18px;border-left:5px solid}.login-message.error{background:#fff0ee;border-color:var(--red);color:#7a271a}.login-message.info{background:#eef4ff;border-color:#175cd3;color:#1849a9}.login-note{font-size:11px;color:var(--muted);margin:18px 0 0;text-align:center}
@media(max-width:850px){.account-chip{width:100%;justify-content:center}.logout-form{flex:1}.logout-form .button{width:100%}}
@media(max-width:520px){.login-page{padding:14px}.login-card{padding:24px}.login-brand h1{font-size:27px}.brand-mark{width:50px;height:50px}.top-actions .account-chip{flex-basis:100%}}