:root {font-family: Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#152336;background:#f6f8fb;font-size:15px;line-height:1.5}
* {box-sizing:border-box}
body {margin:0;min-width:300px}
[hidden] {display:none!important}
button,input,select {font:inherit}
button,a {cursor:pointer}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible {outline:3px solid #80c4ff;outline-offset:2px}
button {border:0}
.muted {color:#66788a;margin:0}
.topbar {background:#fff;border-bottom:1px solid #e6ecf3;padding:15px max(24px,calc((100vw - 1140px)/2));display:flex;align-items:center;justify-content:space-between}
.identity {display:flex;gap:12px;align-items:center}
.identity strong,.identity span {display:block}
.identity span {font-size:12px;color:#778497}
.brandSymbol {width:52px;height:52px;border-radius:15px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#11639f,#0dacc0);font-weight:800;font-size:29px;box-shadow:0 10px 30px #137cb322}
.brandSymbol.small {width:42px;height:42px;border-radius:11px;font-size:23px}
.mainArea {max-width:1190px;margin:auto;padding:36px 24px 80px}
.intro {display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}
.eyebrow {font-size:11px;color:#318fbc;font-weight:800;letter-spacing:2px;margin:0 0 5px}
h1 {font-size:32px;margin:0 0 5px;letter-spacing:-.8px;line-height:1.2}
h2 {font-size:18px;margin:0;letter-spacing:-.2px}
.overviewNum {min-width:170px;text-align:center;background:#fff;border:1px solid #e2e9f1;border-radius:16px;padding:16px}
.overviewNum strong {font-size:30px;display:block;color:#1378ac}
.overviewNum span {font-size:11px;color:#66788a}
.filters {display:flex;gap:16px;background:#fff;border:1px solid #e2e9f1;border-radius:16px;padding:18px;margin-bottom:29px}
label {display:block;font-weight:650;font-size:12px;margin:0 0 8px}
input,select {width:100%;min-height:44px;padding:10px 12px;border:1px solid #d7e0eb;border-radius:9px;background:#fff;color:#25374a}
.filterGrow {flex:1;min-width:200px}.yearFilter {width:115px;flex:none}.sortFilter {width:225px;flex:none}
.sectionTitle {display:flex;justify-content:space-between;align-items:center;gap:12px;margin:24px 0 13px}
.months {display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.monthCard {text-align:left;background:#fff;border:1px solid #e2e9f1;border-radius:12px;padding:15px;min-height:88px;transition:background .1s,border .1s}
.monthCard:hover {border-color:#89bacf}
.monthCard.active {background:#e7f5fb;border-color:#48a5cd}
.monthCard strong {display:block;font-size:14px}
.monthCard span {font-size:12px;color:#6e7c8d}
.monthCard .count {display:block;font-size:20px;font-weight:800;color:#187ba8;margin-top:4px}
.monthCard.zero .count {color:#b3bac4}
.fileSection {margin-top:29px}
.fileList {background:#fff;border:1px solid #e2e9f1;border-radius:15px;overflow:hidden}
.fileRow {display:flex;align-items:center;gap:15px;padding:16px 18px;border-bottom:1px solid #ecf0f4}
.fileRow:last-child {border-bottom:none}
.fileIcon {flex:none;width:43px;height:43px;border-radius:11px;background:#e6f7ef;color:#18895b;display:grid;place-items:center;font-weight:800;font-size:12px}
.fileTitle {flex:1;min-width:0}.fileTitle strong {display:block;word-wrap:break-word}.fileTitle span {font-size:12px;color:#768495}
.fileActions {display:flex;gap:8px;flex-wrap:wrap}

@media(max-width:1050px){.filters{flex-wrap:wrap}.filterGrow{flex:1 1 100%}.yearFilter,.sortFilter{flex:1 1 170px}}

.button,.primary {border-radius:9px;padding:10px 14px;display:inline-flex;justify-content:center;align-items:center;text-decoration:none;white-space:nowrap;font-weight:650;font-size:13px}
.primary {background:#137aaf;color:#fff;border:1px solid #137aaf}
.primary:hover {background:#0d608f}
.secondary {background:#fff;color:#32536a;border:1px solid #d9e2ed}
.secondary:hover {background:#f1f6fa}
.linkButton {color:#187bab;background:transparent;font-weight:650;font-size:13px;padding:4px}
.empty {padding:32px;text-align:center;color:#748394}
.loginPage {min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at top left,#e7f4fc,#f5f8fc 57%)}
.loginPanel {background:#fff;border:1px solid #e1e8f1;border-radius:18px;box-shadow:0 20px 60px #14345418;padding:36px;max-width:430px;width:100%}
.loginPanel .brandSymbol {margin-bottom:21px}.loginPanel h1 {font-size:25px;margin-bottom:8px}
.loginPanel form {margin-top:28px}.loginPanel input {margin-bottom:14px}.loginPanel .full {width:100%;min-height:46px}
.error {color:#b12929;font-size:13px;min-height:18px}.hint {font-size:12px;text-align:center;color:#8794a3;margin:22px 0 0}
/* Vorschau nutzt die gesamte verfuegbare Bildschirmflaeche, auch bei Ultra-Wide. */
.listMeta {display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px 16px;font-size:12px}
.previewDialog {padding:0;border:1px solid #d4dee9;border-radius:10px;width:calc(100vw - 16px);max-width:none;height:calc(100vh - 16px);max-height:calc(100vh - 16px);height:calc(100dvh - 16px);max-height:calc(100dvh - 16px);box-shadow:0 35px 100px #0c223c70;overflow:hidden}
.previewDialog[open] {display:flex;flex-direction:column}
.previewDialog::backdrop {background:#0a1727c9}
.dialogHeader {flex:none;padding:10px 14px;background:#fff;display:flex;gap:12px;flex-wrap:wrap;align-items:center;justify-content:space-between;border-bottom:1px solid #dae2eb}
.dialogTitle {min-width:0}
.dialogTitle strong,.dialogTitle span {display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:42vw}
.dialogTitle span {color:#64768b;font-size:12px}
.dialogActions {display:flex;gap:7px;align-items:center;flex-wrap:wrap}
.zoomLabel {margin:0;font-size:12px}
#previewZoom {width:auto;min-height:38px;padding:7px 9px;font-size:13px}
.dialogActions .button {padding:8px 10px;min-height:38px}
.previewStatus {flex:none;padding:5px 14px;background:#eef4f8;color:#536779;font-size:12px;min-height:27px}
.previewDialog iframe {border:0;display:block;flex:1;min-height:0;width:100%;background:#f0f0f0}
.previewDialog:fullscreen {border:0;width:100vw;height:100dvh;max-height:100dvh;border-radius:0}
@media(max-width:900px){.months{grid-template-columns:repeat(4,minmax(0,1fr))}.dialogTitle strong,.dialogTitle span{max-width:100%}.dialogHeader{align-items:flex-start}.dialogTitle{flex:1 0 100%}}
@media(max-width:620px){.mainArea{padding:26px 13px 48px}.intro{align-items:flex-start}.overviewNum{min-width:105px;padding:10px}.overviewNum span{font-size:10px}.filters{display:block}.yearFilter,.sortFilter{width:100%;margin-top:13px}.months{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.monthCard{padding:10px}.fileRow{align-items:flex-start;flex-wrap:wrap}.fileTitle{flex:1;min-width:60%}.fileActions{width:100%;justify-content:flex-end}.previewDialog{width:100vw;height:100vh;max-height:100vh;height:100dvh;max-height:100dvh;border:0;border-radius:0}.dialogHeader{padding:8px}.dialogActions{width:100%;gap:5px}.dialogActions .button{padding:7px;font-size:12px}#previewZoom{max-width:155px}.zoomLabel{display:none}.previewStatus{padding:5px 8px}}