*{box-sizing:border-box} :root{color-scheme:dark;--bg:#0d111b;--panel:#161d2b;--line:#29344a;--text:#edf1fa;--muted:#9ba9c1;--blue:#7f9bdf}body{margin:0;background:radial-gradient(ellipse at top right,#1b2a48 0,transparent 55%),var(--bg);color:var(--text);font:14px/1.55 system-ui,-apple-system,"Segoe UI",sans-serif;min-height:100vh}a{color:#b2c7ff;text-decoration:none}button,input,textarea,select{font:inherit}button,.button{border:0;border-radius:9px;padding:11px 16px;background:#7998e3;color:#101a30;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap}.secondary{background:#222e44;color:#d4dff7;border:1px solid #35425d}button:hover,.button:hover{filter:brightness(1.12)}button:focus-visible,a:focus-visible{outline:3px solid #bed0ff;outline-offset:3px}input,select,textarea{width:100%;padding:11px 12px;border:1px solid #37445e;background:#0f1624;color:var(--text);border-radius:8px;outline:none}input:focus,select:focus,textarea:focus{border-color:#91aff5;box-shadow:0 0 0 3px #7f9bdf22}textarea{resize:vertical}label{display:block;color:#b9c5dc;font-size:13px;font-weight:600;margin:14px 0 7px}label input,label select,label textarea{margin-top:7px}input[type=checkbox]{width:18px;height:18px;margin:0;accent-color:#8ca6e5;flex-shrink:0}.top{padding:22px 4%;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:25px;background:#101724d9}.brand{display:flex;align-items:center;gap:10px;color:#8ba7e5;font-weight:900;font-style:italic;font-size:48px;line-height:1}.brand span{font-size:19px;color:#eff3fd;letter-spacing:2px;font-style:normal}.brand small{display:block;font-size:9px;color:#92a4c5;letter-spacing:2px;margin-top:6px}nav{display:flex;gap:20px;align-items:center;flex-wrap:wrap}nav a{font-size:13px}.inline{display:inline-block;margin:0}.shell{max-width:1280px;margin:44px auto;padding:0 25px}h1{font-size:32px;line-height:1.2;margin:7px 0 14px;letter-spacing:-1px}h2{font-size:18px;margin:0 0 18px}h2:not(:first-child){margin-top:30px}p{margin:10px 0}.eyebrow{font-size:10px;letter-spacing:2px;color:#9bb5f4;font-weight:800}.muted,.hint{color:var(--muted)}.hint{font-size:11px}.panel{background:linear-gradient(150deg,#1a2334,#141b28);border:1px solid var(--line);border-radius:17px;padding:27px;margin-bottom:22px;box-shadow:0 15px 45px #0002}.login{max-width:470px;margin:60px auto}.login button{margin-top:22px;width:100%}.columns{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}.fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}.checks{display:flex;gap:28px}.checks label,.check{display:flex;align-items:center;gap:9px}.total{display:flex;justify-content:space-between;margin-top:26px;border-top:1px solid #3b4b68;padding-top:20px;font-weight:700}.total output{font-size:22px;color:#b5c9ff}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.toolbar,.row-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.toolbar{margin:18px 0}.row-actions button,.row-actions .button{padding:7px 10px;font-size:12px}.savebar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:22px 0 50px;padding:20px;border:1px solid var(--line);background:#151e2c;border-radius:14px}.savebar span{font-size:12px;color:var(--muted)}canvas{width:100%;height:150px;background:#fff;border:1px solid #8394b6;border-radius:9px;touch-action:none;display:block;margin:10px 0}.signature-pad button{font-size:12px;padding:7px 10px}.filters{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:12px;margin-bottom:24px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left}th{font-size:10px;letter-spacing:1px;color:#91a3c2;text-transform:uppercase;padding:14px 12px;border-bottom:1px solid var(--line)}td{padding:17px 12px;border-bottom:1px solid #263147}td small{color:#9ba9c1}.tag{display:inline-block;padding:5px 9px;border-radius:6px;background:#293751;color:#bdd0fa;font-size:11px;white-space:nowrap}.green{background:#16382e;color:#8adcb2}.empty{text-align:center;padding:50px;color:var(--muted)}.alert{background:#4d2530;color:#ffd5df;border:1px solid #85445a;padding:15px;border-radius:10px}.user-row{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:16px 0;gap:10px}.user-row p{font-size:12px}.app-footer{text-align:center;color:#63738e;font-size:10px;letter-spacing:2px;padding:25px}
/* A4-Dokument – eigenständiger Nachbau ohne Original-Logo */
.paper{color-scheme:light;background:#fff;color:#17202e;width:210mm;min-height:297mm;margin:24px auto;padding:13mm 10mm 10mm;box-shadow:0 20px 70px #0005;font-family:Arial,sans-serif;font-size:12px;overflow-wrap:anywhere}.paper-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.paper-logo{display:flex;align-items:center;gap:8px}.paper-logo>b{font-size:128px;color:#6a84ae;font-style:italic;line-height:.85;font-weight:900}.paper-logo>div{font-size:31px;font-weight:900;line-height:.95;letter-spacing:-1px;color:#101010}.paper-logo small{font-size:10px;display:block;color:#657fa8;letter-spacing:3px;margin-top:10px;text-align:right}.instructor-box{border:1.5px solid #7185a6;border-radius:7px;padding:12px;min-width:145px;margin-top:22px}.paper span,.paper label{letter-spacing:.4px}.instructor-box span,.paper-title span{font-size:10px;color:#4c6c9b;font-weight:800;display:block}.instructor-box strong{display:block;font-size:27px;line-height:1.4;border:1px solid #7185a6;border-radius:4px;margin-top:7px;padding:0 8px;font-weight:400}.paper-title{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin-top:26px}.paper-title h1{color:#5775a2;font-size:32px;letter-spacing:1px;margin:0 0 3px;line-height:1.1}.paper-title p{font-size:11px;letter-spacing:2px;font-weight:800;margin:4px 0 0;color:#111}.date-box{border:1.5px solid #7185a6;border-radius:5px;font-size:23px;white-space:nowrap;text-align:center;padding:5px 12px;margin-top:5px}.paper-rule{height:2px;background:#6c80a0;position:relative;margin:22px 0 27px}.paper-rule:after{content:"///";position:absolute;right:-1px;top:-10px;letter-spacing:2px;font-weight:900;color:#6c80a0;background:white;padding-left:8px;font-size:18px}.paper h2{font-size:11px;letter-spacing:.7px;color:#4e6c98;margin:0 0 22px;line-height:1.5}.paper-columns{display:grid;grid-template-columns:.9fr 1.1fr;gap:28px}.paper-columns>section+section{border-left:1px solid #a4afbf;padding-left:22px}.paper label{color:#111;font-size:9px;font-weight:700;margin:19px 0 5px}.paper-field{border:1px solid #7589a7;border-radius:4px;font-size:22px;padding:3px 6px;min-height:34px;line-height:1.2}.paper-columns h2:not(:first-child){margin-top:32px}.paper-checks{display:flex;align-items:center;gap:25px;flex-wrap:wrap}.paper-checks span{display:flex;align-items:center;gap:8px;font-size:10px;font-weight:bold}.paper i{font-style:normal;border:1.5px solid #7388a6;border-radius:2px;display:inline-flex;width:20px;height:20px;align-items:center;justify-content:center;font-size:30px;line-height:1;color:#111;flex-shrink:0}.cost-box{border:1.5px solid #7287a8;border-radius:6px;padding:0 15px}.cost-box>div{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:63px;border-bottom:1px solid #99a6bc}.cost-box span{font-size:9px;font-weight:bold}.cost-box strong{font-size:21px;font-weight:400;white-space:nowrap}.cost-box .grand{border-bottom:0;color:#52709b}.consent{margin-top:34px}.consent p{font-size:10px;line-height:1.6;letter-spacing:.3px}.consent .paper-checks{margin-top:18px}.consent h2{margin-bottom:15px}.paper-signatures{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin:32px 10px 0}.paper-signatures h2{font-size:9px;margin-bottom:5px}.signed{height:76px;border-bottom:1px solid #7286a4}.signed img{width:100%;height:100%;object-fit:contain}.paper-signatures>section>span{font-size:10px;display:block;margin-top:5px;color:#556983}.paper-footer{border-top:2px solid #6c80a0;padding-top:9px;margin-top:36px;font-size:8px;color:#6d81a2;letter-spacing:1px;display:flex;justify-content:space-between;gap:15px}.exam-person{margin-bottom:25px;grid-template-columns:1fr 1fr}.exam-person>section+section{border:0}.exam-person .paper-field{font-size:21px}.report{display:grid;grid-template-columns:1fr 1fr;border:1.5px solid #7287a8;border-radius:6px;margin-bottom:24px;overflow:hidden}.report section{padding:16px;min-height:270px}.report section+section{border-left:1px solid #7287a8}.report h3{text-align:center;font-size:10px;color:#5e799e;margin:0 0 15px}.report section>div{font-size:15px;line-height:1.8;white-space:normal;background:repeating-linear-gradient(transparent 0,transparent 26px,#c3cad5 26px,#c3cad5 27px);min-height:216px}.results{display:grid;grid-template-columns:1fr 1fr;gap:35px}.results>div{border:1.5px solid;border-radius:5px;padding:15px;text-align:center;display:flex;align-items:center;justify-content:center;gap:12px;font-weight:bold;font-size:13px}.results i{width:24px;height:24px}.passed{color:#52763a}.failed{color:#b34c48}
@media(max-width:900px){.top{flex-direction:column;align-items:flex-start}.paper{margin-left:0;margin-right:0}.shell:has(.paper){overflow-x:auto}.page-heading{align-items:flex-start;flex-direction:column}.filters{grid-template-columns:1fr 1fr}.columns{grid-template-columns:1fr}.fields{grid-template-columns:1fr 1fr}}@media(max-width:520px){.shell{padding:0 14px;margin-top:25px}.panel{padding:20px}.fields{grid-template-columns:1fr}.filters{grid-template-columns:1fr}.savebar{flex-direction:column;align-items:stretch}nav{gap:12px}h1{font-size:27px}}
@page{size:A4;margin:0}@media print{html,body{background:#fff!important;color:#111!important;margin:0!important;padding:0!important}.no-print,.app-footer{display:none!important}.shell{max-width:none;margin:0!important;padding:0!important;overflow:visible!important}.paper{margin:0!important;box-shadow:none;width:210mm;min-height:297mm;padding:13mm 10mm 10mm;print-color-adjust:exact;-webkit-print-color-adjust:exact}.paper-head,.paper-title,.paper-columns,.results,.paper-signatures,.cost-box>div{break-inside:avoid}.paper-footer{break-inside:avoid}.report{break-inside:auto}.paper h2{break-after:avoid}.paper img{max-width:100%}}