:root{--ink:#152238;--muted:#65738a;--line:#e5eaf1;--navy:#172b4d;--blue:#2478f2;--pale:#f5f8fc;--orange:#ee8d25;--green:#16805d}*{box-sizing:border-box}body{margin:0;background:var(--pale);color:var(--ink);font:15px/1.45 Inter,Segoe UI,Arial,sans-serif}.topbar{height:64px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1240px)/2));position:sticky;top:0;z-index:2}.brand{font-size:17px;font-weight:750;color:var(--navy);text-decoration:none;display:flex;align-items:center;gap:9px}.brand span,.logo{display:grid;place-items:center;background:var(--blue);color:white;border-radius:9px;width:30px;height:30px;font-size:12px;font-weight:800}nav{display:flex;align-items:center;gap:20px}nav a,.link,.panel-head a{color:var(--muted);text-decoration:none;font-weight:600}.link{border:0;background:none;font:inherit;cursor:pointer}.shell{max-width:1240px;margin:auto;padding:36px 24px 64px}.intro,.detail-head{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:25px}.intro h1,.detail-head h1{font-size:30px;letter-spacing:-.7px;margin:2px 0}.intro p,.detail-head p{color:var(--muted);margin:0}.eyebrow{font-weight:800;color:var(--blue)!important;font-size:11px;letter-spacing:1.2px}.button,button{background:var(--blue);border:0;border-radius:8px;color:white;padding:10px 16px;font:600 14px inherit;cursor:pointer;text-decoration:none;display:inline-block}.secondary{background:#fff;color:var(--ink);border:1px solid var(--line)}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px}.metrics article,.panel{background:#fff;border:1px solid var(--line);border-radius:13px}.metrics article{padding:18px}.metrics span,.metrics small{display:block;color:var(--muted)}.metrics strong{font-size:25px;letter-spacing:-.5px;display:block;margin:7px 0}.panel{padding:22px;margin-bottom:20px}.panel-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:16px}.panel h2{margin:0;font-size:18px}.panel h3{margin:16px 0 6px;font-size:15px}.panel p{color:var(--muted);margin:4px 0}.market-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.market{border:1px solid var(--line);border-radius:10px;padding:13px;display:flex;align-items:center;gap:10px}.market h3{margin:0;font-size:14px}.market p{font-size:12px}.market-icon{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#e7f0ff;color:var(--blue);font-weight:800}.badge,.type{border-radius:99px;background:#eef2f7;color:#506078;padding:4px 8px;font-size:12px;font-weight:650;white-space:nowrap}.market .badge{margin-left:auto}.filters{display:flex;gap:8px;margin-bottom:14px}.filters select,input,textarea{font:inherit;border:1px solid #cfd8e5;border-radius:7px;padding:9px 10px;background:white;color:var(--ink)}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:790px}th{text-align:left;font-size:11px;letter-spacing:.5px;color:var(--muted);text-transform:uppercase;padding:10px;border-bottom:1px solid var(--line)}td{padding:13px 10px;border-bottom:1px solid #edf0f4}td small{display:block;color:var(--muted)}.clickable{cursor:pointer}.clickable:hover{background:#f7faff}.amount{font-weight:750;color:#b65d11}.empty{padding:28px;background:#f8fafc;border-radius:9px;color:var(--muted);text-align:center}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(135deg,#eaf2ff,#f7faff)}.auth-card{width:min(420px,100%);background:white;border:1px solid var(--line);padding:38px;border-radius:16px;box-shadow:0 18px 45px #25446718}.auth-card .logo{width:42px;height:42px;margin-bottom:24px}.auth-card h1{margin:3px 0 8px}.auth-card p{color:var(--muted)}.stack{display:grid;gap:13px;margin-top:22px}.stack label{font-weight:650;display:grid;gap:5px}.stack small{font-weight:400;color:var(--muted)}.alert,.success{padding:11px 13px;border-radius:8px;margin:13px 0}.alert{background:#fff0ed;color:#a4402b}.success{background:#eaf8f1;color:#176a4e}.detail-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:20px}.player video{width:100%;background:#071323;border-radius:8px;margin-top:15px}.muted{color:var(--muted);font-size:13px}.large{font-size:26px}.back{color:var(--blue);text-decoration:none;font-weight:650;display:inline-block;margin-bottom:16px}dl{display:grid;grid-template-columns:130px 1fr;margin:15px 0;gap:9px}dt{color:var(--muted)}dd{margin:0;word-break:break-word}.raw{font-size:13px;border-top:1px solid var(--line);padding-top:12px}.compact{margin-bottom:10px}@media(max-width:800px){.metrics,.market-grid,.detail-grid{grid-template-columns:1fr}.shell{padding:24px 15px}.topbar{padding:0 15px}.topbar nav{gap:11px}.topbar nav a{display:none}.intro,.detail-head{align-items:start;flex-direction:column}.metrics{gap:10px}}
.badge.ok{background:#eaf8f1;color:#176a4e}.badge.warn{background:#fff0ed;color:#a4402b}.panel table{min-width:0}.panel input[type=file]{padding:7px}
.badge.wait{background:#fff7e6;color:#8a5a12}
.badge.auffaellig{background:#fff0ed;color:#a4402b}
.badge.offen{background:#eef2f8;color:#42526b}
.detail-grid>.player{grid-row:span 2}
.review-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;flex-wrap:wrap}
.review-nav .muted{font-size:13px}
.weiter-form{margin:0}
.review-actions{display:flex;gap:9px;flex-wrap:wrap;align-items:center}
.review .keys{grid-template-columns:96px 1fr;font-size:13px;margin-bottom:0}
.review textarea{width:100%;font:inherit;padding:9px;border:1px solid var(--line);border-radius:8px;resize:vertical}
@media(max-width:800px){.detail-grid>.player{grid-row:auto}.review-nav{flex-direction:column;align-items:stretch}}
.bulk{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}
.bulk input[name=kommentar]{flex:1 1 220px;padding:9px;border:1px solid var(--line);border-radius:8px;font:inherit}
.clip-warten{padding:22px;background:#f8fafc;border-radius:9px;color:var(--muted);margin-top:15px}
.clip-warten p{margin:0 0 10px}
.clip-balken{height:6px;background:var(--line);border-radius:3px;overflow:hidden}
.clip-balken span{display:block;height:100%;width:0;background:var(--blue);transition:width .4s}
#clip-erneut{margin-top:12px}
tr.stoerung td{background:#fff6f4}
tr.stoerung td:first-child{box-shadow:inset 3px 0 0 #a4402b}
