:root{
  --bg:#0a0f18;--bg2:#101a28;--panel:#121c2c;--panel2:#172438;--panel3:#1c2c45;
  --line:rgba(128,180,239,.22);--line2:rgba(128,180,239,.38);--text:#eff6ff;--muted:#87b3e5;
  --blue:#4692e8;--blue2:#adc9e6;--purple:#5b9eeb;--cyan:#3c8ce7;--green:#2fd47c;--red:#f05252;--gold:#4a8dd9;
  --shadow:0 24px 70px rgba(0,0,0,.48);--glow-blue:0 0 34px rgba(70,146,232,.24);--glow-purple:0 0 34px rgba(91,158,235,.28)
}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--text);background:var(--bg);font-size:16px}a{color:inherit}.app-body{background:
radial-gradient(circle at 82% 8%,rgba(89,157,234,.16),transparent 28%),
radial-gradient(circle at 24% 0%,rgba(56,137,230,.18),transparent 32%),
linear-gradient(135deg,#0a0f18 0%,#111b2a 50%,#0a0f18 100%);}
.app-body:before{content:'';position:fixed;inset:0;pointer-events:none;background:
radial-gradient(circle at 70% 12%,rgba(255,255,255,.055),transparent 13%),
linear-gradient(rgba(173,201,230,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(173,201,230,.035) 1px,transparent 1px);background-size:100% 100%,52px 52px,52px 52px;mask-image:radial-gradient(circle at 70% 20%,#000 0%,transparent 80%);opacity:.65}.app-body:after{content:'LSPD';position:fixed;right:10%;top:3%;font-size:118px;letter-spacing:14px;font-weight:1000;color:rgba(173,201,230,.035);pointer-events:none;filter:blur(.2px)}
.layout{display:flex;min-height:100vh}.sidebar{width:286px;min-width:286px;height:100vh;position:sticky;top:0;padding:25px 18px 18px;background:linear-gradient(180deg,rgba(16,26,40,.92),rgba(10,16,25,.97));border-right:1px solid rgba(173,201,230,.18);box-shadow:22px 0 70px rgba(0,0,0,.38);backdrop-filter:blur(18px);overflow:auto;z-index:2}.brand{display:flex;align-items:center;gap:14px;margin-bottom:30px}.brand-mark{width:44px;height:44px;border-radius:17px;display:grid;place-items:center;background:linear-gradient(145deg,#4c95e9,#1a6fd1);box-shadow:0 0 35px rgba(70,146,232,.38),inset 0 1px rgba(255,255,255,.3);font-weight:900}.brand-text strong{font-size:25px;display:block;letter-spacing:.6px}.brand-text span{display:block;color:#adc9e6;text-transform:uppercase;font-size:12px;letter-spacing:1.6px;font-weight:900;line-height:1.25;margin-top:3px}.sidebar nav{display:flex;flex-direction:column;gap:10px}.sidebar nav a{position:relative;display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:14px;text-decoration:none;color:#eff6ff;border:1px solid transparent;background:rgba(255,255,255,.022);box-shadow:inset 0 1px rgba(255,255,255,.025);transition:.18s ease}.sidebar nav a:hover,.sidebar nav a.active{background:linear-gradient(135deg,rgba(70,146,232,.28),rgba(41,112,194,.12));border-color:rgba(100,163,236,.45);box-shadow:0 0 0 1px rgba(70,146,232,.18),0 13px 35px rgba(70,146,232,.16),inset 0 1px rgba(255,255,255,.06);transform:translateX(2px)}.nav-icon{width:28px;height:28px;display:grid;place-items:center;border-radius:10px;color:#eff6ff;background:rgba(173,201,230,.08);border:1px solid rgba(173,201,230,.13);font-weight:900}.sidebar nav a.active .nav-icon{background:linear-gradient(145deg,#4692e8,#2170ca);color:#fff;box-shadow:var(--glow-blue)}.logout-link{margin-top:30px!important;border-color:rgba(240,82,82,.26)!important;color:#ffb4b4!important;background:rgba(240,82,82,.07)!important}.logout-link .nav-icon{color:#ff8585;background:rgba(240,82,82,.12);border-color:rgba(240,82,82,.23)}
.content{position:relative;z-index:1;flex:1;padding:26px 44px 42px;min-width:0}.mobile-brand{display:none}.topbar{display:flex;justify-content:flex-end;align-items:center;gap:14px;margin-bottom:20px}.top-pill,.user-chip{display:flex;align-items:center;gap:10px;padding:12px 16px;border:1px solid var(--line);border-radius:16px;background:rgba(18,29,45,.66);box-shadow:0 16px 40px rgba(0,0,0,.25),inset 0 1px rgba(255,255,255,.05);backdrop-filter:blur(14px);font-weight:800}.top-pill small,.user-chip small{display:block;color:#adc9e6;font-weight:500}.status-dot{width:11px;height:11px;border-radius:50%;background:#26d86d;box-shadow:0 0 16px rgba(38,216,109,.8)}.user-shield{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,#4692e8,#2877d1);box-shadow:var(--glow-blue);font-weight:900}.user-chip strong{display:block}.page-title,h1{font-size:34px;margin:0 0 24px;text-shadow:0 8px 28px rgba(0,0,0,.35)}h2{margin:26px 0 16px;font-size:25px}h3{margin:0 0 10px}.muted{color:var(--muted)}
.command-hero{position:relative;display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin:4px 0 28px;padding:8px 0 0}.command-hero h1{font-size:clamp(32px,3vw,45px);margin:4px 0 8px;letter-spacing:-.035em}.eyebrow.compact{font-size:15px;font-weight:900;color:#acc9e7;letter-spacing:.7px;margin:0;text-transform:none}.hero-sub{margin:0;color:#b2c9e1;line-height:1.55}.hero-seal{position:absolute;right:28%;top:-35px;width:190px;height:190px;border-radius:50%;display:grid;place-items:center;border:2px solid rgba(173,201,230,.08);color:rgba(173,201,230,.08);font-weight:1000;font-size:43px;letter-spacing:6px;box-shadow:inset 0 0 70px rgba(173,201,230,.055);pointer-events:none}.kpi-grid{display:grid;grid-template-columns:repeat(6,minmax(150px,1fr));gap:18px;margin-bottom:22px}.kpi-card{position:relative;min-height:178px;padding:22px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,rgba(24,38,59,.84),rgba(13,20,31,.92));box-shadow:var(--shadow),inset 0 1px rgba(255,255,255,.07);overflow:hidden}.kpi-card:before{content:'';position:absolute;inset:-1px;background:radial-gradient(circle at 22% 20%,rgba(70,146,232,.17),transparent 40%);pointer-events:none}.kpi-card.purple:before{background:radial-gradient(circle at 22% 20%,rgba(91,158,235,.22),transparent 42%)}.kpi-card.cyan:before{background:radial-gradient(circle at 22% 20%,rgba(60,140,231,.2),transparent 42%)}.kpi-card.green:before{background:radial-gradient(circle at 22% 20%,rgba(47,212,124,.19),transparent 42%)}.kpi-card.violet:before{background:radial-gradient(circle at 22% 20%,rgba(99,163,236,.24),transparent 42%)}.kpi-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:19px;border:1px solid rgba(173,201,230,.23);background:rgba(70,146,232,.14);box-shadow:0 0 28px rgba(70,146,232,.25);font-weight:1000;font-size:25px;margin-bottom:10px}.kpi-card.purple .kpi-icon,.kpi-card.violet .kpi-icon{background:rgba(91,158,235,.16);box-shadow:0 0 28px rgba(91,158,235,.28)}.kpi-card.green .kpi-icon{background:rgba(47,212,124,.13);box-shadow:0 0 28px rgba(47,212,124,.23)}.kpi-card.cyan .kpi-icon{background:rgba(60,140,231,.13);box-shadow:0 0 28px rgba(60,140,231,.23)}.kpi-card h3{font-size:15px;line-height:1.35;color:#eff6ff;margin:0 0 12px;padding-left:70px;margin-top:-61px;min-height:43px}.kpi-card p{font-size:42px;line-height:1;font-weight:1000;margin:16px 0 0}.kpi-card .rank-big{font-size:32px;letter-spacing:-.03em}.sparkline{position:absolute;left:18px;right:18px;bottom:14px;height:32px;opacity:.85;background:linear-gradient(135deg,transparent 0 12%,rgba(70,146,232,.9) 12% 14%,transparent 14% 28%,rgba(70,146,232,.75) 28% 30%,transparent 30% 45%,rgba(70,146,232,.9) 45% 47%,transparent 47% 63%,rgba(70,146,232,.75) 63% 65%,transparent 65% 82%,rgba(70,146,232,.95) 82% 84%,transparent 84%);clip-path:polygon(0 82%,12% 74%,21% 40%,31% 72%,40% 55%,52% 80%,63% 42%,75% 60%,88% 30%,100% 48%,100% 100%,0 100%)}.purple .sparkline,.violet .sparkline{filter:hue-rotate(45deg)}.green .sparkline{filter:hue-rotate(120deg)}.cyan .sparkline{filter:hue-rotate(20deg)}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px;margin-bottom:22px}.card,.panel{background:linear-gradient(145deg,rgba(24,38,59,.86),rgba(14,22,34,.92));border:1px solid var(--line);border-radius:22px;padding:22px;box-shadow:var(--shadow),inset 0 1px rgba(255,255,255,.055);position:relative;overflow:hidden}.card:before,.panel:before{content:'';position:absolute;inset:-1px;background:radial-gradient(circle at 15% 0%,rgba(70,146,232,.12),transparent 34%);pointer-events:none}.big{font-size:42px;font-weight:1000;margin:10px 0 0}.dashboard-grid{display:grid;grid-template-columns:1.08fr 1fr;gap:20px}.panel-wide{min-width:0}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px}.panel-head h2{margin:0;font-size:20px}.mini-link{border:1px solid var(--line);border-radius:12px;padding:8px 12px;text-decoration:none;color:#eff6ff;background:rgba(255,255,255,.025);font-size:13px}.mini-link:hover{border-color:var(--blue);box-shadow:var(--glow-blue)}.table-wrap{border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:0 14px 36px rgba(0,0,0,.28);background:rgba(16,26,40,.78)}.table-wrap.clean{box-shadow:none;border-radius:16px}.table{width:100%;border-collapse:collapse;background:transparent}.table th{background:rgba(70,146,232,.10);font-size:13px;text-transform:uppercase;letter-spacing:.8px;color:#eff6ff}.table th,.table td{border-bottom:1px solid rgba(128,180,239,.18);padding:15px;text-align:left;vertical-align:middle}.table tr:hover td{background:rgba(255,255,255,.026)}.compact-table th,.compact-table td{padding:11px 10px;font-size:14px}.badge{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:rgba(70,146,232,.16);border:1px solid rgba(70,146,232,.34);color:#eff6ff;font-weight:900;font-size:12px}.badge.green{background:rgba(47,212,124,.14);border-color:rgba(47,212,124,.38);color:#baffd7}.badge.red{background:rgba(240,82,82,.15);border-color:rgba(240,82,82,.38);color:#ffc8c8}.actions{display:flex;gap:9px;flex-wrap:wrap}.btn,button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:linear-gradient(145deg,var(--blue),#1a6fd0);color:#fff;padding:12px 17px;text-decoration:none;font-weight:950;cursor:pointer;box-shadow:0 14px 30px rgba(70,146,232,.22);transition:.16s ease;white-space:nowrap}.btn:hover,button:hover{transform:translateY(-2px);filter:brightness(1.08)}.btn.secondary{background:linear-gradient(145deg,#2c4a77,#20334f);box-shadow:none}.btn.danger,button.danger{background:linear-gradient(135deg,#ef5350,#b71e1e)!important;color:#fff!important;box-shadow:0 14px 30px rgba(240,82,82,.2)}.btn.small,button.small{padding:8px 12px;font-size:13px;border-radius:11px}.rank-emblem,.db-icon{width:38px;height:38px;border-radius:13px;display:grid;place-items:center;background:rgba(91,158,235,.16);border:1px solid rgba(91,158,235,.3);box-shadow:var(--glow-purple)}.rank-row,.rank-meta{display:flex;justify-content:space-between;gap:16px;color:#eff6ff}.rank-row{margin:10px 0 14px}.rank-row strong{font-size:18px;color:#fff}.progress{height:22px;border-radius:999px;background:rgba(10,15,24,.75);border:1px solid rgba(173,201,230,.16);overflow:hidden;box-shadow:inset 0 3px 12px rgba(0,0,0,.35)}.progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#5c9feb,#4692e8);box-shadow:0 0 24px rgba(91,158,235,.45)}.rank-meta{font-size:14px;margin:13px 0 28px;color:#b2c9e1}.notice-card{display:flex;gap:14px;align-items:center;padding:16px;border:1px solid rgba(128,180,239,.16);border-radius:16px;background:rgba(255,255,255,.028)}.notice-card>span{width:38px;height:38px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(145deg,#4692e8,#317fd8);box-shadow:var(--glow-blue)}.notice-card p{margin:4px 0 0;color:#87b3e5}.activity-item{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:13px 4px;border-bottom:1px solid rgba(128,180,239,.12)}.activity-item:last-child{border-bottom:0}.activity-dot{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#4692e8,#2574cf);box-shadow:var(--glow-blue);font-weight:900}.activity-dot.purple{background:linear-gradient(145deg,#5b9eeb,#2970c2);box-shadow:var(--glow-purple)}.activity-item strong{display:block}.activity-item p{margin:3px 0 0;color:#87b3e5}.activity-item time{color:#c0d6ec;font-size:13px;text-align:right}.backup-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.backup-box,.health-box{padding:17px;border:1px solid rgba(128,180,239,.15);border-radius:16px;background:rgba(255,255,255,.025)}.backup-box span{display:block;color:#87b3e5;margin-bottom:8px}.backup-box strong{font-size:18px}.health-box{display:grid;grid-template-columns:110px 1fr;gap:14px;align-items:center}.health-circle{width:98px;height:98px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at center,#162235 0 55%,transparent 56%),conic-gradient(var(--green) 0 100%,rgba(255,255,255,.08) 0);font-weight:1000;font-size:24px;box-shadow:0 0 30px rgba(47,212,124,.25)}.health-circle small{display:block;font-size:12px;color:#c0d6ec;margin-top:-25px}.health-box ul{list-style:none;margin:0;padding:0;color:#c0d6ec;display:grid;gap:9px;font-size:13px}.health-box li{color:#bdeccd}hr{border:0;border-top:1px solid var(--line);width:100%;margin:20px 0}.question{border:1px solid var(--line);border-radius:20px;padding:18px;margin:14px 0;background:linear-gradient(145deg,rgba(23,36,55,.86),rgba(16,25,38,.86));box-shadow:0 14px 34px rgba(0,0,0,.22)}.answer-box{background:rgba(0,0,0,.18);border:1px solid var(--line);border-radius:16px;padding:14px;white-space:pre-wrap}.correct{color:#8cf0b4}.wrong{color:#ff9a9a}input,select,textarea{width:100%;border:1px solid rgba(128,180,239,.28);background:rgba(13,20,31,.82);color:#fff;border-radius:14px;padding:13px 14px;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(70,146,232,.13)}textarea{min-height:125px}.grid{display:grid;gap:14px}.two{grid-template-columns:repeat(2,minmax(0,1fr))}.alert{padding:13px;border-radius:14px;margin:12px 0;border:1px solid transparent}.error{background:rgba(240,82,82,.14);border-color:rgba(240,82,82,.35);color:#ffd0d0}.success{background:rgba(47,212,124,.14);border-color:rgba(47,212,124,.35);color:#c7ffdd}.form-grid{display:grid;gap:16px}.form-grid label{display:grid;gap:8px;color:#eff6ff;font-weight:800}.certificate-preview{max-width:620px;margin:24px 0}.cert-border{border:8px double var(--gold);border-radius:18px;min-height:720px;background:linear-gradient(145deg,rgba(16,25,39,.96),rgba(23,37,57,.92));box-shadow:0 28px 80px rgba(0,0,0,.45), inset 0 0 60px rgba(73,140,216,.08);text-align:center;padding:44px 34px}.cert-badge{display:inline-grid;place-items:center;width:94px;height:94px;border-radius:26px;background:linear-gradient(145deg,#263c5d,#121c2c);border:2px solid var(--gold);color:white;font-size:26px;font-weight:1000;letter-spacing:1px;margin-bottom:24px}.cert-border h1{font-size:38px;letter-spacing:2px;margin:30px 0;color:#fff}.cert-border h2{font-size:22px;letter-spacing:1px;color:#eff6ff}.cert-border h3{font-size:30px;color:#fff;margin:22px 0}.cert-border p{color:#c4d9ee}.cert-row{display:flex;justify-content:space-between;margin-top:120px;color:#9cc9f7;font-weight:900}
/* Login / Registrierung */
body.auth-lspd{min-height:100vh;padding:28px;overflow:auto;background:#070c12;color:var(--text);position:relative}body.auth-lspd:before{content:'';position:fixed;inset:0;background:radial-gradient(circle at 50% 8%,rgba(70,146,232,.18),transparent 22%),radial-gradient(circle at 36% 72%,rgba(91,158,235,.20),transparent 20%),radial-gradient(circle at 75% 78%,rgba(91,158,235,.14),transparent 24%),linear-gradient(135deg,#080d14,#0c131e 52%,#080c13);pointer-events:none}.auth-bg-grid{position:fixed;inset:0;pointer-events:none;background:linear-gradient(rgba(173,201,230,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(173,201,230,.035) 1px,transparent 1px);background-size:54px 54px;mask-image:radial-gradient(circle at center,#000 0%,transparent 82%);opacity:.58}.login-shell{position:relative;z-index:1;min-height:calc(100vh - 56px);display:grid;place-items:center}.login-shell.compact{width:min(1060px,100%);margin:auto;grid-template-columns:1fr 1fr;gap:28px;align-items:center;place-items:stretch}.login-hero{width:min(900px,100%);text-align:center;margin-bottom:22px}.login-hero .lspd-badge{margin:0 auto 18px}.login-hero h1{font-size:clamp(38px,5vw,72px);line-height:.95;margin:0;background:linear-gradient(90deg,#fff,#adc9e6,#5b9eeb);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:-.055em}.login-hero .hero-copy{max-width:680px;margin:16px auto;color:#b2c9e1;line-height:1.7}.login-card-wrap{width:min(520px,100%)}.auth-card,.pro-login-card{width:min(520px,100%);border:1px solid rgba(255,255,255,.10);border-radius:28px;background:linear-gradient(145deg,rgba(18,29,45,.72),rgba(12,20,30,.88));box-shadow:0 34px 90px rgba(0,0,0,.58),inset 0 1px rgba(255,255,255,.075);backdrop-filter:blur(20px);padding:34px;position:relative;overflow:hidden}.auth-card:before{content:'';position:absolute;inset:-1px;background:radial-gradient(circle at 50% 0%,rgba(91,158,235,.18),transparent 42%);pointer-events:none}.auth-card-head{display:flex;gap:14px;align-items:center;margin-bottom:24px}.auth-card-head h2{margin:0;font-size:28px}.auth-card-head p{margin:5px 0 0;color:#b2c9e1}.secure-dot{width:52px;height:52px;border-radius:18px;background:linear-gradient(145deg,#69a7ed,#2276d7);box-shadow:0 0 35px rgba(91,158,235,.35);position:relative}.secure-dot:after{content:'◇';position:absolute;inset:0;display:grid;place-items:center;font-weight:1000;color:#fff}.login-form label{display:grid;gap:8px;color:#bbc9d8;font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.5px}.login-form input{height:54px;background:rgba(255,255,255,.055);border-color:rgba(255,255,255,.11)}.login-form input:focus{border-color:#61a1eb;box-shadow:0 0 0 4px rgba(91,158,235,.2),0 0 25px rgba(91,158,235,.22)}.login-form button{background:linear-gradient(135deg,#6faaed,#2377d6);box-shadow:0 18px 42px rgba(91,158,235,.35)}.login-form .btn.secondary{background:rgba(255,255,255,.055);border-color:rgba(255,255,255,.11)}.lspd-badge{width:118px;height:118px;border-radius:36px;display:grid;place-items:center;background:linear-gradient(145deg,#263c5d,#121c2c);box-shadow:0 24px 65px rgba(70,146,232,.28),inset 0 1px rgba(255,255,255,.22);border:1px solid rgba(173,201,230,.22);position:relative}.badge-ring{position:absolute;top:24px;font-size:23px;font-weight:1000;letter-spacing:2px;color:#fff}.badge-star{font-size:44px;color:#adc9e6;text-shadow:0 0 25px rgba(70,146,232,.62)}.badge-sub{position:absolute;bottom:20px;font-weight:900;font-size:10px;letter-spacing:1.8px;color:#b5cfe9}.login-stats{display:none}.eyebrow{color:#adc9e6;font-weight:950;letter-spacing:2.2px;text-transform:uppercase;font-size:12px}.login-hero.small{text-align:left;margin:0}.login-hero.small .lspd-badge{margin:0 0 18px}.login-hero.small h1{font-size:52px}.demo-box{display:none!important}
@media(max-width:1350px){.kpi-grid{grid-template-columns:repeat(3,minmax(180px,1fr))}.dashboard-grid{grid-template-columns:1fr}}@media(max-width:900px){.layout{display:block}.mobile-brand{display:block;background:#111b2a;border-bottom:1px solid var(--line);padding:14px 18px;font-weight:950}.mobile-brand span{color:#adc9e6}.sidebar{position:static;width:100%;min-width:0;height:auto;border-right:0;border-bottom:1px solid var(--line);padding:12px}.sidebar .brand{display:none}.sidebar nav{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px}.content{padding:20px}.topbar{justify-content:flex-start;flex-wrap:wrap}.two{grid-template-columns:1fr}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.backup-grid{grid-template-columns:1fr}.login-shell.compact{grid-template-columns:1fr}.login-hero.small{text-align:center}.login-hero.small .lspd-badge{margin:0 auto 18px}}@media(max-width:620px){body.auth-lspd{padding:16px}.login-shell{min-height:calc(100vh - 32px)}.auth-card,.pro-login-card{padding:24px}.top-pill.date-pill,.system-pill{display:none}.content{padding:16px}.command-hero h1{font-size:32px}.kpi-card h3{padding-left:0;margin-top:0}.kpi-icon{margin-bottom:12px}.activity-item{grid-template-columns:auto 1fr}.activity-item time{grid-column:2;text-align:left}.health-box{grid-template-columns:1fr}.table-wrap{overflow:auto}.table{min-width:720px}}

/* Moderne Benutzerverwaltung ohne E-Mail-Adressen */
.users-page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin:4px 0 24px}.users-page-head h1{margin-bottom:8px}.user-kpi-grid{display:grid;grid-template-columns:repeat(5,minmax(160px,1fr));gap:16px;margin:0 0 22px}.user-kpi{display:flex;align-items:center;gap:18px;min-height:142px;padding:22px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,rgba(24,38,59,.86),rgba(14,22,34,.94));box-shadow:0 24px 70px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.06);position:relative;overflow:hidden}.user-kpi:before{content:'';position:absolute;inset:-1px;background:radial-gradient(circle at 22% 18%,rgba(70,146,232,.24),transparent 45%);pointer-events:none}.user-kpi.green:before{background:radial-gradient(circle at 22% 18%,rgba(47,212,124,.20),transparent 45%)}.user-kpi.gold:before{background:radial-gradient(circle at 22% 18%,rgba(74,141,217,.25),transparent 45%)}.user-kpi.violet:before{background:radial-gradient(circle at 22% 18%,rgba(91,158,235,.25),transparent 45%)}.user-kpi.red:before{background:radial-gradient(circle at 22% 18%,rgba(240,82,82,.20),transparent 45%)}.user-kpi-icon{width:58px;height:58px;display:grid;place-items:center;border-radius:20px;background:linear-gradient(145deg,rgba(70,146,232,.50),rgba(32,112,202,.25));border:1px solid rgba(173,201,230,.26);box-shadow:0 0 32px rgba(70,146,232,.28);font-size:26px;position:relative;z-index:1}.user-kpi div{position:relative;z-index:1}.user-kpi small{display:block;color:#adc9e6;font-weight:800}.user-kpi strong{display:block;font-size:38px;line-height:1;font-weight:1000;margin:7px 0;color:#fff}.user-kpi span:not(.user-kpi-icon){color:#bfd6ec}.user-management-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:24px;align-items:start}.user-list-panel,.user-create-panel,.role-info-panel{border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,rgba(21,33,51,.82),rgba(13,20,31,.94));box-shadow:var(--shadow),inset 0 1px rgba(255,255,255,.055);position:relative;overflow:hidden}.user-list-panel:before,.user-create-panel:before,.role-info-panel:before{content:'';position:absolute;inset:-1px;background:radial-gradient(circle at 12% 0%,rgba(70,146,232,.12),transparent 36%);pointer-events:none}.user-list-panel{padding:18px}.user-panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:2px 0 18px}.user-panel-head h2,.panel-title-row h2,.role-info-panel h2{margin:0}.user-panel-head p,.panel-title-row p{margin:4px 0 0}.user-filter-bar{display:grid;grid-template-columns:minmax(250px,1fr) 170px 190px 160px;gap:12px;margin-bottom:16px}.search-field{position:relative;display:block}.search-field span{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#acc9e6}.search-field input{padding-left:42px}.user-table-wrap{border-radius:18px}.user-table{min-width:920px}.user-table thead th{font-size:12px;letter-spacing:.8px}.user-table td{font-size:14px}.user-person{display:flex;align-items:center;gap:12px}.user-person small{display:block;color:#6fa4e1;margin-top:2px}.avatar-dot{width:40px;height:40px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,#4692e8,#2877d1);box-shadow:0 0 26px rgba(70,146,232,.28);font-weight:1000}.rank-badge{display:inline-flex;align-items:center;border-radius:999px;padding:6px 10px;border:1px solid rgba(70,146,232,.35);background:rgba(70,146,232,.12);color:#adc9e6;font-weight:900;font-size:12px}.rank-badge.admin{color:#eff6ff;background:rgba(91,158,235,.16);border-color:rgba(91,158,235,.35)}.rank-badge.trainer{color:#9cc9f7;background:rgba(74,141,217,.14);border-color:rgba(74,141,217,.34)}.status-chip{display:inline-flex;align-items:center;gap:7px;font-weight:900;border-radius:999px;padding:7px 11px;font-size:12px;border:1px solid rgba(173,201,230,.17);background:rgba(255,255,255,.04);color:#c5d9ed}.status-chip i{width:9px;height:9px;border-radius:50%;display:block}.status-chip.active{color:#4df096;background:rgba(47,212,124,.10);border-color:rgba(47,212,124,.25)}.status-chip.active i{background:#2fd47c;box-shadow:0 0 14px rgba(47,212,124,.8)}.status-chip.inactive{color:#ff9e9e;background:rgba(240,82,82,.10);border-color:rgba(240,82,82,.25)}.status-chip.inactive i{background:#f05252;box-shadow:0 0 14px rgba(240,82,82,.65)}.user-actions{display:flex;align-items:center;gap:8px}.user-actions form{margin:0}.icon-btn{width:42px;height:42px;border-radius:12px;border:1px solid rgba(70,146,232,.42);background:rgba(70,146,232,.13);color:#acc9e6;display:grid;place-items:center;padding:0;font-size:16px;box-shadow:none}.icon-btn:hover{transform:translateY(-1px);box-shadow:0 0 24px rgba(70,146,232,.24)}.icon-btn.delete{border-color:rgba(240,82,82,.42);background:rgba(240,82,82,.10);color:#ff7777}.icon-btn:disabled{opacity:.35;cursor:not-allowed}.user-edit-row{display:none}.user-edit-row.open{display:table-row}.user-edit-row td{background:rgba(70,146,232,.045)!important}.user-edit-form{display:grid;grid-template-columns:repeat(3,minmax(170px,1fr));gap:14px;padding:18px;border:1px solid rgba(128,180,239,.16);border-radius:18px;background:rgba(0,0,0,.16)}.user-edit-form label,.create-user-form label{display:grid;gap:7px;color:#eff6ff;font-weight:800;font-size:13px}.form-actions{display:flex;gap:10px;align-items:end}.form-actions button,.form-actions .btn{height:46px}.table-footer-note{padding:14px 6px 0;color:#87b3e5}.user-side-stack{display:grid;gap:18px}.user-create-panel,.role-info-panel{padding:22px}.panel-title-row{display:flex;align-items:center;gap:14px;margin-bottom:18px}.create-user-form{display:grid;gap:14px}.create-user-form button{margin-top:4px}.role-info-panel{display:grid;gap:14px}.role-info{display:flex;gap:14px;padding:12px;border:1px solid rgba(128,180,239,.12);border-radius:16px;background:rgba(255,255,255,.025)}.role-info p{margin:5px 0 0;color:#87b3e5;line-height:1.45}.shield{width:42px;height:42px;min-width:42px;border-radius:14px;display:grid;place-items:center;font-weight:1000}.shield.blue{background:rgba(70,146,232,.16);color:#acc9e6;box-shadow:0 0 24px rgba(70,146,232,.16)}.shield.gold{background:rgba(74,141,217,.16);color:#9cc9f7;box-shadow:0 0 24px rgba(74,141,217,.13)}.shield.violet{background:rgba(91,158,235,.16);color:#bcd3ea;box-shadow:0 0 24px rgba(91,158,235,.16)}
@media(max-width:1500px){.user-kpi-grid{grid-template-columns:repeat(3,minmax(180px,1fr))}.user-management-layout{grid-template-columns:1fr}.user-side-stack{grid-template-columns:1fr 1fr}.user-filter-bar{grid-template-columns:1fr 1fr}}
@media(max-width:900px){.user-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.user-side-stack{grid-template-columns:1fr}.user-panel-head{align-items:flex-start;flex-direction:column}.user-filter-bar{grid-template-columns:1fr}.user-edit-form{grid-template-columns:1fr}.form-actions{grid-column:auto}.user-list-panel{padding:14px}}

/* Moderne Benutzerverwaltung ohne E-Mail-Adressen */
.page-title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:26px}.page-title-row h1{margin:0;font-size:34px}.page-title-row p{margin:7px 0 0}.user-stat-grid{display:grid;grid-template-columns:repeat(5,minmax(150px,1fr));gap:16px;margin:22px 0}.user-stat-card{position:relative;overflow:hidden;display:flex;align-items:center;gap:18px;min-height:138px;padding:22px;border:1px solid rgba(128,180,239,.24);border-radius:20px;background:linear-gradient(145deg,rgba(27,42,66,.82),rgba(14,22,35,.88));box-shadow:0 18px 54px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.06)}.user-stat-card:before{content:'';position:absolute;inset:-35% auto auto -22%;width:190px;height:190px;border-radius:50%;background:radial-gradient(circle,rgba(70,146,232,.18),transparent 65%)}.user-stat-icon{width:54px;height:54px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(145deg,#4692e8,#1a6fd0);box-shadow:0 0 32px rgba(70,146,232,.35);font-size:24px;font-weight:1000;position:relative}.user-stat-card small{display:block;color:#c0d6ec;font-weight:800}.user-stat-card strong{display:block;font-size:38px;line-height:1;margin:6px 0;color:#fff}.user-stat-card span:not(.user-stat-icon){color:#b1cde8}.user-stat-card.green .user-stat-icon{background:linear-gradient(145deg,#30d77e,#0b7f45);box-shadow:0 0 32px rgba(47,212,124,.35)}.user-stat-card.gold .user-stat-icon{background:linear-gradient(145deg,#5f9add,#126fd8);box-shadow:0 0 32px rgba(74,141,217,.3)}.user-stat-card.purple .user-stat-icon{background:linear-gradient(145deg,#69a7ed,#2871c4);box-shadow:0 0 32px rgba(91,158,235,.35)}.user-stat-card.red .user-stat-icon{background:linear-gradient(145deg,#ff6868,#9a1d27);box-shadow:0 0 32px rgba(240,82,82,.32)}.user-management-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:22px;align-items:start}.user-list-panel{padding:20px}.user-list-head{align-items:flex-start}.user-filter-bar{display:grid;grid-template-columns:1.4fr repeat(4,minmax(130px,.8fr)) auto auto;gap:12px;margin:18px 0 22px}.user-filter-bar input,.user-filter-bar select{height:48px}.user-table-wrap{border-radius:18px;overflow:auto}.user-table{min-width:980px}.user-table thead th{background:rgba(33,52,80,.86)}.user-table td,.user-table th{vertical-align:middle}.user-cell{display:flex;align-items:center;gap:12px}.user-cell small{display:block;color:#78a9e2;margin-top:3px}.avatar-dot{width:42px;height:42px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(145deg,#62a2ec,#2870c3);box-shadow:0 0 24px rgba(91,158,235,.22);font-weight:1000}.avatar-dot.blue{background:linear-gradient(145deg,#4692e8,#1a6fd0);box-shadow:0 0 24px rgba(70,146,232,.28)}.avatar-dot.gold{background:linear-gradient(145deg,#4a8dd9,#186fd3);box-shadow:0 0 24px rgba(74,141,217,.25)}.badge.gold{background:rgba(74,141,217,.18);border-color:rgba(74,141,217,.45);color:#9cc9f7}.badge.blue{background:rgba(70,146,232,.18);border-color:rgba(70,146,232,.45);color:#c1d7ed}.status-chip{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;font-weight:900;font-size:13px}.status-chip:before{content:'';width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 14px currentColor}.status-chip.active{background:rgba(47,212,124,.13);color:#31e98a;border:1px solid rgba(47,212,124,.30)}.status-chip.inactive{background:rgba(135,179,229,.12);color:#b3cae1;border:1px solid rgba(135,179,229,.20)}.compact-actions{display:flex;gap:8px;align-items:center}.compact-actions form{margin:0}.icon-btn{width:42px;height:42px;padding:0;border-radius:12px;display:grid;place-items:center;text-decoration:none;border:1px solid rgba(70,146,232,.45);background:rgba(70,146,232,.12);color:#adc9e6;box-shadow:none;font-weight:900}.icon-btn:hover{transform:translateY(-1px);box-shadow:0 10px 28px rgba(70,146,232,.22)}.icon-btn.danger{border-color:rgba(240,82,82,.45);background:rgba(240,82,82,.12);color:#ff8383}.user-side-panel{display:grid;gap:18px;position:sticky;top:96px}.user-form-panel,.user-help-panel{padding:22px}.form-panel-head{display:flex;align-items:center;gap:13px;margin-bottom:20px}.form-panel-head h2{margin:0;font-size:22px}.form-panel-head p{margin:4px 0 0;color:#87b3e5}.user-admin-form{display:grid;gap:14px}.user-admin-form label{display:grid;gap:8px;color:#eff6ff;font-weight:850}.user-admin-form input,.user-admin-form select{height:48px}.check-row{display:flex!important;grid-template-columns:none!important;align-items:center;gap:10px}.check-row input{width:auto;height:auto}.role-help{border:1px solid rgba(128,180,239,.15);border-radius:16px;background:rgba(255,255,255,.025);padding:14px;margin-top:12px}.role-help strong{color:#adc9e6}.role-help.gold strong{color:#9cc9f7}.role-help.purple strong{color:#b3cee8}.role-help p{margin:5px 0 0;color:#87b3e5;font-size:14px;line-height:1.5}
@media(max-width:1500px){.user-stat-grid{grid-template-columns:repeat(3,minmax(150px,1fr))}.user-management-layout{grid-template-columns:1fr}.user-side-panel{position:static;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.user-filter-bar{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.page-title-row{display:block}.page-title-row .btn{margin-top:14px}.user-stat-grid{grid-template-columns:1fr}.user-filter-bar{grid-template-columns:1fr}.user-side-panel{grid-template-columns:1fr}}


/* Premium Zertifikat-Vorschau */
.premium-cert-preview{max-width:680px;margin:28px 0}
.premium-cert-preview .cert-border{
  position:relative;
  border:10px double #327fd7;
  border-radius:10px;
  min-height:840px;
  background:
    radial-gradient(circle at 50% 8%,rgba(50,127,215,.14),transparent 18%),
    linear-gradient(145deg,#eff6ff,#eff6ff);
  box-shadow:0 30px 90px rgba(0,0,0,.45);
  text-align:center;
  padding:36px 46px;
  color:#18263b;
}
.premium-cert-preview .cert-border:before{
  content:'';
  position:absolute;
  inset:18px;
  border:2px solid #327fd7;
  pointer-events:none;
}
.premium-cert-preview .cert-badge{
  display:inline-grid;
  place-items:center;
  width:108px;
  height:108px;
  border-radius:50%;
  background:linear-gradient(145deg,#152134,#233756);
  border:3px solid #327fd7;
  color:#9cc9f7;
  margin-bottom:26px;
  box-shadow:0 12px 32px rgba(24,38,59,.28);
}
.premium-cert-preview .cert-badge strong{font-size:27px;letter-spacing:1px}
.premium-cert-preview .cert-badge small{font-size:8px;line-height:1.15;color:#abd2f8}
.premium-cert-preview .cert-border h2{font-size:24px;letter-spacing:1px;color:#18263b;margin:0}
.premium-cert-preview .cert-sub{margin:10px 0 24px;color:#2970c2}
.premium-cert-preview .cert-border h1{font-size:42px;letter-spacing:2px;color:#233756;margin:28px 0 34px}
.premium-cert-preview .cert-border h3{font-size:34px;color:#152134;margin:20px 0 16px}
.premium-cert-preview .cert-border h4{font-size:28px;color:#233756;margin:20px 0}
.premium-cert-preview .cert-border p{color:#2970c2;font-size:16px}
.premium-cert-preview .cert-detail-box{
  width:min(420px,90%);
  margin:34px auto;
  padding:18px 24px;
  border:1px solid rgba(50,127,215,.65);
  background:rgba(255,255,255,.58);
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px 18px;
  text-align:left;
}
.premium-cert-preview .cert-detail-box span{color:#2a72c5;font-weight:700}
.premium-cert-preview .cert-detail-box strong{color:#18263b}
.premium-cert-preview .cert-row{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  margin-top:82px;
  color:#18263b;
  font-weight:900;
}
.premium-cert-preview .cert-seal{
  display:grid;
  place-items:center;
  width:118px;
  height:118px;
  border-radius:50%;
  border:3px solid #327fd7;
  background:#eff6ff;
  color:#233756;
  line-height:1.15;
}
.premium-cert-preview .cert-seal small{font-size:10px;color:#2a72c5}
.premium-cert-preview .cert-signature{
  min-width:210px;
  padding-top:14px;
  border-top:2px solid #2870c2;
  font-size:20px;
  color:#233756;
}
.premium-cert-preview .cert-signature small{display:block;margin-top:6px;font-size:12px;color:#2a72c5}

.premium-cert-preview .shield-badge{
  width:116px;
  height:128px;
  border-radius:22px 22px 38px 38px;
  clip-path:polygon(14% 4%,86% 4%,80% 62%,50% 100%,20% 62%);
  padding-top:16px;
}
.premium-cert-preview .shield-badge em{
  display:block;
  margin-top:6px;
  font-size:9px;
  font-style:normal;
  color:#abd2f8;
  letter-spacing:.8px;
}
.premium-cert-preview{max-width:940px}
.premium-cert-preview .cert-landscape{
  min-height:560px;
  aspect-ratio:1.414/1;
  padding:34px 44px;
  border-radius:8px;
  text-align:center;
  background:
    radial-gradient(circle at 50% 44%,rgba(35,55,86,.07),transparent 26%),
    linear-gradient(145deg,#eff6ff,#eff6ff);
}
.premium-cert-preview .cert-landscape:before{inset:16px;border-width:2px}
.cert-preview-top{display:grid;grid-template-columns:112px minmax(0,1fr) 190px;gap:18px;align-items:center;text-align:left;margin-bottom:24px}
.cert-preview-top h2{margin:0!important}
.cert-number-preview{justify-self:end;text-align:right;color:#233756}
.cert-number-preview span{display:block;color:#2a72c5;font-size:12px;font-weight:900;text-transform:uppercase;margin-bottom:6px}
.cert-number-preview strong{font-size:15px}
.premium-cert-preview .cert-landscape h1{font-size:40px;margin:18px 0 22px}
.premium-cert-preview .cert-landscape h3{font-size:32px;margin:16px 0 10px}
.premium-cert-preview .cert-landscape h4{font-size:23px;margin:12px 0 18px}
.premium-cert-preview .cert-detail-wide{
  width:min(760px,96%);
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px 14px;
  margin:24px auto;
}
.premium-cert-preview .cert-detail-wide span{font-size:12px;text-transform:uppercase}
.premium-cert-preview .cert-detail-wide strong{font-size:14px}
.premium-cert-preview .cert-landscape .cert-row{margin-top:30px;align-items:center}
.cert-note{max-width:250px;color:#2a72c5;font-size:13px;line-height:1.45;font-weight:700}
.premium-cert-preview .cert-clean-preview{
  min-height:520px;
  aspect-ratio:1.414/1;
  padding:28px 38px;
  border-radius:8px;
  background:#fff;
  text-align:center;
  overflow:hidden;
}
.premium-cert-preview .cert-clean-preview:before{inset:14px;border-color:#327fd7}
.cert-clean-preview .cert-preview-main{padding:0;color:#18263b;text-align:center}
.cert-clean-preview .cert-preview-kicker{display:grid;grid-template-columns:54px minmax(0,1fr) 150px;gap:14px;align-items:center;padding-bottom:14px;border-bottom:2px solid #327fd7;text-align:left}
.cert-mini-badge{width:46px;height:54px;display:grid;place-items:center;clip-path:polygon(14% 4%,86% 4%,80% 62%,50% 100%,20% 62%);background:#162336;color:#6faef6;font-weight:1000}
.cert-clean-preview .cert-preview-kicker strong{display:block;font-size:18px;color:#18263b}
.cert-clean-preview .cert-preview-kicker span{display:block;font-size:12px;color:#2970c2;margin-top:4px}
.cert-clean-preview .cert-number-preview{text-align:right;color:#18263b}
.cert-clean-preview .cert-number-preview small{display:block;color:#2a72c5;font-size:10px;text-transform:uppercase;font-weight:1000;margin-bottom:5px}
.cert-clean-preview .cert-number-preview b{font-size:13px}
.premium-cert-preview .cert-clean-preview h1{font-size:44px;margin:46px 0 24px;color:#18263b;letter-spacing:1px}
.premium-cert-preview .cert-clean-preview h3{font-size:34px;margin:16px auto 12px;color:#141f31;border-bottom:1px solid #18263b;padding-bottom:10px;max-width:470px}
.premium-cert-preview .cert-clean-preview h4{font-size:23px;margin:14px 0 28px;color:#233756}
.premium-cert-preview .cert-clean-preview p{margin:0;color:#2970c2;font-size:15px}
.cert-clean-preview .cert-detail-clean{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 24px;margin:28px 0 34px;text-align:left}
.cert-clean-preview .cert-detail-clean span{display:block;border-bottom:1px solid #327fd7;padding-bottom:8px}
.cert-clean-preview .cert-preview-footer{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:28px;align-items:end;margin-top:0;text-align:left}
.premium-cert-preview .cert-split-preview{
  display:grid;
  grid-template-columns:190px minmax(0,1fr);
  gap:0;
  min-height:0;
  height:min(560px,calc((100vw - 380px) / 1.414));
  max-height:560px;
  aspect-ratio:1.414/1;
  padding:18px;
  border-radius:8px;
  background:#fff;
  text-align:left;
}
.premium-cert-preview .cert-split-preview:before{inset:12px;border-color:#327fd7}
.cert-preview-side{
  position:relative;
  z-index:1;
  display:flex;
  flex-direction:column;
  align-items:center;
  min-height:0;
  height:100%;
  padding:34px 18px 18px;
  background:#162336;
  color:#fff;
  border-right:5px solid #327fd7;
}
.cert-preview-side .shield-badge{margin-bottom:28px}
.premium-cert-preview .cert-split-preview .cert-preview-side h4{margin:0 0 8px!important;color:#fff!important;text-transform:uppercase;letter-spacing:.8px;font-size:20px}
.cert-preview-side p{margin:0 0 26px!important;color:#c0d3e7!important;text-align:center;font-size:12px!important;line-height:1.45}
.cert-preview-side dl{width:100%;margin:0;padding-top:14px;border-top:1px solid rgba(50,127,215,.55)}
.cert-preview-side dt{font-size:10px;color:#b5c9de;text-transform:uppercase;font-weight:900;margin-top:14px}
.cert-preview-side dd{margin:5px 0 0;color:#fff;font-weight:900}
.cert-preview-main{position:relative;z-index:1;padding:34px 40px;color:#18263b;text-align:center}
.cert-preview-kicker{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;padding-bottom:14px;border-bottom:2px solid #327fd7;text-align:left}
.cert-preview-kicker strong{font-size:18px}.cert-preview-kicker span{font-size:12px;color:#2970c2}
.premium-cert-preview .cert-preview-main h1{font-size:42px;margin:42px 0 22px;color:#18263b;letter-spacing:1px}
.premium-cert-preview .cert-preview-main h3{font-size:34px;margin:16px 0 12px;color:#141f31;border-bottom:1px solid #18263b;padding-bottom:10px}
.premium-cert-preview .cert-preview-main h4{font-size:22px;margin:14px 0 24px;color:#233756}
.premium-cert-preview .cert-preview-main p{margin:0;color:#2970c2;font-size:15px}
.cert-detail-clean{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 24px;margin:26px 0 22px;text-align:left}
.cert-detail-clean span{display:block;border-bottom:1px solid #327fd7;padding-bottom:8px}
.cert-detail-clean small{display:block;color:#2a72c5;font-size:10px;font-weight:1000;text-transform:uppercase;margin-bottom:7px}
.cert-detail-clean strong{display:block;color:#18263b;font-size:15px}
.cert-preview-footer{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:28px;align-items:end;margin-top:30px;text-align:left}
.cert-preview-footer span{color:#2a72c5;font-size:13px;line-height:1.5;border-top:1px solid #327fd7;padding-top:12px}
.cert-preview-footer strong{display:block;text-align:center;color:#233756;border-top:2px solid #18263b;padding-top:10px;font-size:20px;font-family:Georgia,serif;font-style:italic}
.cert-preview-footer small{display:block;margin-top:6px;color:#2a72c5;font:12px Inter,Segoe UI,Arial,sans-serif;font-style:normal}
@media(max-width:900px){
  .premium-cert-preview .cert-clean-preview{aspect-ratio:auto;min-height:0}
  .cert-clean-preview .cert-preview-kicker{grid-template-columns:1fr;text-align:center}
  .cert-mini-badge{margin:auto}
  .cert-clean-preview .cert-number-preview{text-align:center}
  .cert-clean-preview .cert-detail-clean{grid-template-columns:1fr}
  .cert-clean-preview .cert-preview-footer{grid-template-columns:1fr;text-align:center}
  .cert-preview-top{grid-template-columns:1fr;text-align:center}
  .cert-number-preview{justify-self:center;text-align:center}
  .premium-cert-preview .cert-detail-wide{grid-template-columns:1fr}
  .premium-cert-preview .cert-landscape .cert-row{flex-direction:column;gap:18px}
  .premium-cert-preview .cert-split-preview{grid-template-columns:1fr;aspect-ratio:auto;height:auto;max-height:none}
  .cert-preview-side{border-right:0;border-bottom:5px solid #327fd7}
  .cert-preview-kicker,.cert-preview-footer{grid-template-columns:1fr;text-align:center}
  .cert-detail-clean{grid-template-columns:1fr}
}

/* Modernes PDF-Zertifikat */
.premium-cert-preview{
  width:min(100%,1000px);
  max-width:1000px;
  margin:28px auto;
}
.premium-cert-preview .cert-border.cert-clean-preview{
  position:relative;
  min-height:0;
  aspect-ratio:1.414/1;
  padding:22px;
  overflow:hidden;
  border:0;
  border-radius:8px;
  background:#eff6ff;
  box-shadow:0 34px 90px rgba(0,0,0,.42);
  color:#152032;
}
.premium-cert-preview .cert-border.cert-clean-preview:before{
  content:'';
  position:absolute;
  inset:20px;
  border:3px solid #2576d2;
  box-shadow:0 0 0 7px #fff,0 0 0 9px #2576d2;
  pointer-events:none;
  z-index:1;
}
.premium-cert-preview .cert-border.cert-clean-preview:after{
  content:'';
  position:absolute;
  left:50%;
  top:50%;
  width:310px;
  height:310px;
  transform:translate(-50%,-42%);
  border-radius:50%;
  background:
    radial-gradient(circle,#fff 0 39%,rgba(239,246,255,.86) 40% 62%,transparent 63%),
    radial-gradient(circle,rgba(32,50,77,.06),transparent 68%);
  border:1px solid rgba(34,53,83,.08);
  z-index:0;
  display:none;
}
.cert-clean-preview .cert-preview-main{
  position:relative;
  z-index:2;
  height:100%;
  padding:22px 28px 18px;
  background:#fff;
  color:#152032;
  text-align:center;
}
.cert-clean-preview .cert-preview-kicker{
  display:grid;
  grid-template-columns:minmax(0,1fr) 176px;
  gap:26px;
  align-items:center;
  min-height:70px;
  margin:0 0 42px;
  padding:8px 0 17px;
  border:0;
  border-bottom:2px solid #2576d2;
  background:transparent;
  color:#152032;
  text-align:left;
}
.cert-clean-preview .cert-brand-block{
  display:flex;
  align-items:center;
  gap:18px;
  min-width:0;
}
.cert-clean-preview .cert-lspd-logo{
  flex:0 0 auto;
  width:62px;
  height:62px;
  display:block;
  object-fit:contain;
  border:3px solid #2576d2;
  border-radius:50%;
  background:#fff;
  box-shadow:inset 0 0 0 3px #ffffff,0 6px 14px rgba(21,32,50,.12);
}
.cert-clean-preview .cert-mini-badge{
  position:relative;
  width:64px;
  height:48px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding-bottom:9px;
  clip-path:none;
  border:1px solid rgba(255,255,255,.8);
  border-radius:6px;
  background:linear-gradient(180deg,#243a59,#162336);
  box-shadow:inset 0 0 0 3px rgba(37,118,210,.95),inset 0 -8px 0 rgba(25,40,62,.9);
  color:#62a6f4;
  font-size:17px;
  font-weight:1000;
  letter-spacing:.8px;
}
.cert-clean-preview .cert-mini-badge:after{
  content:'ACADEMY';
  position:absolute;
  left:0;
  right:0;
  bottom:7px;
  color:#fff;
  font-size:6px;
  letter-spacing:.8px;
  text-align:center;
}
.cert-clean-preview .cert-preview-kicker strong{
  display:block;
  color:#152032;
  font-size:21px;
  line-height:1.15;
  letter-spacing:.2px;
}
.cert-clean-preview .cert-preview-kicker span{
  display:block;
  margin-top:5px;
  color:#2970c2;
  font-size:12px;
}
.cert-clean-preview .cert-number-preview{
  justify-self:end;
  text-align:left;
  color:#152032;
}
.cert-clean-preview .cert-number-preview small{
  display:block;
  margin-bottom:5px;
  color:#2970c2;
  font-size:10px;
  font-weight:1000;
  text-transform:uppercase;
  letter-spacing:.5px;
}
.cert-clean-preview .cert-number-preview b{
  display:block;
  color:#152032;
  font-size:15px;
}
.cert-clean-preview .cert-status-preview{
  display:inline-flex!important;
  width:auto;
  margin-top:8px!important;
  padding:5px 12px;
  border-radius:999px;
  background:#2576d2;
  color:#162336!important;
  font-size:10px!important;
  font-weight:1000;
  text-transform:uppercase;
  letter-spacing:.6px;
}
.premium-cert-preview .cert-clean-preview h1{
  margin:0 0 22px;
  color:#162336;
  font-size:46px;
  line-height:1;
  letter-spacing:1.2px;
  text-transform:uppercase;
  text-shadow:none;
}
.premium-cert-preview .cert-clean-preview p{
  margin:0;
  color:#2970c2;
  font-size:15px;
}
.premium-cert-preview .cert-clean-preview h3{
  width:min(610px,82%);
  margin:18px auto 14px;
  padding-bottom:13px;
  border-bottom:2px solid #1b2b43;
  color:#152032;
  font-size:38px;
  line-height:1.05;
  letter-spacing:.7px;
}
.premium-cert-preview .cert-clean-preview h4{
  margin:14px 0 28px;
  color:#233856;
  font-size:25px;
  line-height:1.2;
}
.cert-clean-preview .cert-detail-clean{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:20px 24px;
  margin:30px auto 26px;
  width:min(780px,92%);
  text-align:left;
}
.cert-clean-preview .cert-detail-clean span{
  display:block;
  min-height:58px;
  padding-bottom:10px;
  border-bottom:1.5px solid #2576d2;
}
.cert-clean-preview .cert-detail-clean small{
  display:block;
  margin-bottom:8px;
  color:#2970c2;
  font-size:10px;
  font-weight:1000;
  text-transform:uppercase;
  letter-spacing:.55px;
}
.cert-clean-preview .cert-detail-clean strong{
  display:block;
  color:#131e2e;
  font-size:17px;
  line-height:1.2;
}
.cert-clean-preview .cert-preview-footer{
  display:grid;
  grid-template-columns:minmax(0,1fr) 260px;
  gap:32px;
  align-items:end;
  width:min(780px,92%);
  margin:18px auto 0;
  padding-top:12px;
  border-top:1px solid #2576d2;
  text-align:left;
}
.cert-clean-preview .cert-preview-footer span{
  display:block;
  padding:0;
  border:0;
  color:#2970c2;
  font-size:13px;
  line-height:1.45;
}
.cert-clean-preview .cert-preview-footer strong{
  display:block;
  padding-top:9px;
  border-top:2px solid #1b2b43;
  color:#162336;
  font-size:24px;
  font-family:Georgia,serif;
  font-style:italic;
  font-weight:500;
  text-align:center;
}
.cert-clean-preview .cert-preview-footer small{
  display:block;
  margin-top:7px;
  color:#2970c2;
  font:12px Inter,Segoe UI,Arial,sans-serif;
  font-style:normal;
}
@media(max-width:900px){
  .premium-cert-preview .cert-border.cert-clean-preview{
    aspect-ratio:auto;
    padding:14px;
  }
  .premium-cert-preview .cert-border.cert-clean-preview:before{
    inset:12px;
    box-shadow:0 0 0 4px #fff,0 0 0 6px #2576d2;
  }
  .cert-clean-preview .cert-preview-main{
    padding:18px;
  }
  .cert-clean-preview .cert-preview-kicker{
    grid-template-columns:1fr;
    gap:12px;
    margin-bottom:26px;
    text-align:center;
  }
  .cert-clean-preview .cert-brand-block{
    justify-content:center;
    text-align:left;
  }
  .cert-clean-preview .cert-mini-badge,
  .cert-clean-preview .cert-number-preview{
    justify-self:center;
    text-align:center;
  }
  .premium-cert-preview .cert-clean-preview h1{
    font-size:34px;
  }
  .premium-cert-preview .cert-clean-preview h3{
    width:100%;
    font-size:28px;
  }
  .cert-clean-preview .cert-detail-clean,
  .cert-clean-preview .cert-preview-footer{
    grid-template-columns:1fr;
    width:100%;
  }
  .cert-clean-preview .cert-preview-footer{
    text-align:center;
  }
}

/* Moderne Prüfungsseite */
.exams-page-head{margin:8px 0 18px}
.page-head .page-subtitle,.exams-page-head .page-subtitle{margin-top:10px;color:#adc9e6;font-size:20px;max-width:760px}
.exam-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:18px 0 26px}
.exam-stat-card{display:flex;align-items:center;gap:18px;padding:22px;border-radius:24px;background:linear-gradient(180deg,rgba(24,37,58,.92),rgba(17,27,42,.96));border:1px solid rgba(116,173,238,.20);box-shadow:0 20px 40px rgba(9,14,22,.24), inset 0 1px 0 rgba(255,255,255,.03)}
.exam-stat-card h3{margin:0 0 8px;font-size:16px;color:#eff6ff;font-weight:800}
.exam-stat-card strong{display:block;font-size:42px;line-height:1;color:#fff;margin-bottom:8px}
.exam-stat-card p{margin:0;color:#75a8e2;font-size:15px}
.exam-stat-icon{width:68px;height:68px;border-radius:20px;display:grid;place-items:center;font-size:31px;font-weight:900;color:#fff;background:linear-gradient(180deg,rgba(67,144,232,.44),rgba(30,111,204,.34));box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 8px 24px rgba(32,50,77,.30)}
.exam-stat-card.green .exam-stat-icon{background:linear-gradient(180deg,rgba(46,183,117,.44),rgba(20,95,58,.34))}
.exam-stat-card.amber .exam-stat-icon{background:linear-gradient(180deg,rgba(247,160,63,.44),rgba(140,76,13,.34))}
.exam-stat-card.violet .exam-stat-icon{background:linear-gradient(180deg,rgba(109,169,237,.44),rgba(41,112,194,.34))}
.catalog-heading{display:flex;align-items:center;gap:14px;margin:12px 0 18px}
.catalog-icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(180deg,rgba(78,150,233,.40),rgba(41,112,194,.25));color:#eff6ff;font-size:22px}
.catalog-heading h2{margin:0;color:#fff;font-size:24px}
.catalog-heading p{margin:4px 0 0;color:#7faee4}
.exam-catalog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:stretch}
.exam-card-modern{position:relative;padding:18px;border-radius:20px;background:linear-gradient(180deg,rgba(24,38,59,.93),rgba(16,25,39,.96));border:1px solid rgba(114,172,238,.18);box-shadow:0 14px 30px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.03);display:flex;flex-direction:column;min-height:230px}
.exam-card-top{display:grid;grid-template-columns:48px 1fr auto;gap:14px;align-items:flex-start}
.exam-card-icon{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(180deg,rgba(66,143,232,.38),rgba(37,112,197,.25));font-size:22px;box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 8px 20px rgba(33,52,80,.22)}
.exam-card-titlebox h3{margin:1px 0 6px;color:#fff;font-size:21px}
.exam-card-type{margin:0;color:#69a7ed;font-size:16px;font-weight:700}
.status-chip{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;font-size:15px;font-weight:800;border:1px solid rgba(255,255,255,.08);white-space:nowrap}
.status-chip:before{content:'';width:10px;height:10px;border-radius:50%;background:currentColor;opacity:.9}
.status-chip.green{color:#66f0a3;background:rgba(22,89,52,.32);border-color:rgba(94,227,151,.24)}
.status-chip.amber{color:#ffb35b;background:rgba(111,63,18,.28);border-color:rgba(255,179,91,.24)}
.status-chip.red{color:#ff8181;background:rgba(116,27,27,.25);border-color:rgba(255,129,129,.22)}
.exam-card-description{margin:16px 0 14px;color:#eff6ff;font-size:14px;line-height:1.5;min-height:42px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.exam-meta-row{display:flex;flex-wrap:wrap;gap:10px 18px;margin-bottom:14px;color:#eff6ff;font-size:13px;font-weight:700}
.exam-meta-row span{display:inline-flex;align-items:center;gap:7px;color:#eff6ff}
.exam-meta-row i{font-style:normal;color:#acc9e7;opacity:.92}
.exam-card-footer-row{display:grid;grid-template-columns:140px minmax(0,1fr);gap:14px;align-items:stretch;justify-content:space-between;margin-top:auto}
.exam-result-box{min-width:0;max-width:none;border-radius:15px;padding:12px 14px;background:rgba(17,27,42,.58);border:1px solid rgba(172,201,231,.16);display:flex;flex-direction:column;justify-content:center}
.exam-result-box small{color:#aec9e5;font-size:12px;margin-bottom:5px}
.exam-result-box strong{font-size:22px;line-height:1;color:#fff;margin-bottom:5px}
.exam-result-box span{font-size:13px;font-weight:700}
.exam-result-box.green strong,.exam-result-box.green span{color:#6ef0ac}
.exam-result-box.amber strong,.exam-result-box.amber span{color:#ffb861}
.exam-result-box.red strong,.exam-result-box.red span{color:#ff8484}
.exam-result-box.neutral strong,.exam-result-box.neutral span{color:#eff6ff}
.exam-actions-row{display:flex;gap:10px;align-items:flex-end;flex:1}
.exam-actions-row .btn{flex:1;text-align:center;justify-content:center;display:inline-flex;align-items:center;padding:12px 16px;border-radius:14px;font-weight:800;font-size:14px}
.exam-actions-row .btn.ghost,.btn.ghost{background:transparent;border:1px solid rgba(90,151,220,.35);color:#acc9e7;box-shadow:none}
.exam-actions-row .btn.ghost:hover,.btn.ghost:hover{background:rgba(41,112,194,.16)}
.exam-actions-row .btn.muted-btn,.btn.muted-btn{background:linear-gradient(180deg,rgba(41,112,194,.65),rgba(41,112,194,.58));color:#eff6ff}
.placeholder-card{border-style:dashed;justify-content:center;align-items:center;text-align:center;background:linear-gradient(180deg,rgba(20,31,49,.82),rgba(16,25,38,.90))}
.placeholder-inner{max-width:320px;margin:auto}
.placeholder-icon{font-size:58px;opacity:.5;margin-bottom:12px}
.placeholder-card h3{margin:8px 0 12px;color:#c5d9ed;font-size:20px}
.placeholder-card p{margin:0;color:#5895db;line-height:1.6}
.archive-heading{margin-top:30px}
.exam-archive-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:24px}
.exam-archive-card{display:grid;grid-template-columns:58px minmax(0,1fr);gap:16px;padding:20px;border-radius:22px;background:linear-gradient(180deg,rgba(24,38,59,.86),rgba(16,25,39,.95));border:1px solid rgba(71,216,139,.20);box-shadow:0 18px 38px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.03)}
.exam-archive-icon{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(180deg,rgba(47,212,124,.34),rgba(22,96,58,.22));border:1px solid rgba(91,229,151,.24);color:#bfffd8;font-size:26px;font-weight:1000}
.exam-archive-body{min-width:0}
.exam-archive-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:14px}
.exam-archive-head h3{margin:0 0 5px;color:#fff;font-size:21px}
.exam-archive-head p{margin:0;color:#83b1e5;font-weight:700}
.exam-archive-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0}
.exam-archive-meta span{padding:11px;border-radius:14px;background:rgba(255,255,255,.025);border:1px solid rgba(116,173,238,.12);color:#77a9e2}
.exam-archive-meta small{display:block;margin-bottom:5px;color:#75a8e2;font-weight:800}
.exam-archive-meta strong{display:block;color:#eff6ff;font-size:15px}
.exam-archive-actions{display:flex;gap:10px;flex-wrap:wrap}

@media (max-width: 1200px){
  .exam-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .exam-catalog-grid,.exam-archive-grid{grid-template-columns:1fr}
}
@media (max-width: 760px){
  .page-head .page-subtitle,.exams-page-head .page-subtitle{font-size:16px}
  .exam-summary-grid{grid-template-columns:1fr}
  .exam-stat-card strong{font-size:34px}
  .exam-card-modern{padding:20px}
  .exam-card-top{grid-template-columns:56px 1fr;grid-template-areas:'icon title' 'status status'}
  .exam-card-icon{grid-area:icon;width:56px;height:56px}
  .exam-card-titlebox{grid-area:title}
  .status-chip{grid-area:status;justify-self:flex-start;margin-top:6px}
  .exam-card-description{min-height:auto}
  .exam-card-footer-row{display:flex;flex-direction:column}
  .exam-result-box{max-width:none;width:100%}
  .exam-archive-card{grid-template-columns:1fr}
  .exam-archive-head{flex-direction:column}
  .exam-archive-meta{grid-template-columns:1fr}
  .exam-actions-row{width:100%;flex-direction:column}
  .exam-actions-row .btn{width:100%}
}

/* Prüfungen verwalten modern */
.manage-exams-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:16px}
.manage-exams-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px;align-items:start}
.manage-cards-grid{margin-top:8px}
.manage-panel{background:linear-gradient(180deg,rgba(24,38,59,.93),rgba(16,25,39,.96));border:1px solid rgba(114,172,238,.18);box-shadow:0 18px 40px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.03);border-radius:24px;padding:22px}
.manage-panel .panel-head h2{margin:0;color:#fff;font-size:28px}
.manage-panel .panel-head.spaced{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:18px}
.manage-toolbar{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end}
.manage-toolbar select,.manage-toolbar input{height:48px;border-radius:14px;border:1px solid rgba(98,156,222,.24);background:rgba(18,28,43,.84);color:#eff6ff;padding:0 16px;font-size:15px;outline:none;min-width:180px}
.search-wrap{display:flex;align-items:center;gap:10px;padding:0 14px;height:48px;border-radius:14px;border:1px solid rgba(98,156,222,.24);background:rgba(18,28,43,.84);min-width:260px}
.search-wrap span{color:#acc9e7}
.search-wrap input{border:none;background:transparent;padding:0;height:auto;min-width:0;width:100%}
.manage-table-wrap{overflow:auto}
.manage-exams-table th{white-space:nowrap}
.exam-title-cell{display:flex;align-items:flex-start;gap:14px;min-width:280px}
.exam-title-cell strong{display:block;color:#fff;font-size:19px;margin-bottom:6px}
.exam-title-cell small{display:block;color:#78a9e2;max-width:280px;line-height:1.4}
.exam-mini-icon{width:42px;height:42px;border-radius:14px;background:linear-gradient(180deg,rgba(66,143,232,.38),rgba(37,112,197,.25));display:grid;place-items:center;color:#eff6ff;font-size:19px;flex:0 0 auto}
.created-cell strong{display:block;color:#eff6ff}
.created-cell small{color:#74a7e2}
.compact-actions{display:flex;gap:10px;flex-wrap:wrap}
.inline-action-form{display:inline-flex;margin:0}
.table-foot-note{margin-top:14px;color:#6ea3e0}
.side-card{padding:20px}
.side-card-title{color:#eff6ff;font-size:18px;font-weight:900;margin-bottom:18px;text-transform:uppercase;letter-spacing:.4px}
.ring-wrap{display:flex;justify-content:center;margin:8px 0 18px}
.exam-ring{width:170px;height:170px;border-radius:50%;display:grid;place-items:center;box-shadow:0 16px 34px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.05)}
.exam-ring-inner{width:118px;height:118px;border-radius:50%;background:linear-gradient(180deg,rgba(21,33,52,.98),rgba(17,27,42,.98));display:grid;place-items:center;text-align:center;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.exam-ring-inner strong{display:block;color:#fff;font-size:26px;line-height:1}
.exam-ring-inner span{display:block;color:#82b0e5;margin-top:4px}
.overview-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}
.overview-list li{display:grid;grid-template-columns:14px 1fr auto;gap:12px;align-items:center;color:#eff6ff}
.overview-list label{color:#b7d1ea}
.dot{width:10px;height:10px;border-radius:50%;display:block}.dot.green{background:#29d17c}.dot.amber{background:#e6b43c}.dot.violet{background:#7bb1ef}.dot.blue{background:#70aaed}
.quick-links-card{display:flex;flex-direction:column;gap:12px}
.quick-link-item{display:flex;gap:14px;align-items:flex-start;padding:14px;border-radius:16px;background:rgba(255,255,255,.02);border:1px solid rgba(98,161,234,.16);text-decoration:none}
.quick-link-item strong{display:block;color:#eff6ff;margin-bottom:4px}
.quick-link-item small{color:#77a9e2;line-height:1.4}
.quick-link-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;font-weight:900;color:#fff;flex:0 0 auto}.quick-link-icon.blue{background:linear-gradient(180deg,rgba(79,151,233,.48),rgba(37,112,198,.28))}.quick-link-icon.amber{background:linear-gradient(180deg,rgba(232,171,57,.48),rgba(116,79,16,.28))}.quick-link-icon.violet{background:linear-gradient(180deg,rgba(116,173,238,.48),rgba(41,112,194,.28))}
.info-card p{margin:0;color:#87b3e6;line-height:1.7}

@media (max-width: 1320px){
  .manage-exams-layout{grid-template-columns:1fr}
  .manage-exams-side{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
}
@media (max-width: 980px){
  .manage-exams-head{flex-direction:column;align-items:flex-start}
  .manage-panel .panel-head.spaced{flex-direction:column;align-items:stretch}
  .manage-toolbar{justify-content:stretch}
  .manage-toolbar > *{flex:1 1 220px}
  .manage-exams-side{grid-template-columns:1fr}
}

/* Prüfungen & Antworten modern */
.manage-results-head{margin-bottom:14px}
.manage-results-grid{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:20px;align-items:start}
.results-top-cards{margin-top:6px}
.results-panel{margin-bottom:20px}
.panel-subtitle{margin:6px 0 0;color:#77a9e2;line-height:1.5}
.intro-panel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.intro-card-result{padding:8px 4px}
.intro-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.intro-card-head h3{margin:0;color:#fff;font-size:28px}
.intro-card-result p{margin:0;color:#87b3e6;line-height:1.7;max-width:620px}
.intro-actions{margin-top:18px}.legend-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}
.mini-dot{width:14px;height:14px;border-radius:50%;display:inline-block;box-shadow:0 0 18px currentColor}.mini-dot.blue{background:#70aaed;color:#70aaed}.mini-dot.amber{background:#e6b43c;color:#e6b43c}
.panel-tools{display:flex;gap:10px;flex-wrap:wrap}
.manage-results-table td{vertical-align:middle}.score-pill{display:inline-flex;padding:10px 14px;border-radius:999px;background:rgba(66,143,232,.16);border:1px solid rgba(112,170,237,.20);color:#eff6ff;font-weight:800}
.action-stack-wide{display:flex;flex-wrap:wrap;gap:10px}.alt-red{background:linear-gradient(180deg,#ff6a6a,#e44141)}
.result-view-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 16px;padding:8px;border:1px solid rgba(128,180,239,.16);border-radius:18px;background:linear-gradient(135deg,rgba(12,18,28,.50),rgba(34,53,83,.34));box-shadow:inset 0 1px rgba(255,255,255,.04)}
.result-view-tabs a{display:inline-flex;align-items:center;gap:10px;padding:12px 15px;border-radius:14px;color:#bad2ea;text-decoration:none;font-weight:900;border:1px solid transparent;transition:.18s ease;background:rgba(255,255,255,.025)}
.result-view-tabs a:hover{transform:translateY(-1px);color:#fff;border-color:rgba(128,180,239,.24);background:rgba(70,146,232,.10)}
.result-view-tabs a.active{color:#fff;border-color:rgba(70,146,232,.48);background:linear-gradient(135deg,rgba(70,146,232,.28),rgba(91,158,235,.18));box-shadow:0 14px 34px rgba(70,146,232,.16)}
.result-view-tabs strong{min-width:28px;height:26px;padding:0 8px;border-radius:999px;display:inline-grid;place-items:center;background:rgba(70,146,232,.18);border:1px solid rgba(173,201,230,.24);color:#adc9e6;font-size:12px}
.exam-center-tabs{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  gap:10px;
  margin:0 0 18px;
  padding:8px;
  border-radius:20px;
  background:rgba(14,21,33,.62);
  border:1px solid rgba(128,180,239,.14);
  box-shadow:0 14px 34px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.025);
}
.exam-center-tab{
  display:grid;
  grid-template-columns:42px minmax(0,1fr);
  align-items:center;
  gap:12px;
  min-height:70px;
  padding:12px 14px;
  border-radius:15px;
  color:#b4cfe9;
  text-decoration:none;
  border:1px solid transparent;
  background:rgba(255,255,255,.018);
  transition:.16s ease;
}
.exam-center-tab:hover{
  color:#fff;
  transform:translateY(-1px);
  border-color:rgba(128,180,239,.24);
  background:rgba(70,146,232,.07);
}
.exam-center-tab.active{
  color:#fff;
  border-color:rgba(98,162,236,.46);
  background:linear-gradient(135deg,rgba(70,146,232,.17),rgba(91,158,235,.09));
  box-shadow:0 10px 26px rgba(70,146,232,.11),inset 0 1px rgba(255,255,255,.04);
}
.exam-center-tab-icon{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:13px;
  color:#b2cde8;
  font-size:12px;
  font-weight:1000;
  background:rgba(70,146,232,.10);
  border:1px solid rgba(128,180,239,.18);
}
.exam-center-tab.active .exam-center-tab-icon{
  color:#fff;
  background:linear-gradient(145deg,#4692e8,#579be8);
  border-color:rgba(173,201,230,.45);
  box-shadow:0 0 22px rgba(70,146,232,.24);
}
.exam-center-tab-copy{min-width:0}
.exam-center-tab-copy strong{
  display:block;
  margin-bottom:4px;
  color:inherit;
  font-size:15px;
}
.exam-center-tab-copy small{
  display:block;
  color:#75a8e2;
  font-size:12px;
}
@media(max-width:720px){
  .exam-center-tabs{grid-template-columns:1fr}
}
.archive-state{display:inline-flex;align-items:center;gap:7px;padding:9px 13px;border-radius:999px;border:1px solid rgba(173,201,230,.24);background:rgba(70,146,232,.10);color:#b3cee8;font-weight:900;font-size:13px}
.archive-state:before{content:'';width:8px;height:8px;border-radius:50%;background:#70aaed;box-shadow:0 0 14px rgba(112,170,237,.8)}
.slim-info-card .overview-list li{padding:2px 0}.dot.red{background:#ff6e6e}

@media (max-width: 1320px){
  .manage-results-grid{grid-template-columns:1fr}
  .manage-results-side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
}
@media (max-width: 920px){
  .intro-panel-grid{grid-template-columns:1fr}
  .manage-results-side{grid-template-columns:1fr}
}

/* Moderne Prüfungsseite / take_exam */
.exam-take-head{margin-bottom:16px}.exam-breadcrumbs{display:flex;gap:10px;align-items:center;color:#7aabe3;font-weight:700;margin-top:8px}.exam-breadcrumbs a{color:#7db2ef;text-decoration:none}
.take-exam-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:start}
.exam-intro-card{display:grid;grid-template-columns:88px minmax(0,1.2fr) minmax(360px,.95fr);gap:22px;align-items:center;margin-bottom:18px}
.exam-intro-icon{width:88px;height:88px;border-radius:24px;display:grid;place-items:center;font-size:38px;background:linear-gradient(180deg,rgba(65,143,232,.34),rgba(35,112,200,.20));box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 14px 30px rgba(32,50,77,.26)}
.exam-intro-copy h2{margin:0 0 10px;color:#fff;font-size:22px}.exam-intro-copy p{margin:0;color:#b4cfe9;line-height:1.7;font-size:16px}
.exam-intro-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.exam-intro-stats > div{padding-left:20px;border-left:1px solid rgba(109,164,226,.18)}
.exam-intro-stats span{display:block;color:#75a8e2;font-size:14px;margin-bottom:8px}.exam-intro-stats strong{display:block;color:#eff6ff;font-size:18px}.exam-intro-stats .progress-stat strong{margin-bottom:10px}
.progress-bar{height:12px;border-radius:999px;background:rgba(255,255,255,.07);overflow:hidden;border:1px solid rgba(88,149,219,.18)}#progressBarFill{height:100%;width:0;background:linear-gradient(90deg,#559bea,#7ab1ef);border-radius:999px;transition:width .25s ease}
.question-list-head{display:flex;align-items:center;gap:10px;color:#adc9e6;font-weight:800;font-size:18px;margin:6px 0 14px;padding-left:4px}
.exam-question-list{display:flex;flex-direction:column;gap:16px}
.exam-question-card{display:grid;grid-template-columns:48px minmax(0,1fr);gap:18px;padding:18px 20px;transition:transform .15s ease,border-color .15s ease, box-shadow .15s ease}
.exam-question-card:hover{transform:translateY(-1px);border-color:rgba(114,172,238,.28)}
.exam-question-card.answered{box-shadow:0 18px 40px rgba(0,0,0,.24), inset 0 0 0 1px rgba(58,184,112,.22)}
.exam-question-card.missing-required{border-color:rgba(240,82,82,.52);box-shadow:0 18px 40px rgba(0,0,0,.24),0 0 0 1px rgba(240,82,82,.28),0 0 28px rgba(240,82,82,.16)}
.question-number-bubble{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;font-size:22px;font-weight:900;color:#fff;background:linear-gradient(180deg,rgba(65,143,232,.36),rgba(27,111,208,.22));border:1px solid rgba(87,149,219,.22);box-shadow:0 10px 22px rgba(33,52,80,.25)}
.question-card-top{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px}.question-card-top h3{margin:0;color:#fff;font-size:20px;flex:1}.points-badge{background:rgba(74,148,233,.16);border:1px solid rgba(94,160,235,.2);color:#eff6ff;font-weight:800;padding:8px 12px;border-radius:999px}
.question-input-area textarea{width:100%;min-height:112px;padding:18px 18px;border-radius:18px;border:1px solid rgba(98,156,222,.24);background:rgba(14,21,33,.82);color:#eff6ff;font-size:16px;resize:vertical;outline:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}
.question-input-area textarea:focus{border-color:rgba(108,168,237,.48);box-shadow:0 0 0 4px rgba(88,156,234,.08)}
.choice-prompt{display:inline-flex;align-items:center;gap:7px;margin:0 0 8px;padding:6px 9px;border-radius:999px;background:rgba(70,146,232,.08);border:1px solid rgba(128,180,239,.14);max-width:max-content}
.choice-prompt span{color:#eff6ff;font-weight:900;font-size:12px}
.choice-prompt small{color:#77a9e2;font-weight:700;font-size:11px}
.choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.choice-option{display:flex;align-items:flex-start;gap:9px;padding:10px 12px;border-radius:13px;background:linear-gradient(180deg,rgba(17,27,42,.78),rgba(17,27,42,.60));border:1px solid rgba(102,158,223,.16);cursor:pointer;transition:border-color .15s ease, background .15s ease, transform .15s ease, box-shadow .15s ease}
.choice-option:hover{border-color:rgba(173,201,230,.36);background:rgba(70,146,232,.08);transform:translateY(-1px)}
.choice-option:has(input:checked){border-color:rgba(103,165,236,.62);background:linear-gradient(180deg,rgba(70,146,232,.20),rgba(70,146,232,.08));box-shadow:0 14px 30px rgba(70,146,232,.12), inset 0 0 0 1px rgba(173,201,230,.12)}
.choice-option input{position:absolute;opacity:0;pointer-events:none}.choice-check{width:19px;height:19px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.05);border:1px solid rgba(115,166,225,.24);color:transparent;font-size:10px;line-height:1;flex:0 0 auto;margin-top:1px;font-weight:1000}.choice-text{color:#eff6ff;line-height:1.35;font-size:13px}
.choice-option input:checked + .choice-check{background:linear-gradient(180deg,#5198e9,#2980e4);border-color:rgba(118,174,238,.42);color:#fff;box-shadow:0 8px 20px rgba(81,152,233,.24)}
.choice-option input:checked ~ .choice-text{color:#fff;font-weight:700}
.exam-actions-footer{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:22px;padding:10px 4px 0}.save-hint{margin:0;color:#75a8e2;flex:1;min-width:220px}.footer-action-group{display:flex;gap:12px;flex-wrap:wrap}
.take-exam-side{display:flex;flex-direction:column;gap:18px;position:sticky;top:24px}
.exam-overview-card .side-card-title,.exam-hints-card .side-card-title{margin-bottom:14px}
.overview-question-list{display:flex;flex-direction:column;gap:10px}
.overview-question-item{display:grid;grid-template-columns:42px 1fr auto;gap:12px;align-items:center;padding:14px 14px;border-radius:16px;background:rgba(255,255,255,.02);border:1px solid rgba(98,161,234,.16);text-decoration:none;transition:border-color .15s ease, transform .15s ease}
.overview-question-item:hover{transform:translateY(-1px);border-color:rgba(117,173,238,.28)}
.overview-question-item.missing-required{border-color:rgba(240,82,82,.45);background:rgba(240,82,82,.10)}
.overview-number{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(180deg,rgba(65,143,232,.34),rgba(27,111,208,.20));color:#eff6ff;font-weight:900;border:1px solid rgba(87,149,219,.2)}
.overview-label{color:#eff6ff;font-weight:700}.overview-status{color:#7aabe3;font-size:14px;font-weight:700}.overview-question-item.missing-required .overview-status{color:#ff9d9d}.overview-question-item.done .overview-status{color:#4fe08d}.overview-question-item.done .overview-number{background:linear-gradient(180deg,rgba(43,186,111,.34),rgba(19,105,60,.20));border-color:rgba(91,220,144,.18)}
.exam-hints-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.exam-hints-list li{position:relative;padding-left:22px;color:#c6daee;line-height:1.6}.exam-hints-list li:before{content:'✓';position:absolute;left:0;top:0;color:#71abee;font-weight:900}

@media (max-width: 1380px){
  .take-exam-layout{grid-template-columns:1fr}
  .take-exam-side{position:static;display:grid;grid-template-columns:1fr 1fr;align-items:start}
}
@media (max-width: 1120px){
  .exam-intro-card{grid-template-columns:80px 1fr;align-items:flex-start}
  .exam-intro-stats{grid-column:1 / -1;grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width: 780px){
  .exam-intro-card{grid-template-columns:1fr}
  .exam-intro-icon{width:72px;height:72px;border-radius:20px}
  .exam-intro-stats{grid-template-columns:1fr;gap:14px}.exam-intro-stats > div{border-left:none;padding-left:0;border-top:1px solid rgba(109,164,226,.18);padding-top:14px}
  .exam-question-card{grid-template-columns:1fr}
  .question-number-bubble{width:42px;height:42px;font-size:18px}
  .choice-grid{grid-template-columns:1fr}
  .take-exam-side{grid-template-columns:1fr}
  .exam-actions-footer{align-items:stretch}.footer-action-group{width:100%}.footer-action-group .btn,.exam-actions-footer .btn{width:100%;justify-content:center}
}


/* Premium Prüfungs-Editor */
.exam-editor-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:18px}
.editor-head-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.editor-errors{margin-bottom:18px}
.editor-errors ul{margin:10px 0 0;padding-left:22px}
.exam-editor-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px;align-items:start}
.exam-editor-main{min-width:0}
.exam-editor-panel{margin-bottom:24px}
.editor-section-title{display:flex;gap:14px;align-items:center;margin-bottom:18px}
.editor-section-title h2{margin:0;color:#fff;font-size:26px}
.editor-section-title p{margin:4px 0 0;color:#77a9e2;line-height:1.5}
.editor-section-icon{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(180deg,rgba(76,149,233,.42),rgba(39,112,196,.22));border:1px solid rgba(113,171,237,.22);color:#eff6ff;font-weight:900;font-size:20px}
.editor-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.editor-form-grid label,.editor-question-toolbar label,.question-text-label,.text-answer-editor label{display:flex;flex-direction:column;gap:8px;color:#eff6ff;font-weight:800}
.field-span-2{grid-column:1 / -1}
.editor-form-grid input,.editor-form-grid textarea,.editor-form-grid select,
.editor-question-toolbar input,.editor-question-toolbar select,
.question-text-label textarea,.text-answer-editor textarea,
.option-row input[type="text"]{
  width:100%;border-radius:16px;border:1px solid rgba(98,156,222,.24);
  background:rgba(16,25,39,.82);color:#eff6ff;padding:15px 16px;font-size:15px;outline:none;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03)
}
.editor-form-grid textarea,.question-text-label textarea,.text-answer-editor textarea{min-height:118px;resize:vertical}
.editor-form-grid input:focus,.editor-form-grid textarea:focus,.editor-form-grid select:focus,
.editor-question-toolbar input:focus,.editor-question-toolbar select:focus,
.question-text-label textarea:focus,.text-answer-editor textarea:focus,
.option-row input[type="text"]:focus{border-color:rgba(108,168,237,.52);box-shadow:0 0 0 4px rgba(88,156,234,.08)}
.input-with-suffix{display:flex;align-items:center;border-radius:16px;border:1px solid rgba(98,156,222,.24);background:rgba(16,25,39,.82);overflow:hidden}
.input-with-suffix input{border:none;background:transparent;border-radius:0}
.input-with-suffix span{padding:0 16px;color:#adc9e6;font-weight:900}
.required-score-card{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:16px;border-radius:18px;background:linear-gradient(180deg,rgba(70,146,232,.12),rgba(70,146,232,.055));border:1px solid rgba(128,180,239,.18)}
.required-score-card span{display:block;color:#acc9e7;font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.6px;margin-bottom:6px}
.required-score-card strong{display:block;color:#fff;font-size:24px}
.required-score-card p{margin:0;color:#acc9e6;line-height:1.5;text-align:right}
.publish-toggle{grid-column:1 / -1;display:flex!important;flex-direction:row!important;align-items:center;gap:14px;padding:16px;border-radius:18px;border:1px solid rgba(102,225,160,.22);background:rgba(33,126,78,.10);cursor:pointer}
.publish-toggle input{width:20px!important;height:20px;accent-color:#2fd47c}
.publish-toggle small{display:block;color:#7faee4;font-weight:600;margin-top:3px}
.question-title-row{margin:8px 0 16px}
.editor-question-list{display:flex;flex-direction:column;gap:18px}
.editor-question-card{position:relative;display:grid;grid-template-columns:54px minmax(0,1fr);gap:18px;padding:22px}
.editor-question-number{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(180deg,rgba(77,150,233,.42),rgba(32,112,202,.23));border:1px solid rgba(117,173,238,.26);color:#fff;font-size:23px;font-weight:1000;box-shadow:0 12px 24px rgba(33,52,80,.24)}
.editor-question-content{min-width:0}
.editor-question-toolbar{display:grid;grid-template-columns:220px 110px auto;gap:14px;align-items:end;margin-bottom:16px}
.question-text-label{margin-bottom:16px}
.mc-editor,.text-answer-editor{margin-top:12px}
.mc-editor-head{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:12px}
.mc-editor-head strong{display:block;color:#eff6ff;font-size:18px}
.mc-editor-head small{display:block;color:#77a9e2;margin-top:4px}
.option-list{display:flex;flex-direction:column;gap:10px}
.multi-answer-badge{margin-left:auto;display:inline-flex;align-items:center;white-space:nowrap;padding:8px 11px;border-radius:999px;border:1px solid rgba(47,212,124,.28);background:rgba(47,212,124,.09);color:#69e6a1;font-size:12px;font-weight:900;letter-spacing:.2px}
.option-row{display:grid;grid-template-columns:42px minmax(0,1fr) 40px;gap:10px;align-items:center;padding:9px;border:1px solid rgba(88,149,219,.15);border-radius:16px;background:linear-gradient(110deg,rgba(36,57,88,.34),rgba(20,31,49,.24));transition:border-color .18s ease,background .18s ease,transform .18s ease}
.option-row:focus-within{border-color:rgba(89,157,234,.48);background:linear-gradient(110deg,rgba(26,68,130,.42),rgba(20,31,49,.3));transform:translateY(-1px)}
.option-row input[type="text"]{border:0;background:transparent;box-shadow:none;padding:11px 12px}
.correct-radio{display:grid;place-items:center;margin:0}
.correct-radio input{position:absolute;opacity:0;pointer-events:none}
.correct-radio span{width:30px;height:30px;border-radius:9px;border:1px solid rgba(121,173,233,.36);background:rgba(255,255,255,.035);box-shadow:inset 0 1px 0 rgba(255,255,255,.03);position:relative;cursor:pointer}
.correct-radio input:checked + span{background:linear-gradient(180deg,#38df88,#1c9f5c);border-color:rgba(90,226,151,.65);box-shadow:0 0 22px rgba(47,212,124,.22)}
.correct-radio input:checked + span:after{content:'\2713';position:absolute;inset:0;display:grid;place-items:center;color:#062717;font-size:18px;font-weight:1000}
.editor-question-toolbar .danger{justify-self:end;width:auto;min-width:150px}
.icon-danger{width:40px;height:40px;border-radius:12px;border:1px solid rgba(240,82,82,.28);background:rgba(240,82,82,.12);color:#ff9b9b;font-size:24px;font-weight:900;cursor:pointer}
.icon-danger:hover{background:rgba(240,82,82,.22)}
.editor-bottom-actions{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:22px 0 0;flex-wrap:wrap}
.exam-editor-side{position:sticky;top:24px;display:flex;flex-direction:column;gap:18px}
.editor-checklist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}
.editor-checklist li{display:flex;gap:10px;align-items:center;color:#eff6ff;font-weight:700}
.editor-checklist span{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:rgba(68,145,232,.14);color:#adc9e6;border:1px solid rgba(128,180,239,.20);font-weight:900}
@media (max-width: 1180px){
  .exam-editor-layout{grid-template-columns:1fr}
  .exam-editor-side{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width: 820px){
  .exam-editor-head{align-items:flex-start;flex-direction:column}
  .editor-form-grid{grid-template-columns:1fr}
  .required-score-card{flex-direction:column;align-items:flex-start}
  .required-score-card p{text-align:left}
  .editor-question-card{grid-template-columns:1fr}
  .editor-question-toolbar{grid-template-columns:1fr}
  .mc-editor-head{align-items:flex-start;flex-direction:column}
  .exam-editor-side{grid-template-columns:1fr}
}

/* Prüfungsverwaltung 2026: kompakter, klarer und responsiv */
.exam-editor-head{padding:24px 26px;border:1px solid rgba(106,167,237,.18);border-radius:24px;background:radial-gradient(circle at 85% 0,rgba(73,148,233,.14),transparent 38%),linear-gradient(135deg,rgba(24,38,59,.94),rgba(16,25,38,.94));box-shadow:0 24px 64px rgba(0,0,0,.22)}
.exam-editor-head h1{margin:7px 0 7px;font-size:clamp(30px,3vw,44px);letter-spacing:-1.2px}
.exam-editor-head .page-subtitle{max-width:850px;margin:0;color:#adc9e6;font-size:15px;line-height:1.55}
.editor-kicker,.section-kicker{display:block;color:#63a3ec;font-size:10px;font-weight:1000;letter-spacing:1.45px;text-transform:uppercase}
.editor-workflow{display:flex;align-items:center;gap:8px;margin-top:18px;flex-wrap:wrap}
.editor-workflow span{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border:1px solid rgba(111,164,224,.14);border-radius:999px;background:rgba(15,24,37,.42);color:#6aa1df;font-size:11px;font-weight:800}
.editor-workflow b{width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:rgba(77,150,233,.14);color:#adc9e6;font-size:10px}
.editor-workflow span.active{border-color:rgba(50,131,224,.28);background:rgba(31,112,203,.09);color:#eff6ff}.editor-workflow span.active b{background:#2878d4;color:#101926}
.editor-head-actions{align-self:center}.editor-head-actions .btn{min-height:44px;padding-inline:18px}
.exam-editor-layout{grid-template-columns:minmax(0,1fr) 270px;gap:18px}
.exam-editor-panel{padding:24px;border-radius:22px;background:radial-gradient(circle at 100% 0,rgba(70,146,232,.08),transparent 31%),linear-gradient(180deg,rgba(23,36,56,.94),rgba(15,24,37,.97))}
.editor-section-title{padding-bottom:15px;border-bottom:1px solid rgba(105,160,223,.12)}
.editor-section-title h2{margin:2px 0 0;font-size:22px}.editor-section-title p{font-size:13px}
.editor-section-icon{width:44px;height:44px;border-radius:13px}
.editor-form-grid{gap:13px}.editor-form-grid label,.editor-question-toolbar label,.question-text-label,.text-answer-editor label{font-size:12px;letter-spacing:.1px}
.editor-form-grid input,.editor-form-grid textarea,.editor-form-grid select,.editor-question-toolbar input,.editor-question-toolbar select,.question-text-label textarea,.text-answer-editor textarea,.option-row input[type="text"]{border-radius:12px;padding:13px 14px;font-size:14px}
.editor-form-grid textarea{min-height:104px}
.required-score-card{padding:14px 16px;border-radius:14px}.required-score-card strong{font-size:20px}.required-score-card p{font-size:12px}
.publish-toggle{padding:13px 15px;border-radius:14px}
.editor-question-card{overflow:hidden;padding:20px;border-radius:20px;border-color:rgba(97,162,236,.18);background:linear-gradient(145deg,rgba(26,41,63,.96),rgba(15,24,37,.97))}
.editor-question-card:before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(#2f81df,#5299ea)}
.editor-question-number{width:46px;height:46px;font-size:18px;border-radius:14px}
.editor-question-card{grid-template-columns:46px minmax(0,1fr);gap:16px}
.editor-question-toolbar{grid-template-columns:minmax(190px,240px) 100px minmax(120px,1fr);margin-bottom:13px}
.mc-editor{padding:15px;border:1px solid rgba(103,160,226,.12);border-radius:17px;background:rgba(11,17,27,.24)}
.mc-editor-head{margin-bottom:10px}.mc-editor-head strong{font-size:16px}.mc-editor-head small{font-size:11px}
.exam-editor-side .manage-panel{padding:18px;border-radius:18px}.side-card-title{font-size:15px;letter-spacing:.4px}.editor-checklist{gap:10px}.editor-checklist li{font-size:12px}.info-card p{font-size:12px;line-height:1.65}
.editor-bottom-actions{position:sticky;bottom:12px;z-index:8;padding:12px;border:1px solid rgba(97,162,236,.18);border-radius:17px;background:rgba(14,22,34,.88);box-shadow:0 18px 50px rgba(0,0,0,.38);backdrop-filter:blur(18px)}
@media(max-width:1450px){.exam-editor-layout{grid-template-columns:1fr}.exam-editor-side{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.exam-editor-head{padding:19px}.editor-workflow{display:grid;grid-template-columns:1fr 1fr}.editor-head-actions{width:100%}.editor-head-actions .btn{flex:1}.exam-editor-side{grid-template-columns:1fr}.editor-question-card{grid-template-columns:1fr;padding:16px}.editor-question-toolbar{grid-template-columns:1fr}.editor-question-toolbar .danger{justify-self:stretch;width:100%}.multi-answer-badge{margin-left:0}.editor-bottom-actions{position:static}.editor-bottom-actions .btn{width:100%}}


/* Modernisierte Detailseiten: Result View, Exam View, Zertifikate */
.result-view-head,.exam-view-head,.certificates-head,.certificate-template-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:18px}
.result-stats-grid{grid-template-columns:minmax(210px,1fr) minmax(300px,1.45fr) repeat(3,minmax(205px,1fr))}
.result-stats-grid .exam-stat-card{min-width:0}
.result-stats-grid .exam-stat-card>div:last-child{min-width:0}
.small-stat{font-size:24px!important;line-height:1.12!important;word-break:normal;overflow-wrap:normal;hyphens:auto}
.result-stats-grid .exam-stat-card:nth-child(2) .small-stat{font-size:23px!important;line-height:1.16!important;overflow-wrap:break-word}
.exam-stat-card.red .exam-stat-icon{background:linear-gradient(180deg,rgba(240,82,82,.48),rgba(118,35,35,.34))}
.exam-stat-card.amber .exam-stat-icon{background:linear-gradient(180deg,rgba(247,160,63,.44),rgba(140,76,13,.34))}
.exam-stat-card.blue .small-stat,.exam-stat-card.violet .small-stat,.exam-stat-card.green .small-stat,.exam-stat-card.red .small-stat,.exam-stat-card.amber .small-stat{font-size:24px}
.action-command-bar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:18px 0 24px}
.action-command-bar h2{margin:0 0 6px}.action-command-bar p{margin:0;color:#77a9e2}
.action-command-buttons{display:flex;flex-wrap:wrap;gap:12px}.action-command-buttons form{margin:0}
.result-answer-layout,.exam-view-layout,.certificates-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:22px;align-items:start}
.result-answer-main,.exam-view-main,.certificates-main{min-width:0}
.result-answer-card{display:grid;grid-template-columns:52px minmax(0,1fr);gap:18px;scroll-margin-top:24px}
.result-answer-card.missing{opacity:.78}
.result-answer-content{min-width:0}
.result-options-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:10px 0 16px}
.result-option{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:15px;background:rgba(255,255,255,.025);border:1px solid rgba(102,158,223,.16);color:#eff6ff;font-weight:700}
.result-option span{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.05);border:1px solid rgba(121,173,233,.25);font-size:12px}
.result-option strong{font:inherit}
.result-option em{margin-left:auto;padding:4px 8px;border-radius:999px;background:rgba(70,146,232,.12);border:1px solid rgba(70,146,232,.28);color:#eff6ff;font-style:normal;font-size:11px;font-weight:900;white-space:nowrap}
.result-option.selected{border-color:rgba(82,153,234,.40);background:rgba(68,145,232,.12);color:#fff}
.result-option.wrong-option{border-color:rgba(240,82,82,.42);background:rgba(240,82,82,.10);color:#ffd5d5}
.result-option.wrong-option span{background:rgba(240,82,82,.16);border-color:rgba(240,82,82,.42);color:#ffb0b0;font-size:0}
.result-option.wrong-option span:after{content:'X';font-size:12px}
.result-option.wrong-option em{background:rgba(240,82,82,.14);border-color:rgba(240,82,82,.34);color:#ffd0d0}
.result-option.correct-option{border-color:rgba(72,224,137,.42);background:rgba(47,212,124,.12);color:#c9ffe1}
.result-option.correct-option span{background:rgba(47,212,124,.18);border-color:rgba(72,224,137,.42);color:#6ff0a9}
.result-option.correct-option:not(.selected) span{font-size:0}
.result-option.correct-option:not(.selected) span:after{content:'L';font-size:12px}
.result-option.correct-option em{background:rgba(47,212,124,.14);border-color:rgba(47,212,124,.34);color:#c9ffe1}
.answer-review-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px}
.answer-review-grid.single{grid-template-columns:1fr}
.answer-review-grid small{display:block;color:#75a8e2;font-weight:900;margin-bottom:8px;text-transform:uppercase;letter-spacing:.4px}
.single-answer-action{margin-top:14px}
.exam-view-side,.certificates-side,.certificate-template-side{display:flex;flex-direction:column;gap:18px;position:sticky;top:24px}
.certificate-users-panel{margin-bottom:18px}
.certificate-user-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.certificate-user-card{
  display:grid;grid-template-columns:42px minmax(0,1fr) auto auto;gap:12px;align-items:center;
  padding:12px;border-radius:16px;text-decoration:none;color:#eff6ff;
  background:linear-gradient(180deg,rgba(17,26,41,.82),rgba(11,18,28,.90));
  border:1px solid rgba(120,169,226,.14);
  transition:border-color .15s ease,background .15s ease,transform .15s ease
}
.certificate-user-card:hover,.certificate-user-card.active{transform:translateY(-1px);border-color:rgba(99,163,236,.52);background:rgba(70,146,232,.10)}
.certificate-user-copy{min-width:0}
.certificate-user-copy strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.certificate-user-copy small{display:block;margin-top:3px;color:#adc9e6;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.certificate-user-count{padding:6px 9px;border-radius:999px;background:rgba(70,146,232,.13);border:1px solid rgba(120,169,226,.18);color:#eff6ff;font-size:12px;font-weight:900;white-space:nowrap}
.exam-detail-panel{margin-bottom:20px}
.certificate-archive-panel{min-height:420px}
.certificate-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.certificate-card{position:relative;display:grid;grid-template-columns:92px minmax(0,1fr);gap:18px;padding:20px;border-radius:24px;background:linear-gradient(180deg,rgba(24,38,59,.94),rgba(16,25,39,.97));border:1px solid rgba(74,141,217,.28);box-shadow:0 18px 40px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.03)}
.certificate-card:before{content:'';position:absolute;inset:10px;border:1px solid rgba(74,141,217,.18);border-radius:18px;pointer-events:none}
.certificate-card-seal{width:82px;height:94px;display:grid;place-items:center;align-self:start;clip-path:polygon(14% 4%,86% 4%,80% 62%,50% 100%,20% 62%);background:linear-gradient(180deg,#193d71,#152234);border:2px solid rgba(74,141,217,.65);color:#7ab3f5;font-weight:1000;letter-spacing:1px}
.certificate-card-body{position:relative;z-index:1;min-width:0}.certificate-number{display:inline-flex;padding:7px 10px;border-radius:999px;background:rgba(74,141,217,.10);border:1px solid rgba(74,141,217,.24);color:#9cc9f7;font-size:13px;font-weight:900;margin-bottom:10px}
.certificate-card h3{font-size:22px;color:#fff;margin:0 0 6px}.certificate-card p{margin:0 0 14px;color:#b6d0e9}
.certificate-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0 18px}
.certificate-meta span{padding:10px;border-radius:14px;background:rgba(255,255,255,.025);border:1px solid rgba(116,173,238,.12);color:#77a9e2;font-size:13px}
.certificate-meta strong{display:block;color:#eff6ff;font-size:14px;margin-top:4px}
.empty-state-card{grid-column:1/-1;text-align:center;padding:50px 20px;border-radius:24px;border:1px dashed rgba(128,180,239,.22);background:rgba(255,255,255,.018)}
.empty-state-card h3{font-size:24px;margin:10px 0}.empty-state-card p{color:#77a9e2}
.certificate-template-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:22px;align-items:start;margin-bottom:22px}
.cert-template-form{min-width:0}.certificate-preview-panel{overflow:auto}.certificate-preview-panel .certificate-preview{margin-left:auto;margin-right:auto}
.status-chip.blue{color:#acc9e7;background:rgba(66,143,232,.18);border-color:rgba(112,170,237,.24)}
@media (max-width:1320px){
  .result-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .result-answer-layout,.exam-view-layout,.certificates-layout,.certificate-template-layout{grid-template-columns:1fr}
  .exam-view-side,.certificates-side,.certificate-template-side{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .certificate-user-grid{grid-template-columns:1fr}
}
@media (max-width:920px){
  .result-view-head,.exam-view-head,.certificates-head,.certificate-template-head,.action-command-bar{flex-direction:column;align-items:flex-start}
  .result-stats-grid{grid-template-columns:1fr}
  .result-options-list,.answer-review-grid,.certificate-grid,.certificate-meta{grid-template-columns:1fr}
  .certificate-user-card{grid-template-columns:42px minmax(0,1fr) auto}
  .certificate-user-count{grid-column:2 / -1;justify-self:flex-start}
  .result-answer-card{grid-template-columns:1fr}
  .exam-view-side,.certificates-side,.certificate-template-side{grid-template-columns:1fr}
}


/* Register, Abteilungen, Rangverwaltung Premium */
.register-premium-body{overflow:auto}
.register-premium-shell{
  min-height:100vh;
  width:min(980px,92vw);
  margin:0 auto;
  display:grid;
  grid-template-columns:1.05fr .95fr;
  align-items:center;
  gap:28px;
  padding:60px 0;
}
.register-brand-panel,.register-form-card{
  border:1px solid rgba(128,180,239,.22);
  border-radius:28px;
  background:linear-gradient(180deg,rgba(21,32,50,.88),rgba(14,22,34,.94));
  box-shadow:0 28px 80px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.04);
  backdrop-filter:blur(18px);
}
.register-brand-panel{
  min-height:560px;
  padding:48px 42px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  position:relative;
  overflow:hidden;
}
.register-brand-panel:before{
  content:'LSPD';
  position:absolute;
  right:-30px;
  bottom:18px;
  font-size:92px;
  font-weight:1000;
  letter-spacing:10px;
  color:rgba(173,201,230,.045);
}
.register-badge-wrap{margin-bottom:28px}
.register-badge-shield{
  width:138px;
  height:150px;
  display:grid;
  place-items:center;
  text-align:center;
  margin-bottom:10px;
  clip-path:polygon(14% 4%,86% 4%,80% 62%,50% 100%,20% 62%);
  background:radial-gradient(circle at 50% 20%,rgba(173,201,230,.45),transparent 32%),linear-gradient(180deg,#2170ca,#141f31);
  border:2px solid rgba(74,141,217,.42);
  color:#fff;
  box-shadow:0 22px 42px rgba(26,111,208,.28), inset 0 1px 0 rgba(255,255,255,.16);
}
.register-badge-shield strong{font-size:32px;letter-spacing:2px}
.register-badge-shield span{font-size:10px;line-height:1.25;letter-spacing:1.2px;color:#eff6ff;font-weight:900}
.register-brand-panel h1{font-size:56px;line-height:.95;margin:6px 0 22px}
.register-info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:28px}
.register-info-grid div{padding:16px;border-radius:18px;background:rgba(255,255,255,.025);border:1px solid rgba(128,180,239,.14)}
.register-info-grid strong{display:block;color:#adc9e6;font-size:18px;margin-bottom:8px}
.register-info-grid span{display:block;color:#b4cfe9;font-size:13px;line-height:1.4;font-weight:700}
.register-form-card{padding:34px}
.premium-register-form label{font-weight:900;color:#eff6ff}
.premium-register-form input{margin-top:8px}
.register-note{display:flex;gap:12px;align-items:flex-start;padding:14px;border-radius:16px;background:rgba(70,146,232,.08);border:1px solid rgba(70,146,232,.18);color:#bbd3ea}
.register-note span{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;flex:0 0 auto;background:rgba(70,146,232,.18);color:#adc9e6;font-weight:1000}
.register-note p{margin:0;line-height:1.5;font-size:13px}

.dept-rank-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:18px}
.dept-rank-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:22px;align-items:start}
.dept-rank-main{min-width:0}
.dept-rank-side{position:sticky;top:24px;display:flex;flex-direction:column;gap:18px}
.dept-form-panel,.dept-list-panel,.rank-list-panel{margin-bottom:22px}
.department-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.department-card{
  display:grid;
  grid-template-columns:64px minmax(0,1fr);
  gap:16px;
  padding:20px;
  border-radius:22px;
  background:linear-gradient(180deg,rgba(24,38,59,.88),rgba(16,25,39,.94));
  border:1px solid rgba(114,172,238,.18);
  box-shadow:0 18px 40px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.03);
}
.department-card-icon{
  width:64px;height:64px;border-radius:20px;display:grid;place-items:center;
  background:linear-gradient(180deg,rgba(66,143,232,.38),rgba(37,112,197,.25));
  color:#eff6ff;font-size:28px;font-weight:900;
}
.department-card-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:8px}
.department-card h3{font-size:22px;color:#fff;margin:0}
.department-card p{margin:0;color:#acc9e6;line-height:1.6}
.department-card-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}

.rank-timeline{display:flex;flex-direction:column;gap:14px;position:relative}
.rank-timeline:before{content:'';position:absolute;left:44px;top:10px;bottom:10px;width:2px;background:linear-gradient(180deg,rgba(70,146,232,.45),rgba(91,158,235,.28));opacity:.65}
.rank-timeline-item{display:grid;grid-template-columns:92px minmax(0,1fr);gap:16px;align-items:stretch;position:relative}
.rank-level-badge{
  position:relative;
  z-index:1;
  align-self:flex-start;
  display:grid;
  place-items:center;
  min-height:48px;
  border-radius:16px;
  background:linear-gradient(180deg,rgba(70,146,232,.28),rgba(26,111,209,.22));
  border:1px solid rgba(128,180,239,.22);
  color:#eff6ff;
  font-weight:1000;
  font-size:13px;
}
.rank-timeline-card{
  padding:18px;
  border-radius:22px;
  background:linear-gradient(180deg,rgba(24,38,59,.88),rgba(16,25,39,.94));
  border:1px solid rgba(114,172,238,.18);
  box-shadow:0 18px 40px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.03);
}
.rank-card-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}
.rank-card-head h3{font-size:22px;margin:0 0 8px;color:#fff}
.rank-card-head p{margin:0;color:#acc9e6;line-height:1.6}
.rank-card-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.rank-timeline-item.editing .rank-level-badge{
  background:linear-gradient(135deg,#4692e8,#5696df);
  box-shadow:0 0 28px rgba(70,146,232,.28)
}
.rank-inline-editor{
  margin-top:16px;padding:16px;border-radius:18px;
  background:linear-gradient(180deg,rgba(18,28,44,.92),rgba(11,18,28,.96));
  border:1px solid rgba(120,169,226,.18);
  box-shadow:inset 0 1px rgba(255,255,255,.04)
}
.rank-editor-head{
  display:flex;justify-content:space-between;gap:14px;align-items:flex-start;
  margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid rgba(120,169,226,.12)
}
.rank-editor-head h3{margin:3px 0 5px;color:#fff;font-size:22px}
.rank-editor-fields{
  display:grid;grid-template-columns:minmax(180px,1fr) 160px;gap:12px;margin-bottom:16px
}
.rank-editor-fields label{
  display:flex;flex-direction:column;gap:7px;color:#eff6ff;font-weight:900;font-size:12px
}
.rank-editor-fields .field-span-2{grid-column:1 / -1}
.rank-editor-section-title{
  display:flex;justify-content:space-between;gap:12px;align-items:center;
  margin:6px 0 10px;color:#eff6ff
}
.rank-editor-section-title span{color:#79aae2;font-size:12px}
.rank-rights-panel{margin-bottom:22px}
.rank-system-rule-grid{margin-top:12px}
.rank-system-rule-card{background:rgba(255,255,255,.022)}
.rank-edit-permission{margin:0;border-top:1px solid rgba(120,169,226,.10);background:transparent}
.rank-edit-permission:first-of-type{border-top:0}
.rank-rights-locked{margin-top:10px}
.rank-copy-panel{
  margin-top:16px;padding:14px;border-radius:16px;
  background:linear-gradient(90deg,rgba(70,146,232,.08),rgba(91,158,235,.08));
  border:1px solid rgba(120,169,226,.14)
}
.rank-copy-panel>div:first-child{margin-bottom:12px}
.rank-copy-panel strong{color:#fff}
.rank-copy-panel p{margin:5px 0 0;line-height:1.45}
.rank-copy-grid{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px
}
.rank-copy-grid label{
  display:flex;align-items:center;gap:9px;padding:10px;border-radius:12px;
  background:rgba(11,18,28,.34);border:1px solid rgba(120,169,226,.12);
  color:#eff6ff;font-weight:900;cursor:pointer
}
.rank-copy-grid input{width:16px;height:16px;accent-color:#4692e8}
.rank-copy-grid span{display:flex;flex-direction:column;gap:2px}
.rank-copy-grid small{color:#79aae2;font-size:11px}
.rank-unlock-list{display:flex;flex-direction:column;gap:10px;margin-top:12px}
.rank-unlock-item{
  padding:11px;border-radius:13px;background:rgba(255,255,255,.025);
  border:1px solid rgba(128,180,239,.12)
}
.rank-unlock-item strong{display:block;color:#eff6ff}
.rank-unlock-item small{display:block;color:#79aae2;margin:3px 0 7px}
.rank-unlock-item span{display:block;color:#c6daee;font-size:12px;line-height:1.35}

@media (max-width:1180px){
  .register-premium-shell{grid-template-columns:1fr;max-width:640px}
  .register-brand-panel{min-height:auto}
  .dept-rank-layout{grid-template-columns:1fr}
  .dept-rank-side{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:860px){
  .register-premium-shell{padding:28px 0}
  .register-brand-panel,.register-form-card{padding:28px 22px}
  .register-brand-panel h1{font-size:42px}
  .register-info-grid,.department-card-grid{grid-template-columns:1fr}
  .dept-rank-head{flex-direction:column;align-items:flex-start}
  .dept-rank-side{grid-template-columns:1fr}
  .department-card{grid-template-columns:1fr}
  .rank-timeline:before{display:none}
  .rank-timeline-item{grid-template-columns:1fr}
  .rank-level-badge{justify-content:flex-start;padding:0 16px}
  .rank-editor-fields,.rank-copy-grid{grid-template-columns:1fr}
  .rank-editor-section-title{align-items:flex-start;flex-direction:column}
}


/* Audit-Log Premium + Löschfunktion */
.audit-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:18px}
.clear-audit-form{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.clear-audit-form input{
  height:48px;min-width:220px;border-radius:14px;border:1px solid rgba(240,82,82,.28);
  background:rgba(240,82,82,.08);color:#ffe4e4;padding:0 14px;outline:none;font-weight:800
}
.clear-audit-form input::placeholder{color:#ffb7b7}
.audit-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:22px;align-items:start}
.audit-main{min-width:0}.audit-side{display:flex;flex-direction:column;gap:18px;position:sticky;top:24px}
.audit-panel{overflow:hidden}
.audit-toolbar{
  display:grid;grid-template-columns:minmax(260px,1.25fr) minmax(180px,.8fr) 150px auto auto;
  gap:10px;max-width:100%;align-items:center
}
.audit-toolbar .search-wrap{min-width:0;width:100%}
.audit-toolbar select{min-width:0}
.audit-table-wrap{overflow:auto;max-height:70vh;border-radius:18px}
.audit-table{min-width:1080px}
.audit-table th{position:sticky;top:0;z-index:2;background:linear-gradient(180deg,rgba(31,49,77,.98),rgba(24,37,58,.98))}
.audit-table td{vertical-align:middle}
.audit-table th:nth-child(1),.audit-table td:nth-child(1){width:108px}
.audit-table th:nth-child(2),.audit-table td:nth-child(2){width:190px}
.audit-table th:nth-child(3),.audit-table td:nth-child(3){width:210px}
.audit-table th:nth-child(4),.audit-table td:nth-child(4){width:150px}
.audit-table th:nth-child(6),.audit-table td:nth-child(6){width:140px}
.audit-action-col{
  width:118px;text-align:right!important;position:sticky;right:0;z-index:1;
  background:linear-gradient(90deg,rgba(14,22,34,.78),rgba(14,22,34,.98) 28%)!important;
  box-shadow:-16px 0 28px rgba(0,0,0,.28)
}
th.audit-action-col{z-index:3!important}
.audit-action-col form{display:flex;justify-content:flex-end}
.audit-time strong{display:block;color:#eff6ff}.audit-time small{display:block;color:#6fa4e0;margin-top:4px}
.audit-user{display:flex;align-items:center;gap:10px;min-width:160px}
.audit-user span{
  width:32px;height:32px;border-radius:12px;display:grid;place-items:center;
  background:linear-gradient(180deg,rgba(70,146,232,.30),rgba(31,112,203,.20));
  border:1px solid rgba(128,180,239,.20);color:#eff6ff;font-weight:1000;text-transform:uppercase
}
.audit-user strong{color:#fff}
.audit-object{display:inline-flex;padding:8px 12px;border-radius:14px;background:rgba(70,146,232,.10);border:1px solid rgba(128,180,239,.16);color:#eff6ff;font-weight:800;white-space:nowrap}
.audit-details{max-width:520px;white-space:normal;line-height:1.5;color:#eff6ff;word-break:break-word}
.audit-ip{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:#eff6ff;white-space:nowrap}
@media (max-width:1320px){
  .audit-layout{grid-template-columns:1fr}
  .audit-side{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .audit-toolbar{grid-template-columns:1fr 1fr}
  .audit-toolbar .search-wrap{grid-column:1 / -1}
}
@media (max-width:900px){
  .audit-head{flex-direction:column;align-items:flex-start}
  .clear-audit-form,.clear-audit-form input,.clear-audit-form .btn{width:100%}
  .audit-side{grid-template-columns:1fr}
  .audit-toolbar{grid-template-columns:1fr}
  .audit-toolbar .search-wrap{min-width:100%}
  .audit-table{min-width:980px}
}


/* Backup-System Premium */
.backup-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:18px}
.backup-head form{margin:0}
.backup-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:22px;align-items:start}
.backup-main{min-width:0}
.backup-side{position:sticky;top:24px;display:flex;flex-direction:column;gap:18px}
.backup-create-panel{
  display:grid;
  grid-template-columns:78px minmax(0,1fr) auto;
  gap:20px;
  align-items:center;
  margin-bottom:22px;
}
.backup-create-icon{
  width:78px;height:78px;border-radius:24px;display:grid;place-items:center;
  background:linear-gradient(180deg,rgba(70,146,232,.34),rgba(26,111,209,.22));
  border:1px solid rgba(128,180,239,.22);
  font-size:36px;
  box-shadow:0 16px 32px rgba(70,146,232,.14)
}
.backup-create-panel h2{margin:0 0 8px}
.backup-create-panel p{margin:0;color:#acc9e6;line-height:1.6}
.backup-create-panel form{margin:0}
.backup-log-panel{margin-bottom:24px}
.backup-card-list{display:flex;flex-direction:column;gap:16px}
.backup-card{
  display:grid;
  grid-template-columns:64px minmax(0,1fr);
  gap:16px;
  padding:18px;
  border-radius:22px;
  background:linear-gradient(180deg,rgba(24,38,59,.88),rgba(16,25,39,.94));
  border:1px solid rgba(114,172,238,.18);
  box-shadow:0 18px 40px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.03);
}
.backup-card-icon{
  width:64px;height:64px;border-radius:20px;display:grid;place-items:center;
  font-weight:1000;font-size:28px;
  border:1px solid rgba(128,180,239,.20);
  background:linear-gradient(180deg,rgba(70,146,232,.32),rgba(32,112,202,.22));
  color:#eff6ff;
}
.backup-card-icon.green{background:linear-gradient(180deg,rgba(47,212,124,.34),rgba(24,105,62,.22));color:#bfffd8}
.backup-card-icon.amber{background:linear-gradient(180deg,rgba(247,160,63,.34),rgba(122,72,22,.22));color:#ffd9a6}
.backup-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:12px}
.backup-card h3{margin:0 0 6px;color:#fff;font-size:20px;word-break:break-word}
.backup-card p{margin:0;color:#77a9e2}
.backup-meta-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0}
.backup-meta-row span{padding:10px;border-radius:14px;background:rgba(255,255,255,.025);border:1px solid rgba(116,173,238,.12);color:#77a9e2;font-size:13px}
.backup-meta-row strong{display:block;color:#eff6ff;font-size:14px;margin-top:4px}
.backup-card-actions{display:flex;gap:10px;flex-wrap:wrap}
.backup-card-actions form{margin:0}
@media (max-width:1280px){
  .backup-layout{grid-template-columns:1fr}
  .backup-side{position:static;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:860px){
  .backup-head{flex-direction:column;align-items:flex-start}
  .backup-create-panel{grid-template-columns:1fr}
  .backup-side{grid-template-columns:1fr}
  .backup-card{grid-template-columns:1fr}
  .backup-card-head{flex-direction:column}
  .backup-meta-row{grid-template-columns:1fr}
}


/* Rollen & Rechte Premium */
.permissions-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:18px}
.permissions-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:22px;align-items:start}
.permissions-main{min-width:0}
.permissions-side{position:sticky;top:24px;display:flex;flex-direction:column;gap:18px}
.permissions-panel{margin-bottom:22px}
.permissions-role-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.permission-role-card{
  border-radius:24px;
  background:linear-gradient(180deg,rgba(24,38,59,.88),rgba(16,25,39,.94));
  border:1px solid rgba(114,172,238,.18);
  box-shadow:0 18px 40px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.03);
  padding:18px;
}
.permission-role-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:14px}
.permission-role-head h3{font-size:23px;margin:0 0 6px;color:#fff}
.permission-role-head p{margin:0;color:#77a9e2;line-height:1.5}
.permission-category-block{border-top:1px solid rgba(128,180,239,.12);padding-top:14px;margin-top:14px}
.permission-category-block h4{margin:0 0 10px;color:#adc9e6;text-transform:uppercase;font-size:13px;letter-spacing:.8px}
.permission-toggle{
  display:grid;
  grid-template-columns:24px minmax(0,1fr);
  gap:12px;
  align-items:flex-start;
  padding:10px;
  border-radius:14px;
  cursor:pointer;
  transition:.14s ease;
}
.permission-toggle:hover{background:rgba(255,255,255,.025)}
.permission-toggle input{width:18px;height:18px;margin-top:3px;accent-color:#4692e8}
.permission-toggle strong{display:block;color:#eff6ff;font-size:14px}
.permission-toggle small{display:block;color:#75a8e2;line-height:1.4;margin-top:3px}
.selected-user-permission{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px;padding:14px;border-radius:18px;background:rgba(70,146,232,.08);border:1px solid rgba(128,180,239,.16)}
.user-permission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.permission-category-card{
  padding:18px;
  border-radius:22px;
  background:linear-gradient(180deg,rgba(24,38,59,.78),rgba(16,25,39,.90));
  border:1px solid rgba(114,172,238,.16);
}
.permission-category-card h3{font-size:19px;margin:0 0 14px;color:#fff}
.user-permission-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 0;border-top:1px solid rgba(128,180,239,.10)}
.user-permission-row:first-of-type{border-top:0}
.user-permission-row strong{display:block;color:#eff6ff}
.user-permission-row small{display:block;color:#75a8e2;line-height:1.4;margin-top:3px}
.permission-radio-group{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.permission-radio-group label{display:flex;align-items:center;gap:6px;padding:7px 9px;border-radius:999px;background:rgba(255,255,255,.025);border:1px solid rgba(128,180,239,.12);color:#eff6ff;font-size:13px;font-weight:800}
.permission-radio-group input{accent-color:#4692e8}
@media (max-width:1420px){
  .permissions-role-grid{grid-template-columns:1fr}
}
@media (max-width:1240px){
  .permissions-layout{grid-template-columns:1fr}
  .permissions-side{position:static;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:900px){
  .permissions-head{flex-direction:column;align-items:flex-start}
  .permissions-side{grid-template-columns:1fr}
  .user-permission-grid{grid-template-columns:1fr}
  .user-permission-row{grid-template-columns:1fr}
  .permission-radio-group{justify-content:flex-start}
}


/* Eigene Rollen */
.role-create-form{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  align-items:end;
}
.role-create-form label{
  display:flex;
  flex-direction:column;
  gap:8px;
  color:#eff6ff;
  font-weight:900;
}
.role-create-form input,.role-create-form textarea{
  width:100%;
  border-radius:16px;
  border:1px solid rgba(98,156,222,.24);
  background:rgba(16,25,39,.82);
  color:#eff6ff;
  padding:15px 16px;
  font-size:15px;
  outline:none;
}
.role-create-form textarea{min-height:96px;resize:vertical}
.role-key-pill{
  display:inline-flex;
  margin-top:10px;
  padding:7px 10px;
  border-radius:999px;
  background:rgba(70,146,232,.10);
  border:1px solid rgba(128,180,239,.18);
  color:#aecae6;
  font-weight:900;
  font-size:12px;
}
.role-delete-zone{
  margin-top:16px;
  padding-top:14px;
  border-top:1px solid rgba(240,82,82,.20);
}
.rank-badge.recruit{
  background:rgba(91,158,235,.16);
  border-color:rgba(91,158,235,.28);
  color:#eff6ff;
}
@media (max-width:900px){
  .role-create-form{grid-template-columns:1fr}
}


/* Rollen erstellen - UI Refresh */
.permissions-layout{grid-template-columns:minmax(0,1fr)}
.role-create-panel-wrap{
  position:relative;
  overflow:hidden;
  padding:22px;
  background:
    radial-gradient(circle at 85% 14%, rgba(173,201,230,.08), transparent 24%),
    linear-gradient(180deg, rgba(30,47,72,.92), rgba(17,27,42,.96));
}
.role-create-panel-wrap:before{
  content:'';
  position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(120deg, rgba(255,255,255,.04), transparent 28%);
}
.role-create-hero{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:88px minmax(0,1fr);
  gap:18px;
  align-items:start;
  margin-bottom:20px;
}
.role-create-badge{
  width:88px;height:88px;border-radius:24px;display:grid;place-items:center;
  font-size:36px;font-weight:900;color:#fff;
  background:linear-gradient(145deg, rgba(70,146,232,.9), rgba(26,111,208,.48));
  border:1px solid rgba(173,201,230,.25);
  box-shadow:0 18px 36px rgba(70,146,232,.20);
}
.role-create-copy h2{margin:4px 0 8px}
.mini-overline{display:inline-block;margin-bottom:6px;color:#acc9e6;text-transform:uppercase;letter-spacing:1.2px;font-size:12px;font-weight:900}
.role-create-tips{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.role-create-tips span{
  display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;
  background:rgba(255,255,255,.035);border:1px solid rgba(128,180,239,.16);
  color:#eff6ff;font-size:13px;font-weight:800;
}
.role-create-form.premium{
  position:relative;z-index:1;
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;
  padding:18px;border-radius:22px;
  background:rgba(14,22,34,.34);border:1px solid rgba(125,178,239,.12);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
}
.role-create-form.premium label{gap:10px}
.role-create-form.premium label>span{font-size:14px;font-weight:900;color:#eff6ff}
.role-create-form.premium small{color:#6fa4e1;line-height:1.45;font-size:12px}
.field-span-3{grid-column:1 / -1}
.role-create-form.premium textarea{min-height:130px}
.role-create-actions{display:flex;justify-content:flex-start;padding-top:2px}
@media (max-width:1024px){
  .role-create-hero{grid-template-columns:1fr}
  .role-create-badge{width:72px;height:72px;border-radius:20px}
  .role-create-form.premium{grid-template-columns:1fr}
  .field-span-3{grid-column:auto}
}


/* Freitext-Bewertung */
.text-score-form{
  margin-top:16px;
}
.text-score-box{
  display:grid;
  grid-template-columns:minmax(0,1fr) 160px auto;
  gap:14px;
  align-items:end;
  padding:16px;
  border-radius:18px;
  background:linear-gradient(180deg,rgba(70,146,232,.10),rgba(17,27,42,.38));
  border:1px solid rgba(128,180,239,.18);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
}
.text-score-box strong{
  display:block;
  color:#eff6ff;
  font-size:17px;
  margin-bottom:5px;
}
.text-score-box small{
  display:block;
  color:#75a8e2;
  line-height:1.45;
}
.text-score-box label{
  display:flex;
  flex-direction:column;
  gap:7px;
  color:#eff6ff;
  font-weight:900;
}
.text-score-box label span{
  font-size:13px;
  color:#acc9e7;
  text-transform:uppercase;
  letter-spacing:.6px;
}
.text-score-box input{
  width:100%;
  height:46px;
  border-radius:14px;
  border:1px solid rgba(98,156,222,.28);
  background:rgba(14,21,33,.82);
  color:#fff;
  padding:0 14px;
  outline:none;
  font-weight:900;
}
.text-score-box input:focus{
  border-color:rgba(108,168,237,.55);
  box-shadow:0 0 0 4px rgba(88,156,234,.08);
}
@media (max-width:900px){
  .text-score-box{grid-template-columns:1fr}
  .text-score-box .btn{width:100%}
}


/* Abteilungs-Prüfungszugriff */
.department-access-form-panel{
  overflow:hidden;
}
.department-form-modern .access-picker{
  margin-top:4px;
  padding:18px;
  border-radius:22px;
  background:linear-gradient(180deg,rgba(70,146,232,.08),rgba(15,24,37,.38));
  border:1px solid rgba(128,180,239,.16);
}
.access-picker-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  margin-bottom:14px;
}
.access-picker-head h3{
  margin:0 0 6px;
  color:#fff;
  font-size:22px;
}
.access-picker-head p{
  margin:0;
  color:#acc9e7;
  line-height:1.55;
}
.access-exam-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.access-exam-option{
  display:grid;
  grid-template-columns:28px minmax(0,1fr);
  gap:12px;
  align-items:flex-start;
  padding:14px;
  border-radius:18px;
  background:rgba(255,255,255,.025);
  border:1px solid rgba(128,180,239,.14);
  cursor:pointer;
  transition:.15s ease;
}
.access-exam-option:hover{
  border-color:rgba(128,180,239,.34);
  transform:translateY(-1px);
}
.access-exam-option input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}
.access-check{
  width:24px;
  height:24px;
  border-radius:9px;
  display:grid;
  place-items:center;
  border:1px solid rgba(128,180,239,.30);
  background:rgba(15,24,37,.65);
  margin-top:2px;
}
.access-check:after{
  content:'';
  width:8px;
  height:12px;
  border-right:3px solid transparent;
  border-bottom:3px solid transparent;
  transform:rotate(45deg);
  margin-top:-2px;
}
.access-exam-option input:checked + .access-check{
  background:linear-gradient(180deg,#4692e8,#1a6fd1);
  border-color:rgba(173,201,230,.48);
  box-shadow:0 0 20px rgba(70,146,232,.22);
}
.access-exam-option input:checked + .access-check:after{
  border-color:#fff;
}
.access-exam-option.own-exam{
  opacity:.72;
  cursor:not-allowed;
  background:rgba(47,212,124,.055);
  border-color:rgba(47,212,124,.16);
}
.access-copy strong{
  display:block;
  color:#eff6ff;
  font-size:15px;
  margin-bottom:4px;
}
.access-copy small{
  color:#75a8e2;
  line-height:1.4;
}
.exam-user-access-panel{
  margin-top:18px;
}
.exam-user-access-grid{
  max-height:360px;
  overflow:auto;
  padding-right:4px;
}
.access-user-option{
  min-height:74px;
}
.access-exam-option.is-selected{
  border-color:rgba(70,146,232,.58);
  background:linear-gradient(135deg,rgba(70,146,232,.18),rgba(91,158,235,.10));
  box-shadow:0 14px 34px rgba(70,146,232,.14);
}
.access-exam-option.is-selected .access-check{
  background:linear-gradient(180deg,#4692e8,#1a6fd1);
  border-color:rgba(173,201,230,.48);
  color:#fff;
}
.exam-access-form{
  display:grid;
  gap:14px;
}
.exam-access-form .modal-search-input{
  width:100%;
  min-width:0;
}
.exam-access-form .exam-user-access-grid{
  grid-template-columns:1fr;
  max-height:520px;
}
.exam-access-form .form-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.exam-access-form .form-actions .btn:last-child{
  flex:1;
}
.exam-access-layout{
  grid-template-columns:minmax(0,1fr) minmax(420px,480px);
  gap:22px;
  align-items:start;
}
.exam-access-picker-panel{
  position:relative;
  overflow:hidden;
  padding:22px;
  background:
    radial-gradient(circle at 8% 0%,rgba(70,146,232,.18),transparent 34%),
    linear-gradient(135deg,rgba(30,48,74,.94),rgba(16,25,39,.90) 62%,rgba(29,45,70,.64));
}
.exam-access-picker-panel:before{
  content:'';
  position:absolute;
  inset:0;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(173,201,230,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(173,201,230,.045) 1px,transparent 1px);
  background-size:42px 42px;
  mask-image:linear-gradient(180deg,#000,transparent 86%);
}
.exam-access-picker-panel > *{
  position:relative;
  z-index:1;
}
.exam-access-picker-panel .access-exam-grid{
  grid-template-columns:repeat(2,minmax(280px,1fr));
  gap:16px;
}
.exam-access-picker-panel .access-exam-option{
  position:relative;
  min-height:96px;
  padding:18px;
  border-radius:22px;
  overflow:hidden;
  align-items:center;
  color:inherit;
  text-decoration:none;
  background:
    radial-gradient(circle at 100% 0%,rgba(70,146,232,.14),transparent 38%),
    linear-gradient(135deg,rgba(22,35,54,.96),rgba(24,37,58,.82));
  box-shadow:inset 0 1px rgba(255,255,255,.045),0 14px 28px rgba(0,0,0,.18);
}
.exam-access-picker-panel .access-exam-option:before{
  content:'';
  position:absolute;
  inset:0;
  opacity:0;
  background:linear-gradient(90deg,rgba(70,146,232,.16),rgba(91,158,235,.10));
  transition:.18s ease;
}
.exam-access-picker-panel .access-exam-option:hover:before,
.exam-access-picker-panel .access-exam-option.is-selected:before{
  opacity:1;
}
.exam-access-picker-panel .access-exam-option > *{
  position:relative;
  z-index:1;
}
.exam-access-picker-panel .access-copy small{
  display:block;
  margin-top:8px;
  color:#afc9e3;
  font-size:12px;
  line-height:1.55;
  text-decoration:none;
}
.exam-access-picker-panel .access-department{
  margin-top:6px;
  color:#adc9e6;
  font-weight:700;
}
.access-exam-chips{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-top:10px;
}
.access-exam-chips span{
  display:inline-flex;
  align-items:center;
  min-height:25px;
  padding:5px 9px;
  border-radius:999px;
  color:#eff6ff;
  font-size:12px;
  font-weight:850;
  line-height:1;
  background:rgba(90,151,220,.13);
  border:1px solid rgba(128,180,239,.18);
}
.access-exam-chips .chip-green{
  color:#6ef0ac;
  background:rgba(30,148,87,.20);
  border-color:rgba(94,227,151,.30);
}
.access-exam-chips .chip-amber{
  color:#76b2f6;
  background:rgba(40,112,195,.22);
  border-color:rgba(118,178,246,.30);
}
.exam-access-picker-panel .access-copy strong{
  font-size:16px;
  line-height:1.25;
  letter-spacing:.1px;
}
.exam-access-picker-panel .access-check{
  width:32px;
  height:32px;
  border-radius:12px;
  margin-top:0;
  background:linear-gradient(180deg,rgba(27,43,67,.94),rgba(15,24,37,.90));
}
.exam-access-picker-panel .access-exam-option.is-selected{
  border-color:rgba(98,162,236,.72);
  background:
    radial-gradient(circle at 100% 0%,rgba(91,158,235,.20),transparent 42%),
    linear-gradient(135deg,rgba(36,112,199,.72),rgba(32,51,79,.92));
  box-shadow:0 18px 42px rgba(70,146,232,.22),inset 0 1px rgba(255,255,255,.06);
}
.exam-access-picker-panel .access-exam-option.is-selected .access-copy strong{
  color:#fff;
}
.exam-access-picker-panel .access-exam-option:hover{
  border-color:rgba(128,180,239,.42);
  transform:translateY(-2px);
}
.exam-access-picker-panel .access-exam-option:after{
  content:'';
  position:absolute;
  left:18px;
  right:18px;
  bottom:0;
  height:3px;
  border-radius:999px 999px 0 0;
  background:linear-gradient(90deg,#4692e8,#6ea9ed);
  opacity:0;
  transition:.18s ease;
}
.exam-access-picker-panel .access-exam-option:hover:after,
.exam-access-picker-panel .access-exam-option.is-selected:after{
  opacity:1;
}
.exam-access-side{
  display:block;
  position:sticky;
  top:18px;
}
.exam-access-side-card{
  position:relative;
  overflow:hidden;
  padding:20px;
  background:
    radial-gradient(circle at 100% 0%,rgba(70,146,232,.18),transparent 42%),
    linear-gradient(180deg,rgba(32,51,79,.95),rgba(14,22,34,.95));
}
.exam-access-side-card:after{
  content:'';
  position:absolute;
  left:20px;
  right:20px;
  bottom:0;
  height:70px;
  pointer-events:none;
  background:linear-gradient(180deg,transparent,rgba(14,22,34,.96));
}
.exam-access-side-card > *{
  position:relative;
  z-index:1;
}
.exam-access-current{
  padding:14px;
  border-radius:18px;
  background:linear-gradient(135deg,rgba(70,146,232,.12),rgba(91,158,235,.08));
  border:1px solid rgba(128,180,239,.16);
}
.exam-access-current h3{
  margin:0 0 6px;
  font-size:22px;
  line-height:1.15;
}
.exam-access-current p{
  margin:0;
  color:#b0c9e3;
}
.exam-access-form .exam-user-access-grid{
  gap:10px;
  max-height:470px;
  padding-right:6px;
  overflow:auto;
}
.exam-access-form .access-user-option{
  grid-template-columns:28px minmax(0,1fr);
  min-height:70px;
  padding:12px 14px;
  border-radius:18px;
  align-items:center;
  overflow:visible;
  transform:none;
}
.exam-access-form .access-user-option:hover{
  transform:none;
}
.exam-access-form .access-user-option .access-check{
  margin-top:0;
  flex:0 0 auto;
}
.exam-access-form .access-user-option .access-copy{
  min-width:0;
}
.exam-access-form .access-user-option .access-copy strong{
  display:block;
  font-size:14px;
  line-height:1.2;
  margin-bottom:5px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.exam-access-form .access-user-option .access-copy small{
  display:block;
  font-size:12px;
  line-height:1.35;
  white-space:normal;
}
.exam-access-form .form-actions{
  position:relative;
  z-index:2;
  padding-top:4px;
  background:none;
}
.exam-access-form .form-actions .btn{
  white-space:nowrap;
}
.bulk-exam-access-form{
  display:block;
  width:100%;
  min-width:0;
  max-width:100%;
}
.bulk-exam-access-form .exam-access-layout,
.bulk-exam-access-form .manage-exams-main,
.bulk-exam-access-form .exam-access-picker-panel,
.bulk-exam-access-form .exam-access-side{
  min-width:0;
  max-width:100%;
}
.bulk-exam-access-form .exam-access-layout{
  grid-template-columns:minmax(0,1fr) minmax(350px,410px);
}
.bulk-access-panel-head{
  align-items:flex-end !important;
  flex-wrap:wrap;
}
.bulk-step-kicker{
  display:inline-flex;
  align-items:center;
  min-height:24px;
  margin-bottom:7px;
  padding:5px 9px;
  border-radius:999px;
  color:#acc9e7;
  background:rgba(70,146,232,.12);
  border:1px solid rgba(128,180,239,.18);
  font-size:11px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.bulk-access-tools{
  display:grid;
  gap:10px;
  width:min(100%,430px);
  min-width:0;
  max-width:430px;
  flex:1 1 330px;
}
.bulk-access-tools .modal-search-input{
  width:100%;
  min-width:0;
}
.bulk-access-tool-buttons{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:8px;
}
.access-bulk-exam-option{
  user-select:none;
}
.exam-access-picker-panel #examAccessExamGrid{
  grid-template-columns:repeat(2,minmax(300px,1fr));
  grid-auto-rows:max-content;
  align-items:start;
  gap:10px;
}
.exam-access-picker-panel .access-bulk-exam-option{
  display:grid;
  grid-template-columns:28px minmax(0,1fr);
  width:100%;
  height:auto;
  min-height:76px;
  align-self:start;
  align-items:center;
  gap:11px;
  padding:12px 14px;
  border-radius:16px;
  background:rgba(255,255,255,.025);
  border-color:rgba(128,180,239,.14);
  box-shadow:none;
}
.exam-access-picker-panel .access-bulk-exam-option > input[type="checkbox"]{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  opacity:0!important;
  pointer-events:none!important;
}
.exam-access-picker-panel .access-bulk-exam-option:before,
.exam-access-picker-panel .access-bulk-exam-option:after{
  display:none;
}
.exam-access-picker-panel .access-bulk-exam-option:hover{
  transform:none;
  background:rgba(70,146,232,.065);
  border-color:rgba(128,180,239,.34);
  box-shadow:none;
}
.exam-access-picker-panel .access-bulk-exam-option.is-selected{
  background:linear-gradient(135deg,rgba(70,146,232,.16),rgba(91,158,235,.08));
  border-color:rgba(98,162,236,.58);
  box-shadow:0 10px 24px rgba(70,146,232,.10);
}
.exam-access-picker-panel .access-bulk-exam-option .access-check{
  width:24px;
  height:24px;
  min-width:24px;
  border-radius:9px;
  margin:0;
}
.exam-access-picker-panel .access-bulk-exam-option .access-copy{
  display:block;
  width:auto;
  min-width:0;
}
.exam-access-picker-panel .access-bulk-exam-option .access-copy strong{
  margin:0 0 5px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:14px;
  line-height:1.2;
}
.exam-access-picker-panel .access-bulk-exam-option .access-department{
  display:inline;
  margin:0 8px 0 0;
  color:#75a8e2;
  font-size:12px;
  font-weight:750;
}
.exam-access-picker-panel .access-bulk-exam-option .access-exam-chips{
  display:inline-flex;
  vertical-align:middle;
  margin-top:0;
  gap:6px;
}
.exam-access-picker-panel .access-bulk-exam-option .access-exam-chips span{
  min-height:20px;
  padding:3px 7px;
  font-size:11px;
  box-shadow:none;
}
.bulk-access-stats{
  grid-template-columns:repeat(4,minmax(150px,1fr));
  gap:12px;
}
.bulk-access-stats .exam-stat-card{
  min-width:0;
  min-height:94px;
  padding:15px 16px;
  gap:12px;
  border-radius:18px;
}
.bulk-access-stats .exam-stat-icon{
  width:48px;
  height:48px;
  min-width:48px;
  border-radius:14px;
  font-size:16px;
}
.bulk-access-stats .exam-stat-card h3{
  margin-bottom:4px;
  font-size:13px;
}
.bulk-access-stats .exam-stat-card strong{
  margin-bottom:4px;
  font-size:30px;
}
.bulk-access-stats .exam-stat-card p{
  font-size:12px;
}
.bulk-access-help{
  padding:12px 14px;
  border-radius:15px;
  color:#adc9e6;
  background:rgba(90,151,220,.08);
  border:1px solid rgba(128,180,239,.14);
  font-size:12px;
  line-height:1.55;
}
.bulk-user-actions{
  padding-bottom:4px;
  border-bottom:1px solid rgba(128,180,239,.14);
}
.bulk-access-submit{
  display:grid;
  gap:9px;
  padding:14px;
  border-radius:18px;
  background:linear-gradient(135deg,rgba(70,146,232,.13),rgba(91,158,235,.08));
  border:1px solid rgba(128,180,239,.18);
}
.bulk-access-submit .bulk-step-kicker{
  width:max-content;
  margin-bottom:1px;
}
.bulk-access-submit .btn{
  width:100%;
  justify-content:center;
}
.bulk-access-submit .btn:disabled{
  opacity:.42;
  cursor:not-allowed;
  filter:saturate(.5);
  transform:none;
}
.bulk-access-submit .bulk-access-revoke:not(:disabled){
  color:#ffb8b8;
  border-color:rgba(255,104,104,.28);
  background:rgba(126,32,45,.14);
}
.bulk-access-submit small{
  color:#77a9e2;
  line-height:1.45;
  text-align:center;
}
@media (max-width:1550px){
  .bulk-exam-access-form .exam-access-layout{grid-template-columns:1fr}
  .bulk-exam-access-form .exam-access-side{position:static}
  .bulk-exam-access-form .exam-user-access-grid{
    grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
    max-height:390px;
  }
}
@media (max-width:1180px){
  .exam-access-layout{grid-template-columns:1fr}
  .exam-access-side{position:static}
  .exam-access-form .exam-user-access-grid{max-height:420px}
  .bulk-access-stats{grid-template-columns:repeat(2,minmax(150px,1fr))}
}
@media (max-width:760px){
  .exam-access-picker-panel .access-exam-grid{grid-template-columns:1fr}
  .exam-access-form .form-actions .btn{width:100%;flex:auto}
  .bulk-access-panel-head{align-items:stretch !important}
  .bulk-access-tools{min-width:0;width:100%}
  .bulk-access-tool-buttons .btn{width:100%}
  .bulk-access-stats{grid-template-columns:1fr}
  .bulk-exam-access-form .exam-user-access-grid{grid-template-columns:1fr}
}
@media (max-width:1050px){
  .exam-access-picker-panel #examAccessExamGrid{grid-template-columns:1fr}
}
.department-card-badges{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  justify-content:flex-end;
}
.status-chip.violet{
  color:#eff6ff;
  background:rgba(91,158,235,.18);
  border-color:rgba(91,158,235,.24);
}
@media (max-width:980px){
  .access-picker-head{flex-direction:column}
  .access-exam-grid{grid-template-columns:1fr}
  .department-card-head{flex-direction:column}
  .department-card-badges{justify-content:flex-start}
}


/* Department modal editor */
.compact-right{grid-template-columns:minmax(0,1fr) 300px}
.slim-side{max-width:300px}
.modal-style-grid{gap:18px}
.polished-card{background:linear-gradient(180deg,rgba(36,57,89,.52),rgba(16,26,40,.72))}
.modal-backdrop[hidden]{display:none!important}
.modal-backdrop{position:fixed;inset:0;z-index:5000;background:rgba(9,15,23,.72);backdrop-filter:blur(8px);padding:34px 18px;overflow:auto}
.modal-shell{max-width:1120px;margin:0 auto}
.department-modal-shell{display:flex;align-items:flex-start;justify-content:center;min-height:100%}
.department-modal-card{position:relative;border-radius:28px;padding:24px;background:linear-gradient(180deg,rgba(25,39,61,.98),rgba(14,22,34,.98));border:1px solid rgba(128,180,239,.16);box-shadow:0 20px 70px rgba(0,0,0,.45);width:min(100%,1080px)}
.modal-close{position:absolute;right:16px;top:16px;width:42px;height:42px;border-radius:14px;border:1px solid rgba(128,180,239,.20);background:rgba(20,31,49,.82);color:#fff;font-size:28px;line-height:1;cursor:pointer}
.modal-topbar{padding:4px 4px 14px}
.modal-kicker{display:inline-block;margin-bottom:8px;color:#adc9e6;text-transform:uppercase;letter-spacing:1.5px;font-size:12px;font-weight:900}
.modal-topbar h2{margin:0 0 6px;font-size:42px;line-height:1.05}
.modal-topbar p{margin:0;color:#7dade4;max-width:820px;line-height:1.6}
.modal-steps{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0 18px}
.modal-step{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 16px;border-radius:16px;background:rgba(255,255,255,.03);border:1px solid rgba(128,180,239,.14);color:#adc9e6;font-weight:800}
.modal-step span{width:24px;height:24px;border-radius:999px;display:grid;place-items:center;background:rgba(255,255,255,.08);font-size:12px}
.modal-step.active{background:linear-gradient(180deg,rgba(69,145,232,.18),rgba(69,145,232,.08));color:#fff;border-color:rgba(106,167,237,.24)}
.modal-form-layout{gap:18px}
.modal-inner-panel{padding:18px;border-radius:22px;background:linear-gradient(180deg,rgba(16,25,39,.80),rgba(13,20,32,.92));border:1px solid rgba(125,178,239,.11)}
.editor-section-title.compact h3{margin:0 0 4px;font-size:28px}
.editor-section-title.compact p{margin:0;color:#78a9e2}
.stacked-mobile{flex-wrap:wrap}
.access-head-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}
.modal-search-input{min-width:240px;height:42px;border-radius:14px;border:1px solid rgba(98,156,222,.26);background:rgba(14,21,33,.82);color:#fff;padding:0 14px;outline:none}
.modal-access-grid{max-height:420px;overflow:auto;padding-right:6px;grid-template-columns:repeat(2,minmax(0,1fr))}
.modal-access-grid::-webkit-scrollbar{width:10px}.modal-access-grid::-webkit-scrollbar-thumb{background:rgba(65,135,215,.35);border-radius:10px}
.department-officer-list{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;
  max-height:420px;overflow:auto;padding:4px 6px 4px 0;margin-top:14px
}
.department-officer-list::-webkit-scrollbar{width:10px}.department-officer-list::-webkit-scrollbar-thumb{background:rgba(65,135,215,.35);border-radius:10px}
.department-officer-item{
  display:grid;grid-template-columns:48px minmax(0,1fr) minmax(120px,.72fr) auto;gap:11px;align-items:center;
  min-height:72px;padding:11px 12px;border-radius:16px;background:linear-gradient(180deg,rgba(32,50,77,.62),rgba(15,24,37,.78));
  border:1px solid rgba(120,169,226,.15);box-shadow:inset 0 1px 0 rgba(255,255,255,.025)
}
.department-officer-select{position:relative;grid-template-columns:26px 48px minmax(0,1fr) minmax(120px,.72fr) auto;cursor:pointer;transition:border-color .16s ease,background .16s ease,transform .16s ease,box-shadow .16s ease}
.department-officer-select:hover{transform:translateY(-1px);border-color:rgba(99,163,236,.42);background:linear-gradient(180deg,rgba(31,67,122,.68),rgba(18,29,45,.84))}
.department-officer-select.is-selected{border-color:rgba(80,151,233,.65);background:linear-gradient(180deg,rgba(35,112,199,.30),rgba(21,32,50,.90));box-shadow:0 0 0 1px rgba(92,159,235,.14),0 12px 28px rgba(26,111,209,.12)}
.department-officer-select.is-protected{cursor:not-allowed;opacity:.72}
.department-officer-select.is-protected:hover{transform:none}
.department-officer-select.is-admin-selectable{border-color:rgba(83,158,244,.34);background:linear-gradient(180deg,rgba(22,62,122,.20),rgba(18,29,45,.84))}
.department-officer-select.is-admin-selectable.is-selected{border-color:rgba(83,158,244,.64);box-shadow:0 0 0 1px rgba(83,158,244,.12),0 12px 28px rgba(24,68,135,.14)}
.department-officer-checkbox{position:absolute!important;opacity:0!important;pointer-events:none!important;width:1px!important;height:1px!important}
.department-officer-check{width:24px;height:24px;border-radius:9px;border:1px solid rgba(98,162,235,.46);background:rgba(14,21,33,.82);display:grid;place-items:center;color:#fff}
.department-officer-checkbox:checked + .department-officer-check{border-color:#5299ea;background:linear-gradient(135deg,#4e96e9,#2981e5);box-shadow:0 5px 16px rgba(60,140,231,.28)}
.department-officer-checkbox:checked + .department-officer-check:after{content:'✓';font-size:15px;font-weight:1000;line-height:1}
.department-officer-checkbox:focus-visible + .department-officer-check{outline:2px solid #adc9e6;outline-offset:3px}
.department-officer-item.status-active{border-color:rgba(47,212,124,.20)}
.department-officer-item.status-suspended,.department-officer-item.status-inactive{border-color:rgba(240,82,82,.25)}
.department-officer-item.status-vacation{border-color:rgba(45,137,242,.25)}
.department-officer-avatar{
  width:44px;height:44px;display:grid;place-items:center;border-radius:14px;
  background:linear-gradient(135deg,#4692e8,#2877d1);color:#fff;font-size:13px;font-weight:1000;letter-spacing:.4px
}
.department-officer-copy,.department-officer-details{min-width:0}
.department-officer-copy strong,.department-officer-details span{display:block;color:#eff6ff;font-weight:900;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.department-officer-copy small,.department-officer-details small{display:block;margin-top:4px;color:#7cace3;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.department-officer-status{padding:6px 9px;border-radius:999px;border:1px solid rgba(120,169,226,.18);font-size:10px;font-weight:1000;white-space:nowrap}
.department-officer-status.active{color:#69efad;background:rgba(47,212,124,.10);border-color:rgba(47,212,124,.24)}
.department-officer-status.suspended,.department-officer-status.inactive{color:#ff9fac;background:rgba(240,82,82,.10);border-color:rgba(240,82,82,.25)}
.department-officer-status.vacation{color:#9cc9f7;background:rgba(45,137,242,.10);border-color:rgba(45,137,242,.25)}
.department-officer-empty{grid-column:1/-1;padding:32px 18px;border-radius:16px;border:1px dashed rgba(173,201,230,.22);background:rgba(11,17,26,.38);color:#87b3e5;font-weight:850;text-align:center}
.department-officer-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;padding-top:12px;border-top:1px solid rgba(120,169,226,.12);color:#78a9e2;font-size:12px}
.sticky-actions{position:sticky;bottom:0;padding-top:8px;background:linear-gradient(180deg,rgba(14,22,34,0),rgba(14,22,34,.96) 35%)}
.modal-action-bar{display:flex;justify-content:space-between;align-items:center;gap:12px}
body.modal-open{overflow:hidden}
@media (max-width:1100px){.compact-right{grid-template-columns:1fr}.slim-side{max-width:none}.modal-access-grid,.department-officer-list{grid-template-columns:1fr}.department-modal-card{padding:18px}.modal-topbar h2{font-size:32px}}
@media (max-width:720px){.modal-steps{grid-template-columns:1fr}.modal-action-bar,.department-officer-footer{flex-direction:column;align-items:stretch}.modal-action-bar .btn,.department-officer-footer .btn{width:100%}.modal-search-input{min-width:0;width:100%}.department-officer-item{grid-template-columns:44px minmax(0,1fr) auto}.department-officer-select{grid-template-columns:26px 44px minmax(0,1fr) auto}.department-officer-details{grid-column:2/-1}.department-officer-select .department-officer-details{grid-column:3/-1}}


/* Kompaktere Oberfläche */
html,body{font-size:15px}
.sidebar{width:252px;min-width:252px;padding:20px 14px 16px}
.brand{gap:11px;margin-bottom:22px}
.brand-mark{width:38px;height:38px;border-radius:14px}
.brand-text strong{font-size:22px}
.brand-text span{font-size:11px;letter-spacing:1.2px}
.sidebar nav{gap:7px}
.sidebar nav a{gap:11px;padding:11px 13px;border-radius:12px}
.nav-icon{width:25px;height:25px;border-radius:9px}
.logout-link{margin-top:22px!important}
.content{padding:20px 30px 34px}
.topbar{gap:10px;margin-bottom:15px}
.top-pill,.user-chip{gap:8px;padding:9px 12px;border-radius:13px}
.user-shield{width:36px;height:36px;border-radius:12px}
.page-title,h1{font-size:29px;margin-bottom:18px}
h2{font-size:21px;margin:20px 0 12px}
.card,.panel{border-radius:18px;padding:17px}
.table th,.table td{padding:11px 12px}
.btn,button{padding:10px 14px;border-radius:12px}
input,select,textarea{padding:10px 12px;border-radius:12px}
.users-page-head{margin:0 0 16px}
.users-page-head h1{margin-bottom:6px}
.user-kpi-grid{gap:12px;margin-bottom:16px}
.user-kpi{min-height:104px;padding:15px;gap:12px;border-radius:17px}
.user-kpi-icon{width:44px;height:44px;border-radius:15px;font-size:20px}
.user-kpi strong{font-size:30px;margin:4px 0}
.user-management-layout{grid-template-columns:minmax(0,1fr) 320px;gap:18px}
.user-list-panel,.user-create-panel,.role-info-panel{border-radius:18px}
.user-list-panel{padding:14px}
.user-panel-head{margin-bottom:12px}
.user-filter-bar{grid-template-columns:minmax(220px,1fr) 150px 165px 135px;gap:10px;margin:12px 0 14px}
.user-filter-bar input,.user-filter-bar select{height:40px}
.user-table{min-width:900px}
.user-table td,.user-table th{padding:10px 11px}
.user-person{gap:10px}
.avatar-dot{width:34px;height:34px;border-radius:12px}
.rank-badge{padding:5px 9px}
.status-chip{padding:6px 10px;font-size:12px}
.icon-btn{width:34px;height:34px;border-radius:10px;font-size:14px}
.user-edit-form{gap:10px;padding:14px}
.form-actions button,.form-actions .btn{height:40px}
.table-footer-note{padding-top:10px}
.user-side-stack{gap:14px}
.user-create-panel,.role-info-panel{padding:17px}
.panel-title-row{gap:10px;margin-bottom:13px}
.create-user-form{gap:11px}
.role-info{gap:11px;padding:10px;border-radius:13px}
.shield{width:34px;height:34px;min-width:34px;border-radius:12px}

/* Lösch-Bestätigung */
.delete-confirm-overlay[hidden]{display:none!important}
.delete-confirm-overlay{
  position:fixed;inset:0;z-index:7000;display:none;place-items:start center;
  padding:76px 24px;background:rgba(10,15,24,.70);backdrop-filter:blur(8px)
}
.delete-confirm-overlay.open{display:grid}
.delete-confirm-dialog{
  width:min(430px,calc(100vw - 48px));display:grid;grid-template-columns:42px minmax(0,1fr);gap:16px;
  padding:14px;border:1px solid rgba(240,82,117,.44);border-radius:12px;
  background:rgba(14,22,34,.96);box-shadow:0 30px 80px rgba(0,0,0,.46),inset 0 1px rgba(255,255,255,.05)
}
.delete-confirm-icon{
  width:42px;height:42px;border-radius:11px;display:grid;place-items:center;
  border:1px solid rgba(240,82,117,.55);background:rgba(240,82,117,.10);
  color:#ffd0df;font-weight:1000
}
.delete-confirm-kicker{
  display:block;margin:1px 0 5px;color:#ff99b4;text-transform:uppercase;
  font-size:11px;font-weight:1000;letter-spacing:.9px
}
.delete-confirm-dialog h2{margin:0 0 8px;font-size:17px}
.delete-confirm-dialog p{margin:0;color:#b2c9e1;line-height:1.45}
.delete-confirm-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}
.delete-confirm-actions .btn{box-shadow:none}
.delete-confirm-actions .secondary{border-color:rgba(86,155,234,.45);background:rgba(41,112,194,.22)}
body.confirm-open{overflow:hidden}

@media(max-width:900px){
  .sidebar{width:100%;min-width:0}
  .content{padding:16px}
  .user-management-layout{grid-template-columns:1fr}
  .user-side-stack{grid-template-columns:1fr}
  .user-filter-bar{grid-template-columns:1fr}
}
@media(max-width:560px){
  .delete-confirm-overlay{place-items:center;padding:18px}
  .delete-confirm-dialog{width:100%;grid-template-columns:1fr}
  .delete-confirm-actions{justify-content:stretch}
  .delete-confirm-actions .btn{flex:1}
}


/* Professioneller UI-Feinschliff */
:root{
  --surface:rgba(15,24,37,.88);
  --surface-strong:rgba(19,30,46,.96);
  --soft-line:rgba(120,169,226,.16);
  --danger:#e94c62;
  --danger-soft:rgba(233,76,98,.12);
}
.app-body{
  background:
    radial-gradient(circle at 76% 10%,rgba(70,146,232,.12),transparent 26%),
    linear-gradient(135deg,#0a1019 0%,#111a29 54%,#0a1019 100%);
}
.app-body:after{font-size:88px;right:7%;top:2%;opacity:.7}
.content{padding:18px 28px 30px}
.topbar{margin-bottom:14px}
.top-pill,.user-chip{
  min-height:42px;border-radius:12px;background:rgba(18,28,43,.72);
  border-color:var(--soft-line);box-shadow:0 12px 32px rgba(0,0,0,.24)
}
.sidebar{
  width:246px;min-width:246px;padding:18px 13px 14px;
  background:linear-gradient(180deg,rgba(16,26,40,.96),rgba(10,16,25,.98));
}
.sidebar nav a{font-size:14px;border-radius:11px}
.page-title,h1{font-size:28px;letter-spacing:0}
.users-page-head{
  align-items:center;padding-bottom:12px;border-bottom:1px solid rgba(120,169,226,.10)
}
.users-page-head .muted{max-width:720px;line-height:1.45}
.user-kpi-grid{
  grid-template-columns:repeat(5,minmax(128px,1fr));gap:10px;margin:0 0 14px
}
.user-kpi{
  min-height:92px;padding:13px 14px;border-radius:14px;background:linear-gradient(180deg,rgba(21,34,52,.88),rgba(14,22,35,.96));
  border-color:var(--soft-line);box-shadow:0 12px 32px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.04)
}
.user-kpi:before{opacity:.52}
.user-kpi-icon{
  width:40px;height:40px;border-radius:12px;font-size:10px;letter-spacing:.7px;
  background:rgba(70,146,232,.14);box-shadow:none;font-weight:1000
}
.user-kpi.green .user-kpi-icon{background:rgba(47,212,124,.12);color:#86f0b4;border-color:rgba(47,212,124,.20)}
.user-kpi.gold .user-kpi-icon{background:rgba(74,141,217,.13);color:#9cc9f7;border-color:rgba(74,141,217,.22)}
.user-kpi.violet .user-kpi-icon{background:rgba(86,155,234,.13);color:#eff6ff;border-color:rgba(86,155,234,.22)}
.user-kpi.red .user-kpi-icon{background:var(--danger-soft);color:#ff9fac;border-color:rgba(233,76,98,.24)}
.user-kpi.cyan:before{background:radial-gradient(circle at 22% 18%,rgba(43,130,229,.22),transparent 45%)}
.user-kpi.cyan .user-kpi-icon{background:rgba(43,130,229,.12);color:#adc9e6;border-color:rgba(43,130,229,.24)}
.user-kpi small{font-size:11px;text-transform:uppercase;letter-spacing:.7px;color:#79aae2}
.user-kpi strong{font-size:28px}
.user-kpi span:not(.user-kpi-icon){font-size:12px;color:#77a9e2}
.user-management-layout{grid-template-columns:minmax(0,1fr) 304px;gap:16px}
.user-list-panel,.user-create-panel,.role-info-panel{
  border-radius:16px;background:linear-gradient(180deg,var(--surface-strong),rgba(13,20,32,.96));
  border-color:var(--soft-line);box-shadow:0 16px 42px rgba(0,0,0,.26)
}
.user-list-panel{padding:13px}
.user-panel-head{align-items:flex-start;margin-bottom:11px}
.user-panel-head h2,.panel-title-row h2,.role-info-panel h2{font-size:19px}
.user-panel-head p,.panel-title-row p{font-size:13px;line-height:1.4}
.user-filter-bar{
  grid-template-columns:minmax(210px,1fr) 142px 158px 126px;gap:8px;margin:10px 0 12px
}
.search-field span{left:12px;font-size:13px}
.search-field input{padding-left:35px}
.user-filter-bar input,.user-filter-bar select,input,select,textarea{
  min-height:38px;border-radius:10px;background:rgba(12,19,29,.78);border-color:rgba(120,169,226,.20)
}
.table-wrap{border-radius:14px;border-color:var(--soft-line)}
.user-table{min-width:860px}
.user-table thead th{
  background:rgba(27,42,66,.94);font-size:11px;color:#b1cce7;letter-spacing:.6px
}
.user-table td,.user-table th{padding:9px 10px}
.user-table td{font-size:13px}
.user-person strong{font-size:13px}
.user-person small{font-size:12px;color:#74a7e1}
.avatar-dot{
  width:32px;height:32px;border-radius:10px;background:linear-gradient(145deg,#3084e5,#2270c9);
  box-shadow:none;font-size:13px
}
.rank-badge,.status-chip{border-radius:10px}
.status-chip{gap:6px;padding:5px 8px}
.status-chip:before{display:none}
.status-chip i{width:7px;height:7px}
.user-actions{gap:6px}
.icon-btn{
  width:32px;height:32px;border-radius:9px;font-size:13px;background:rgba(70,146,232,.10);
  border-color:rgba(87,152,226,.28)
}
.icon-btn.delete{
  color:#ffb4bd;background:var(--danger-soft);border-color:rgba(233,76,98,.30);
  font-size:20px;line-height:1;font-weight:800
}
.icon-btn:hover{box-shadow:0 10px 24px rgba(70,146,232,.16);transform:translateY(-1px)}
.icon-btn.delete:hover{box-shadow:0 10px 24px rgba(233,76,98,.14)}
.user-edit-form{
  grid-template-columns:repeat(3,minmax(150px,1fr));gap:10px;padding:12px;border-radius:14px;
  background:rgba(10,16,25,.28);border-color:rgba(120,169,226,.12)
}
.user-edit-form label,.create-user-form label{font-size:12px;gap:6px}
.user-create-panel,.role-info-panel{padding:15px}
.panel-title-row{align-items:flex-start}
.create-user-form{gap:10px}
.create-user-form button{width:100%;min-height:40px;margin-top:2px}
.role-info{border-radius:12px;padding:10px;background:rgba(255,255,255,.018);border-color:rgba(120,169,226,.10)}
.role-info p{font-size:12px;line-height:1.42}
.shield{width:32px;height:32px;min-width:32px;border-radius:10px}
.delete-confirm-overlay{
  align-items:flex-start;justify-content:center;padding:74px 18px;background:rgba(9,15,23,.76);
  backdrop-filter:blur(10px)
}
.delete-confirm-overlay.open{display:flex}
.delete-confirm-dialog{
  width:min(448px,100%);grid-template-columns:44px minmax(0,1fr);gap:14px;padding:14px;
  border-radius:13px;background:linear-gradient(180deg,rgba(17,27,42,.98),rgba(12,20,30,.98));
  border-color:rgba(233,76,98,.38);box-shadow:0 28px 90px rgba(0,0,0,.50)
}
.delete-confirm-icon{
  width:42px;height:42px;border-radius:11px;background:var(--danger-soft);
  border-color:rgba(233,76,98,.38);color:#ffd7dd
}
.delete-confirm-kicker{color:#ff9fac;font-size:10px;letter-spacing:1px}
.delete-confirm-dialog h2{font-size:18px;margin-bottom:7px}
.delete-confirm-subject{
  display:inline-flex;max-width:100%;margin:0 0 9px;padding:6px 9px;border-radius:10px;
  background:rgba(255,255,255,.045);border:1px solid rgba(120,169,226,.12);
  color:#eff6ff;font-size:12px;font-weight:850;overflow:hidden;text-overflow:ellipsis;white-space:nowrap
}
.delete-confirm-subject[hidden]{display:none!important}
.delete-confirm-dialog p{font-size:14px;color:#acc9e7}
.delete-confirm-actions{gap:7px;margin-top:14px}
.delete-confirm-actions .btn{min-height:34px;border-radius:9px;padding:8px 11px}
.delete-confirm-actions .danger{background:linear-gradient(180deg,#e94c62,#9d1e31)!important}
@media(max-width:1280px){
  .user-kpi-grid{grid-template-columns:repeat(3,minmax(150px,1fr))}
  .user-management-layout{grid-template-columns:1fr}
  .user-side-stack{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:900px){
  .content{padding:14px}
  .user-kpi-grid,.user-side-stack{grid-template-columns:1fr}
  .user-filter-bar{grid-template-columns:1fr}
  .users-page-head{align-items:flex-start;display:block}
}
@media(max-width:560px){
  .delete-confirm-overlay{align-items:center;padding:16px}
  .delete-confirm-dialog{grid-template-columns:1fr}
  .delete-confirm-actions{display:grid;grid-template-columns:1fr 1fr}
}


/* AJAX speichern ohne Seitenreload */
.async-form-status{
  width:100%;margin:8px 0 0;padding:9px 11px;border-radius:10px;
  border:1px solid rgba(120,169,226,.16);background:rgba(70,146,232,.08);
  color:#eff6ff;font-size:13px;font-weight:850
}

/* Personalakten */
.personnel-kpis{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
.personnel-layout{display:grid;grid-template-columns:340px minmax(0,1fr);gap:16px;align-items:start}
.personnel-list-panel,.personnel-detail-panel .manage-panel{
  border-radius:16px;background:linear-gradient(180deg,var(--surface-strong),rgba(13,20,32,.96));
  border:1px solid var(--soft-line);box-shadow:0 16px 42px rgba(0,0,0,.24)
}
.personnel-list-panel{padding:14px;position:sticky;top:24px}
.personnel-search{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-bottom:12px}
.personnel-file-list{display:flex;flex-direction:column;gap:8px;max-height:calc(100vh - 290px);overflow:auto;padding-right:4px}
.personnel-file-item{
  display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px;
  border-radius:12px;text-decoration:none;color:#eff6ff;background:rgba(255,255,255,.018);
  border:1px solid rgba(120,169,226,.10);transition:border-color .15s ease,background .15s ease,transform .15s ease
}
.personnel-file-item:hover,.personnel-file-item.active{border-color:rgba(100,163,236,.36);background:rgba(70,146,232,.08);transform:translateY(-1px)}
.personnel-file-item.status-active{border-color:rgba(47,212,124,.18)}
.personnel-file-item.status-active:hover,.personnel-file-item.status-active.active{border-color:rgba(47,212,124,.46);background:rgba(47,212,124,.075)}
.personnel-file-item.status-suspended{border-color:rgba(240,82,82,.24)}
.personnel-file-item.status-suspended:hover,.personnel-file-item.status-suspended.active{border-color:rgba(240,82,82,.52);background:rgba(240,82,82,.085)}
.personnel-file-item.status-vacation{border-color:rgba(45,137,242,.24)}
.personnel-file-item.status-vacation:hover,.personnel-file-item.status-vacation.active{border-color:rgba(45,137,242,.52);background:rgba(45,137,242,.085)}
.personnel-file-item strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.personnel-file-item small{display:block;color:#79aae2;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.personnel-file-item em{font-style:normal;font-weight:900;color:#b5cfe9;background:rgba(70,146,232,.12);border:1px solid rgba(120,169,226,.14);border-radius:999px;padding:4px 8px}
.employee-status-dot{width:10px;height:10px;border-radius:999px;display:block;border:1px solid rgba(255,255,255,.24)}
.employee-status-dot.active{background:#2fd47c;box-shadow:0 0 0 5px rgba(47,212,124,.11),0 0 16px rgba(47,212,124,.72)}
.employee-status-dot.suspended{background:#f05252;box-shadow:0 0 0 5px rgba(240,82,82,.11),0 0 16px rgba(240,82,82,.72)}
.employee-status-dot.vacation{background:#2d89f2;box-shadow:0 0 0 5px rgba(45,137,242,.12),0 0 16px rgba(45,137,242,.72)}
.personnel-detail-panel{display:flex;flex-direction:column;gap:16px;min-width:0}
.personnel-profile{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:18px}
.personnel-profile-main{display:flex;gap:14px;align-items:center;min-width:0}
.avatar-dot.large{width:58px;height:58px;border-radius:18px;font-size:22px}
.personnel-profile h2{margin:2px 0 6px;color:#fff;font-size:26px}
.personnel-profile-meta{display:grid;grid-template-columns:repeat(4,max-content);gap:12px;align-items:center}
.personnel-profile-meta span:not(.status-chip){display:flex;flex-direction:column;gap:3px;padding:9px 11px;border-radius:12px;background:rgba(255,255,255,.025);border:1px solid rgba(120,169,226,.10)}
.personnel-profile-meta small{color:#79aae2;font-size:11px;text-transform:uppercase;letter-spacing:.6px}
.personnel-profile-meta strong{color:#eff6ff}
.personnel-note-panel,.personnel-timeline-panel,.personnel-promotions-panel,.personnel-empty{padding:16px}
.personnel-note-form{display:grid;grid-template-columns:170px minmax(220px,320px) minmax(0,1fr) auto;gap:10px;align-items:end}
.personnel-note-form label{display:flex;flex-direction:column;gap:6px;color:#eff6ff;font-weight:800;font-size:12px}
.personnel-note-form textarea{min-height:40px;resize:vertical}
.personnel-dossier-panel{padding:16px}
.dossier-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:14px;margin-top:14px}
.dossier-menu{display:flex;flex-direction:column;gap:8px;padding:8px;border-radius:14px;background:rgba(11,18,28,.34);border:1px solid rgba(120,169,226,.12)}
.dossier-tab{
  display:grid;grid-template-columns:38px minmax(0,1fr);grid-template-areas:"icon title" "icon meta";
  gap:2px 10px;align-items:center;width:100%;padding:10px;border-radius:12px;text-align:left;
  background:rgba(255,255,255,.018);border:1px solid rgba(120,169,226,.12);color:#eff6ff;cursor:pointer
}
.dossier-tab:hover,.dossier-tab.active{border-color:rgba(99,163,236,.48);background:rgba(70,146,232,.10)}
.dossier-tab span{grid-area:icon;width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:rgba(70,146,232,.16);color:#eff6ff;font-size:11px;font-weight:1000}
.dossier-tab strong{grid-area:title;font-size:14px}
.dossier-tab small{grid-area:meta;color:#79aae2;font-size:11px}
.dossier-editor{min-width:0}
.dossier-panel{display:none;border-radius:14px;padding:14px;background:rgba(255,255,255,.018);border:1px solid rgba(120,169,226,.12)}
.dossier-panel.is-active{display:block}
.dossier-panel-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:14px}
.dossier-panel-head>div{display:flex;gap:12px;align-items:flex-start}
.dossier-panel-head h3{margin:0 0 5px;color:#fff;font-size:18px}
.dossier-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,#408ee7,#5696df);color:#fff;font-weight:1000;font-size:12px;flex:0 0 auto}
.dossier-compose{display:flex;flex-direction:column;gap:10px;margin-bottom:14px}
.dossier-compose-row{display:grid;grid-template-columns:minmax(0,1fr) 170px;gap:10px}
.dossier-compose label{display:flex;flex-direction:column;gap:6px;color:#eff6ff;font-weight:800;font-size:12px}
.dossier-compose textarea{min-height:138px;resize:vertical}
.dossier-compose .btn{align-self:flex-end}
.dossier-icon.training{background:linear-gradient(145deg,#599deb,#2b80e1);box-shadow:0 12px 28px rgba(83,153,234,.24)}
.training-dossier-panel{overflow:hidden;border-color:rgba(109,169,237,.20);background:radial-gradient(circle at 8% 0,rgba(82,146,220,.08),transparent 30%),rgba(255,255,255,.018)}
.training-module-compose{position:relative;padding:14px;border:1px solid rgba(89,157,234,.24);border-radius:16px;background:linear-gradient(145deg,rgba(37,59,91,.68),rgba(21,32,50,.78));box-shadow:0 18px 38px rgba(0,0,0,.14)}
.training-module-compose:before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(173,201,230,.035) 1px,transparent 1px),linear-gradient(rgba(173,201,230,.03) 1px,transparent 1px);background-size:50px 50px;mask-image:linear-gradient(180deg,#000,transparent 86%)}
.training-compose-head{position:relative;display:grid;grid-template-columns:38px minmax(0,1fr);gap:11px;align-items:center;padding-bottom:12px;border-bottom:1px solid rgba(173,201,230,.10)}
.training-compose-head>span,.training-note-head>span{width:36px;height:36px;display:grid;place-items:center;border:1px solid rgba(127,179,239,.24);border-radius:11px;background:linear-gradient(145deg,rgba(87,156,234,.23),rgba(43,128,225,.18));color:#bed5ec;font-size:10px;font-weight:1000}.training-compose-head small,.training-compose-head strong,.training-compose-head p{display:block}.training-compose-head small,.training-note-head small,.training-history-head small{color:#acc9e7;font-size:9px;font-weight:1000;letter-spacing:.7px;text-transform:uppercase}.training-compose-head strong,.training-note-head strong,.training-history-head strong{margin-top:3px;color:#eff6ff;font-size:15px}.training-compose-head p{margin:4px 0 0;color:#6fa4e0;font-size:11px;font-weight:600}
.training-module-grid{position:relative;display:grid;grid-template-columns:minmax(280px,1.2fr) minmax(300px,1fr) 165px;gap:10px;align-items:start}
.training-module-field,.training-status-field{display:flex;flex-direction:column;gap:6px;min-width:0}.training-field-label,.training-date-field,.training-module-note{color:#eff6ff;font-size:12px;font-weight:800}
.training-module-picker.is-open{z-index:2}.practical-exam-trigger-icon.training-module-trigger-icon{background:linear-gradient(145deg,rgba(87,156,234,.28),rgba(43,128,225,.24));border-color:rgba(172,201,231,.25);color:#eff6ff}.practical-exam-picker.training-module-picker.is-open .practical-exam-trigger.training-module-trigger{border-color:#75adee;box-shadow:0 0 0 3px rgba(87,156,234,.13),0 14px 30px rgba(0,0,0,.18)}.practical-exam-menu.training-module-menu{border-color:rgba(109,169,237,.32);background:linear-gradient(180deg,rgba(22,34,53,.995),rgba(14,22,34,.995))}.practical-exam-option-number.training-module-option-number{color:#bed4eb;background:rgba(87,156,234,.12);border-color:rgba(172,201,231,.15)}.practical-exam-option.training-module-option.is-selected .practical-exam-option-number.training-module-option-number{background:linear-gradient(145deg,#579cea,#2b80e1)}
.training-status-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.training-status-options label{position:relative;display:block!important;min-width:0}.training-status-options input{position:absolute;opacity:0;pointer-events:none}.training-status-options span{min-height:48px;display:grid;place-items:center;padding:7px 6px;border:1px solid rgba(120,169,226,.15);border-radius:11px;background:rgba(11,18,28,.48);color:#76a8e2;font-size:10px;font-weight:900;text-align:center;cursor:pointer;transition:border-color .16s ease,background .16s ease,color .16s ease,box-shadow .16s ease}.training-status-options label:hover span{border-color:rgba(120,169,226,.32);color:#eff6ff}.training-status-options .failed input:checked+span{border-color:rgba(255,72,94,.40);background:rgba(255,72,94,.11);color:#ff9aab;box-shadow:0 0 0 2px rgba(255,72,94,.06)}.training-status-options .passed input:checked+span{border-color:rgba(47,212,124,.42);background:rgba(47,212,124,.11);color:#76eaaa;box-shadow:0 0 0 2px rgba(47,212,124,.06)}.training-status-options .recognized input:checked+span{border-color:rgba(80,151,233,.44);background:rgba(80,151,233,.11);color:#adc9e6;box-shadow:0 0 0 2px rgba(80,151,233,.06)}.training-status-options input:focus-visible+span{outline:2px solid #69a6ec;outline-offset:2px}
.training-date-field{display:flex!important;flex-direction:column;gap:6px!important}.training-date-field input{min-height:48px}.training-module-note{position:relative;display:flex!important;flex-direction:column;gap:6px!important}.training-module-compose textarea{min-height:86px;background:rgba(10,16,25,.66)}
.training-compose-footer{position:relative;display:flex;align-items:center;justify-content:space-between;gap:14px}.training-compose-footer>span{display:flex;align-items:center;gap:8px;color:#5e99dd;font-size:11px;font-weight:600}.training-compose-footer>span b{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:rgba(87,156,234,.14);color:#bed4eb;font-size:9px}.training-compose-footer .btn{align-self:auto;box-shadow:0 14px 30px rgba(70,146,232,.18)}
.training-note-compose{padding:13px;border:1px solid rgba(120,169,226,.13);border-radius:15px;background:rgba(11,18,28,.36)}.training-note-head{display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;align-items:center;margin-bottom:2px}.training-note-head>span{background:rgba(70,146,232,.11);border-color:rgba(101,164,236,.17);color:#acc9e7}.training-note-head small{color:#5694db}
.training-history-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:18px 0 10px;padding-top:15px;border-top:1px solid rgba(120,169,226,.11)}.training-history-head>div{display:flex;flex-direction:column}.training-history-head>span{padding:6px 9px;border:1px solid rgba(120,169,226,.14);border-radius:9px;background:rgba(70,146,232,.08);color:#adc9e6;font-size:10px;font-weight:900}.training-history-entry .timeline-dot{background:#75adee;box-shadow:0 0 0 4px rgba(117,173,238,.13)}.training-history-entry .dossier-entry-card{border-color:rgba(111,165,226,.16);background:linear-gradient(145deg,rgba(15,24,37,.88),rgba(21,32,50,.74));box-shadow:0 12px 26px rgba(0,0,0,.13)}.training-history-entry .dossier-entry-card:hover{border-color:rgba(113,171,238,.30)}
.dossier-icon.practical{background:linear-gradient(135deg,#1a6fd1,#4692e8);box-shadow:0 12px 28px rgba(26,111,209,.20)}
.practical-report-compose{
  padding:14px;margin-bottom:16px;border:1px solid rgba(43,130,229,.22);border-radius:16px;
  background:linear-gradient(135deg,rgba(43,130,229,.075),rgba(70,146,232,.045))
}
.practical-report-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:10px;align-items:start}
.practical-report-grid .practical-exam-field{grid-column:span 6}
.practical-report-grid .practical-date-field{grid-column:span 3}
.practical-report-grid .practical-result-field{grid-column:span 3}
.practical-report-grid .practical-examiner-field{grid-column:1/-1}
.practical-exam-field{display:flex;flex-direction:column;gap:6px;min-width:0;color:#eff6ff;font-size:12px;font-weight:800}
.practical-field-label{display:block}
.practical-exam-picker{position:relative;min-width:0}
.practical-exam-native{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;opacity:0!important;pointer-events:none!important}
.practical-exam-trigger{width:100%;min-height:48px;display:grid;grid-template-columns:42px minmax(0,1fr) 18px;gap:10px;align-items:center;padding:6px 11px 6px 7px;border:1px solid rgba(89,157,234,.35);border-radius:12px;background:linear-gradient(145deg,rgba(20,31,49,.98),rgba(14,21,33,.98));color:#eff6ff;text-align:left;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.04);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.practical-exam-trigger:hover{border-color:rgba(43,130,229,.62);box-shadow:0 0 0 3px rgba(43,130,229,.06),inset 0 1px 0 rgba(255,255,255,.05)}
.practical-exam-picker.is-open .practical-exam-trigger,.practical-exam-trigger:focus-visible{outline:none;border-color:#3786e0;box-shadow:0 0 0 3px rgba(43,130,229,.13),0 14px 30px rgba(0,0,0,.18)}
.practical-exam-trigger.is-invalid{border-color:#ff5b70;box-shadow:0 0 0 3px rgba(255,72,94,.12)}
.practical-exam-trigger-icon{width:38px;height:34px;display:grid;place-items:center;border:1px solid rgba(43,130,229,.22);border-radius:10px;background:linear-gradient(145deg,rgba(43,130,229,.21),rgba(47,124,212,.22));color:#bad2ea;font-size:10px;font-weight:1000}
.practical-exam-trigger-copy{display:block;min-width:0}.practical-exam-trigger-copy small,.practical-exam-trigger-copy strong{display:block}.practical-exam-trigger-copy small{margin-bottom:3px;color:#4c8ed9;font-size:9px;font-weight:900;letter-spacing:.55px;text-transform:uppercase}.practical-exam-trigger-copy strong{overflow:hidden;color:#eff6ff;font-size:12px;text-overflow:ellipsis;white-space:nowrap}
.practical-exam-chevron{width:8px;height:8px;border-right:2px solid #74a7e2;border-bottom:2px solid #74a7e2;transform:rotate(45deg) translateY(-2px);transition:transform .18s ease}.practical-exam-picker.is-open .practical-exam-chevron{transform:rotate(225deg) translate(-2px,-2px)}
.practical-exam-menu{width:100%;margin-top:8px;overflow:hidden;border:1px solid rgba(75,145,225,.31);border-radius:16px;background:linear-gradient(180deg,rgba(18,28,44,.995),rgba(12,20,30,.995));box-shadow:0 18px 42px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.045)}
.practical-exam-menu[hidden]{display:none}
.practical-exam-search{display:grid!important;grid-template-columns:30px minmax(0,1fr)!important;align-items:center;margin:10px;padding:4px 8px!important;border:1px solid rgba(89,157,234,.23);border-radius:11px;background:rgba(9,15,23,.72)}
.practical-exam-search>span{display:grid;place-items:center;color:#6ca2e0;font-size:19px}.practical-exam-search input{min-width:0;padding:7px 4px!important;border:0!important;background:transparent!important;box-shadow:none!important;color:#eff6ff}.practical-exam-search input::placeholder{color:#3e85d6}
.practical-exam-options{max-height:min(320px,40vh);padding:0 8px 8px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#2970c2 transparent}
.practical-exam-option{width:100%;display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:10px;align-items:center;padding:9px 10px;border:1px solid transparent;border-radius:12px;background:transparent;color:inherit;text-align:left;white-space:normal!important;cursor:pointer;transition:background .14s ease,border-color .14s ease,transform .14s ease}
.practical-exam-option:hover,.practical-exam-option:focus-visible{outline:none;border-color:rgba(74,144,224,.24);background:rgba(39,112,195,.16);transform:translateX(2px)}.practical-exam-option.is-selected{border-color:rgba(43,130,229,.35);background:linear-gradient(90deg,rgba(43,130,229,.14),rgba(47,124,212,.08))}
.practical-exam-option-number{width:38px;height:36px;display:grid;place-items:center;border:1px solid rgba(101,164,236,.14);border-radius:10px;background:rgba(70,146,232,.11);color:#acc9e7;font-size:10px;font-weight:1000}.practical-exam-option.is-selected .practical-exam-option-number{background:linear-gradient(145deg,#1a6fd1,#2b7bd7);color:#fff}
.practical-exam-option-copy{min-width:0}.practical-exam-option-copy strong,.practical-exam-option-copy small{display:block}.practical-exam-option-copy strong{color:#eff6ff;font-size:12px;line-height:1.35;overflow-wrap:anywhere}.practical-exam-option-copy small{margin-top:3px;color:#4388d7;font-size:9px;font-weight:700;line-height:1.35;overflow-wrap:anywhere}
.practical-exam-option-action{padding:5px 8px;border:1px solid rgba(101,164,236,.15);border-radius:8px;background:rgba(70,146,232,.09);color:#b3cee9;font-size:9px;font-weight:900}
.practical-exam-empty{display:flex;flex-direction:column;align-items:center;gap:4px;padding:25px 12px;color:#eff6ff;text-align:center}.practical-exam-empty[hidden]{display:none}.practical-exam-empty span{color:#468ad8;font-size:11px}
.practical-exam-menu-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 12px;border-top:1px solid rgba(91,151,220,.12);background:rgba(255,255,255,.018);color:#4388d7;font-size:9px}.practical-exam-menu-footer span{color:#6fa4e0;font-size:10px;font-weight:900}
.practical-report-head-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;flex-wrap:wrap}
.practical-file-field{
  display:grid!important;grid-template-columns:44px minmax(220px,1fr) minmax(220px,.8fr);gap:12px!important;
  align-items:center;padding:11px 12px;border-radius:14px;border:1px dashed rgba(173,201,230,.28);
  background:rgba(11,18,28,.36);cursor:pointer
}
.practical-file-field:hover{border-color:rgba(43,130,229,.52);background:rgba(43,130,229,.055)}
.practical-file-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:rgba(43,130,229,.14);color:#b3cee9;font-size:22px;font-weight:1000}
.practical-file-field>span:nth-child(2) strong,.practical-file-field>span:nth-child(2) small{display:block}
.practical-file-field>span:nth-child(2) small{margin-top:3px;color:#6fa4e1;font-weight:600}
.practical-file-field input{min-width:0;padding:9px;background:rgba(255,255,255,.025)}
.practical-report-submit{display:flex;justify-content:space-between;gap:14px;align-items:center}
.practical-report-submit .btn{align-self:auto}
.practical-report-list{display:flex;flex-direction:column;gap:12px}
.practical-report-card{
  padding:14px;border-radius:15px;border:1px solid rgba(120,169,226,.14);
  background:linear-gradient(145deg,rgba(16,25,38,.78),rgba(20,31,49,.62));box-shadow:0 14px 32px rgba(0,0,0,.16)
}
.practical-report-card-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}
.practical-report-card h3{margin:8px 0 4px;color:#fff;font-size:18px}
.practical-report-card-head small{color:#5f9add}
.practical-report-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0}
.practical-report-meta span{display:flex;flex-direction:column;gap:4px;padding:9px 10px;border-radius:11px;background:rgba(255,255,255,.026);border:1px solid rgba(120,169,226,.10);min-width:0}
.practical-report-meta small{color:#619bdd;text-transform:uppercase;letter-spacing:.5px;font-size:10px}
.practical-report-meta strong{color:#eff6ff;overflow-wrap:anywhere}
.practical-report-card>p{margin:0;padding-top:11px;border-top:1px solid rgba(120,169,226,.10);color:#b7d1ea;line-height:1.6}
.practical-download{border-color:rgba(43,130,229,.28)!important;color:#b3cee9!important}
.dossier-entry-list{display:flex;flex-direction:column;gap:10px}
.dossier-entry{display:grid;grid-template-columns:20px minmax(0,1fr);gap:10px;position:relative}
.dossier-entry .timeline-dot{width:10px;height:10px;border-radius:50%;background:#5ea0eb;margin:18px auto 0;box-shadow:0 0 0 4px rgba(94,160,235,.12)}
.dossier-entry-card{padding:12px;border-radius:12px;background:rgba(11,18,28,.42);border:1px solid rgba(120,169,226,.12)}
.timeline-entry-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:8px}
.timeline-entry-head strong{display:block;color:#fff}.timeline-entry-head small{color:#619bdd}
.dossier-entry-actions{display:flex;gap:8px;align-items:center;justify-content:flex-end;flex-wrap:wrap}
.dossier-entry-actions form{margin:0}
.dossier-entry-card p{margin:0;color:#b7d1ea;line-height:1.5}
.timeline-empty{padding:14px;border-radius:12px;background:rgba(255,255,255,.02);border:1px dashed rgba(120,169,226,.18);color:#eff6ff}
.timeline-empty p{margin:5px 0 0}
.personnel-timeline{display:flex;flex-direction:column;gap:12px;margin-top:12px}
.personnel-entry{display:grid;grid-template-columns:110px minmax(0,1fr);gap:14px;position:relative}
.personnel-entry-date{padding-top:8px;color:#77a9e2}
.personnel-entry-date strong{display:block;color:#eff6ff}
.personnel-entry-date span{font-size:12px}
.personnel-entry-body{border-radius:14px;padding:13px 14px;background:rgba(255,255,255,.022);border:1px solid rgba(120,169,226,.12)}
.personnel-entry-body h3{margin:9px 0 6px;color:#fff;font-size:17px}
.personnel-entry-body p{margin:0 0 8px;color:#b7d1ea;line-height:1.5}
.personnel-entry-body small{color:#619bdd}
.personnel-promotion-list,.promotion-card-list{display:flex;flex-direction:column;gap:12px;margin-top:12px}
.personnel-promotion-item,.promotion-card{
  border-radius:14px;padding:14px;background:rgba(255,255,255,.022);
  border:1px solid rgba(120,169,226,.12)
}
.personnel-promotion-item h3,.promotion-card h3{margin:9px 0 6px;color:#fff}
.personnel-promotion-item p,.promotion-card p{margin:6px 0;color:#b7d1ea;line-height:1.5}
.personnel-promotion-item small,.promotion-card small{color:#619bdd}
.promotion-create-panel,.promotion-list-panel{padding:16px;margin-bottom:16px}
.promotion-request-panel{
  position:relative;overflow:hidden;padding:20px;
  background:
    radial-gradient(circle at 8% -10%,rgba(70,146,232,.34),transparent 30%),
    radial-gradient(circle at 92% 100%,rgba(91,158,235,.20),transparent 34%),
    linear-gradient(180deg,rgba(24,38,59,.98),rgba(14,22,34,.98))!important;
  border-color:rgba(113,171,237,.24)!important;
  box-shadow:0 26px 70px rgba(0,0,0,.32),inset 0 1px rgba(255,255,255,.06)
}
.promotion-request-panel:before{
  content:'';position:absolute;inset:0;
  background:
    linear-gradient(90deg,rgba(173,201,230,.055) 1px,transparent 1px),
    linear-gradient(rgba(173,201,230,.045) 1px,transparent 1px),
    linear-gradient(135deg,rgba(173,201,230,.10),transparent 26%,transparent 74%,rgba(91,158,235,.10));
  background-size:64px 64px,64px 64px,100% 100%;
  mask-image:linear-gradient(180deg,#000,rgba(0,0,0,.72));
  pointer-events:none
}
.promotion-request-head{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:flex-start;margin-bottom:18px}
.promotion-request-badge{
  width:52px;height:52px;display:grid;place-items:center;border-radius:16px;
  background:linear-gradient(135deg,#4692e8,#5696df);border:1px solid rgba(173,201,230,.26);
  color:#fff;font-weight:1000;box-shadow:0 18px 38px rgba(70,146,232,.28)
}
.promotion-request-badge.promotion-request-logo{
  width:58px;height:58px;padding:2px;border-radius:18px;overflow:hidden;
  background:radial-gradient(circle at 50% 42%,rgba(81,152,234,.28),rgba(16,26,40,.92) 68%);
  border-color:rgba(75,147,229,.38);box-shadow:0 18px 42px rgba(0,0,0,.28),0 0 28px rgba(70,146,232,.20)
}
.promotion-request-logo img{width:100%;height:100%;display:block;object-fit:contain;filter:drop-shadow(0 6px 12px rgba(0,0,0,.35))}
.promotion-request-badge.danger{background:linear-gradient(135deg,#ff6a6a,#8a1f38);border-color:rgba(255,129,129,.34);box-shadow:0 18px 38px rgba(240,82,82,.24)}
.promotion-request-head h2{margin:3px 0 6px}
.promotion-request-steps{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.promotion-request-steps span{
  display:inline-flex;align-items:center;gap:7px;padding:7px 9px;border-radius:999px;
  background:rgba(11,18,28,.42);border:1px solid rgba(120,169,226,.15);
  color:#eff6ff;font-size:12px;font-weight:900
}
.promotion-request-steps b{
  display:grid;place-items:center;width:24px;height:24px;border-radius:999px;
  background:rgba(70,146,232,.18);color:#acc9e7;font-size:10px
}
.promotion-create-form{position:relative;display:grid;grid-template-columns:minmax(260px,1.05fr) minmax(260px,1fr);gap:12px;align-items:stretch}
.promotion-create-form label,.promotion-decision-form label{display:flex;flex-direction:column;gap:7px;color:#eff6ff;font-weight:800;font-size:12px}
.promotion-lock-panel{border-color:rgba(240,82,82,.24);background:linear-gradient(145deg,rgba(18,29,45,.78),rgba(13,20,31,.94))}
.promotion-lock-panel:before{background:radial-gradient(circle at 8% 0%,rgba(240,82,82,.16),transparent 40%)}
.promotion-lock-form{position:relative;display:grid;grid-template-columns:minmax(240px,1fr) 210px;gap:12px}
.promotion-lock-form label{display:flex;flex-direction:column;gap:7px;color:#ffd6d6;font-weight:850;font-size:12px}
.promotion-lock-form label.wide{grid-column:1/-1}
.promotion-lock-form select,.promotion-lock-form input,.promotion-lock-form textarea{border-radius:12px;background:rgba(9,14,22,.78)}
.promotion-lock-form textarea{min-height:94px}
.promotion-lock-form .promotion-request-actions{grid-column:1/-1}
.promotion-field-card{
  position:relative;padding:13px 13px 13px 58px;border-radius:16px;
  background:linear-gradient(180deg,rgba(15,23,36,.78),rgba(11,17,27,.82));
  border:1px solid rgba(120,169,226,.17);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 12px 28px rgba(0,0,0,.14)
}
.promotion-field-card:before{
  content:'ID';position:absolute;left:13px;top:37px;width:32px;height:32px;
  display:grid;place-items:center;border-radius:11px;
  background:rgba(70,146,232,.14);border:1px solid rgba(99,163,236,.25);
  color:#b5cfe9;font-size:10px;font-weight:1000;letter-spacing:.5px
}
.promotion-field-card.field-rank:before{content:'RG'}
.promotion-field-card.field-wide:before{content:'TX'}
.promotion-field-card:hover{border-color:rgba(99,163,236,.34);background:linear-gradient(180deg,rgba(18,29,45,.84),rgba(11,17,27,.86))}
.promotion-field-card>span{display:block;margin-bottom:5px;color:#eff6ff;font-weight:1000;letter-spacing:.2px}
.promotion-field-card select,.promotion-field-card input,.promotion-field-card textarea{border-radius:12px;background:rgba(9,14,22,.78)}
.promotion-native-user-select,.promotion-native-rank-select{
  position:absolute!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;
  overflow:hidden!important;opacity:0!important;pointer-events:none!important
}
.promotion-officer-picker{min-height:0}
.promotion-officer-picker.has-error,.promotion-rank-picker.has-error{border-color:rgba(240,82,82,.58);box-shadow:0 0 0 1px rgba(240,82,82,.18),0 14px 34px rgba(240,82,82,.10)}
.promotion-officer-search{height:38px;margin-bottom:9px}
.promotion-officer-list{display:flex;flex-direction:column;gap:7px;max-height:254px;overflow:auto;padding-right:4px}
.promotion-officer-option{
  width:100%;display:grid;grid-template-columns:54px minmax(0,1fr) auto auto;gap:10px;align-items:center;
  min-height:58px;padding:8px;border-radius:12px;text-align:left;color:#eff6ff;
  background:rgba(11,18,28,.44);border:1px solid rgba(120,169,226,.13);
  box-shadow:none;cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .15s ease
}
.promotion-officer-option:hover,.promotion-officer-option.is-selected{transform:translateY(-1px);border-color:rgba(99,163,236,.52);background:rgba(70,146,232,.105)}
.promotion-officer-option.is-filtered-out{display:none!important}
.promotion-officer-option.status-active{border-color:rgba(47,212,124,.20)}
.promotion-officer-option.status-active:hover,.promotion-officer-option.status-active.is-selected{border-color:rgba(47,212,124,.52);background:rgba(47,212,124,.08)}
.promotion-officer-option.status-suspended{border-color:rgba(240,82,82,.26)}
.promotion-officer-option.status-suspended:hover,.promotion-officer-option.status-suspended.is-selected{border-color:rgba(240,82,82,.56);background:rgba(240,82,82,.09)}
.promotion-officer-option.status-vacation{border-color:rgba(45,137,242,.26)}
.promotion-officer-option.status-vacation:hover,.promotion-officer-option.status-vacation.is-selected{border-color:rgba(45,137,242,.56);background:rgba(45,137,242,.09)}
.promotion-officer-option.is-selected{box-shadow:0 0 0 1px rgba(173,201,230,.22),0 16px 34px rgba(70,146,232,.14)}
.promotion-officer-option.is-disabled{opacity:.58;cursor:not-allowed;transform:none!important}
.promotion-officer-empty{
  padding:14px;border-radius:14px;border:1px dashed rgba(173,201,230,.22);
  background:rgba(11,17,26,.38);color:#87b3e5;font-weight:850;text-align:center;
}
.promotion-officer-badge{
  width:48px;height:40px;display:grid;place-items:center;border-radius:11px;
  background:linear-gradient(135deg,#4692e8,#2877d1);color:#fff;font-size:13px;font-weight:1000
}
.promotion-officer-copy{min-width:0}.promotion-officer-copy strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.promotion-officer-copy small{display:block;margin-top:3px;color:#adc9e6;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.promotion-officer-action{
  padding:5px 8px;border-radius:999px;background:rgba(70,146,232,.13);border:1px solid rgba(120,169,226,.18);
  color:#eff6ff;font-size:11px;font-weight:900;white-space:nowrap
}
.promotion-rank-picker{min-height:0}
.promotion-rank-picker-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 9px}
.promotion-rank-picker-head>span{color:#eff6ff;font-weight:1000;letter-spacing:.2px}
.promotion-rank-picker-head small{
  max-width:54%;padding:5px 8px;border-radius:999px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  background:rgba(70,146,232,.10);border:1px solid rgba(120,169,226,.16);color:#b3cee9;font-size:10px;font-weight:900
}
.promotion-rank-list{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;max-height:254px;overflow:auto;padding-right:4px
}
.promotion-rank-list::-webkit-scrollbar,.promotion-officer-list::-webkit-scrollbar{width:8px}
.promotion-rank-list::-webkit-scrollbar-thumb,.promotion-officer-list::-webkit-scrollbar-thumb{background:rgba(65,135,215,.36);border-radius:10px}
.promotion-rank-option{
  width:100%;min-width:0;min-height:58px;display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:8px;align-items:center;
  padding:8px!important;border-radius:12px!important;text-align:left;color:#eff6ff!important;
  background:linear-gradient(180deg,rgba(16,26,40,.74),rgba(12,18,28,.80))!important;
  border:1px solid rgba(120,169,226,.14)!important;box-shadow:none!important;cursor:pointer;
  transition:border-color .15s ease,background .15s ease,transform .15s ease,box-shadow .15s ease
}
.promotion-rank-option[hidden]{display:none!important}
.promotion-rank-option:hover{transform:translateY(-1px);border-color:rgba(99,163,236,.46)!important;background:rgba(70,146,232,.09)!important}
.promotion-rank-option.is-selected{
  border-color:rgba(67,220,145,.56)!important;background:linear-gradient(180deg,rgba(47,212,124,.17),rgba(8,46,32,.28))!important;
  box-shadow:0 0 0 1px rgba(47,212,124,.10),0 12px 26px rgba(12,91,56,.12)!important
}
.promotion-rank-badge{
  width:36px;height:36px;display:grid;place-items:center;border-radius:10px;
  background:linear-gradient(135deg,#3d8ce7,#2b75ca);border:1px solid rgba(173,201,230,.20);color:#fff;font-size:10px;font-weight:1000
}
.promotion-rank-option.is-selected .promotion-rank-badge{background:linear-gradient(135deg,#35d785,#168e55)}
.promotion-rank-copy{min-width:0}.promotion-rank-copy strong,.promotion-rank-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.promotion-rank-copy strong{font-size:11px}.promotion-rank-copy small{margin-top:3px;color:#659dde;font-size:9px}
.promotion-rank-check{
  padding:5px 7px;border-radius:999px;background:rgba(70,146,232,.10);border:1px solid rgba(120,169,226,.16);
  color:#bdd4eb;font-size:9px;font-weight:1000;white-space:nowrap
}
.promotion-rank-option.is-selected .promotion-rank-check{color:#82f2b8;background:rgba(47,212,124,.12);border-color:rgba(47,212,124,.26)}
.promotion-rank-empty{
  grid-column:1/-1;min-height:126px;display:grid;place-items:center;padding:18px;border-radius:14px;
  border:1px dashed rgba(173,201,230,.22);background:rgba(11,17,26,.38);color:#87b3e5;font-weight:850;text-align:center
}
.promotion-rank-empty[hidden]{display:none!important}
.promotion-create-form .field-wide{grid-column:1 / -1}
.promotion-create-form textarea{min-height:86px}
.promotion-request-actions{
  grid-column:1 / -1;display:flex;justify-content:space-between;gap:14px;align-items:center;
  margin-top:2px;padding:13px 14px;border-radius:16px;
  background:linear-gradient(90deg,rgba(70,146,232,.08),rgba(91,158,235,.08));
  border:1px solid rgba(120,169,226,.13)
}
.promotion-request-actions .btn{min-width:190px;min-height:44px;border-radius:13px}
.promotion-filter-bar{display:grid;grid-template-columns:minmax(220px,1fr) 180px auto;gap:10px;margin:12px 0 14px}
.promotion-card{padding:16px}
.promotion-card.locked{border-color:rgba(233,76,98,.28);background:linear-gradient(180deg,rgba(80,18,30,.20),rgba(255,255,255,.018))}
.promotion-card-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}
.promotion-chip-row,.promotion-history-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.promotion-rank-flow{display:flex;align-items:center;gap:12px;margin:12px 0;padding:12px;border-radius:12px;background:rgba(70,146,232,.07);border:1px solid rgba(120,169,226,.12)}
.promotion-rank-flow span{font-weight:900;color:#eff6ff}.promotion-rank-flow strong{color:#adc9e6}
.promotion-meta-grid{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:8px;margin:10px 0}
.promotion-meta-grid span{display:flex;flex-direction:column;gap:3px;padding:8px 10px;border-radius:10px;background:rgba(255,255,255,.025);border:1px solid rgba(120,169,226,.10)}
.promotion-meta-grid small{font-size:11px;text-transform:uppercase;letter-spacing:.5px}.promotion-meta-grid strong{color:#eff6ff;font-size:13px}
.promotion-lock-box{margin:10px 0;padding:11px 12px;border-radius:12px;background:rgba(233,76,98,.12);border:1px solid rgba(233,76,98,.26);color:#ffd5db}
.promotion-decision-grid{display:grid;grid-template-columns:1fr 1.35fr;gap:10px;margin-top:12px}
.promotion-decision-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:end;padding:10px;border-radius:12px;background:rgba(255,255,255,.02);border:1px solid rgba(120,169,226,.10)}
.promotion-decision-form.reject{grid-template-columns:minmax(0,1.2fr) auto auto minmax(0,1fr) auto}
.promotion-delete-open-form{grid-column:1/-1;display:flex;justify-content:flex-end;padding-top:2px}
.check-row{flex-direction:row!important;align-items:center!important;gap:8px!important;white-space:nowrap}
.promotion-history-actions{margin-top:12px}
@media(max-width:1180px){
  .personnel-layout{grid-template-columns:1fr}
  .dossier-layout{grid-template-columns:1fr}
  .dossier-menu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .personnel-list-panel{position:static}
  .personnel-file-list{max-height:none}
  .personnel-profile{align-items:flex-start;flex-direction:column}
  .personnel-profile-meta{grid-template-columns:repeat(2,minmax(0,1fr));width:100%}
  .promotion-create-form{grid-template-columns:1fr 1fr}
  .promotion-create-form .field-wide,.promotion-request-actions{grid-column:1 / -1}
  .promotion-request-head{grid-template-columns:auto minmax(0,1fr)}
  .promotion-request-steps{grid-column:1 / -1;justify-content:flex-start}
  .promotion-filter-bar,.promotion-decision-grid,.promotion-decision-form,.promotion-decision-form.reject{grid-template-columns:1fr}
  .promotion-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  .personnel-kpis{grid-template-columns:1fr}
  .personnel-search,.personnel-note-form{grid-template-columns:1fr}
  .dossier-menu,.dossier-compose-row,.training-module-grid{grid-template-columns:1fr}
  .training-status-options{grid-template-columns:1fr}
  .training-status-options span{min-height:42px}
  .training-compose-footer{align-items:stretch;flex-direction:column}
  .training-compose-footer .btn{width:100%}
  .training-history-head{align-items:flex-start}
  .practical-report-grid{grid-template-columns:1fr}
  .practical-report-grid .practical-exam-field,.practical-report-grid .practical-date-field,.practical-report-grid .practical-result-field,.practical-report-grid .practical-examiner-field{grid-column:auto}
  .practical-exam-option{grid-template-columns:40px minmax(0,1fr)}
  .practical-exam-option-action{grid-column:2;justify-self:start}
  .practical-exam-menu-footer small{display:none}
  .practical-file-field{grid-template-columns:44px minmax(0,1fr)!important}
  .practical-file-field input{grid-column:1/-1;width:100%}
  .practical-report-submit,.practical-report-card-head{align-items:flex-start;flex-direction:column}
  .practical-report-submit .btn{width:100%}
  .practical-report-meta{grid-template-columns:1fr}
  .personnel-entry{grid-template-columns:1fr;gap:6px}
  .timeline-entry-head{flex-direction:column}
  .dossier-entry-actions{justify-content:flex-start}
  .personnel-profile-meta{grid-template-columns:1fr}
  .promotion-create-form{grid-template-columns:1fr}
  .promotion-request-head,.promotion-request-actions{flex-direction:column;align-items:flex-start}
  .promotion-request-head{display:flex}
  .promotion-field-card{padding-left:13px}
  .promotion-field-card:before{position:static;margin-bottom:7px}
  .promotion-rank-list{grid-template-columns:1fr}
  .promotion-request-actions .btn{width:100%}
  .promotion-card-head{flex-direction:column}
  .promotion-meta-grid{grid-template-columns:1fr}
}
.async-form-status.success{
  border-color:rgba(47,212,124,.28);background:rgba(47,212,124,.10);color:#c9ffdf
}
.async-form-status.error{
  border-color:rgba(233,76,98,.34);background:rgba(233,76,98,.12);color:#ffd2d9
}
.result-ajax-notice{
  position:sticky;top:10px;z-index:20;margin:0 0 12px;box-shadow:0 14px 36px rgba(0,0,0,.28)
}

/* Navigation Kürzel */
.brand-mark{font-size:11px;letter-spacing:.4px}
.nav-icon{font-size:10px;letter-spacing:.4px}
.top-pill.date-pill>span:first-child{font-size:10px;letter-spacing:.4px}
.user-shield{font-size:11px;letter-spacing:.4px}

/* Schönere Dropdown-Menüs */
select{
  appearance:none;-webkit-appearance:none;
  padding-right:44px!important;cursor:pointer;
  background-image:
    linear-gradient(45deg,transparent 50%,#acc9e7 50%),
    linear-gradient(135deg,#acc9e7 50%,transparent 50%),
    linear-gradient(180deg,rgba(70,146,232,.12),rgba(70,146,232,.04));
  background-position:
    calc(100% - 22px) calc(50% + 1px),
    calc(100% - 16px) calc(50% + 1px),
    100% 0;
  background-size:6px 6px,6px 6px,42px 100%;
  background-repeat:no-repeat;
  box-shadow:inset 0 1px rgba(255,255,255,.035)
}
select:hover{
  border-color:rgba(99,163,236,.52);
  background-color:rgba(18,28,44,.92)
}
select:focus{
  border-color:#4692e8;
  box-shadow:0 0 0 4px rgba(70,146,232,.13),inset 0 1px rgba(255,255,255,.045)
}
select option{
  background:#111b2a;color:#eff6ff
}

/* Dashboard Refresh */
.dashboard-hero{
  margin:2px 0 18px;padding:10px 0 4px;align-items:center
}
.dashboard-hero h1{
  font-size:clamp(34px,4vw,54px);letter-spacing:-.04em;margin:4px 0 10px
}
.dashboard-hero .hero-sub{max-width:900px;color:#bfd6ec}
.dashboard-hero .hero-seal{
  right:24%;top:-26px;width:170px;height:170px;font-size:38px;opacity:.9
}
.dashboard-kpis{
  grid-template-columns:repeat(6,minmax(150px,1fr));gap:12px;margin-bottom:18px
}
.dashboard-kpis .kpi-card{
  min-height:132px;padding:16px;border-radius:17px;
  display:grid;grid-template-columns:52px minmax(0,1fr);grid-template-rows:auto 1fr;
  gap:10px 13px;background:linear-gradient(180deg,rgba(21,34,52,.92),rgba(13,20,32,.96));
  box-shadow:0 18px 48px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.05)
}
.dashboard-kpis .kpi-icon{
  width:52px;height:52px;border-radius:15px;margin:0;font-size:13px;letter-spacing:.5px
}
.dashboard-kpis .kpi-card h3{
  padding:0;margin:4px 0 0;min-height:0;font-size:15px;line-height:1.25
}
.dashboard-kpis .kpi-card p{
  grid-column:1 / -1;margin:0;font-size:38px;align-self:end
}
.dashboard-kpis .kpi-card .rank-big{font-size:29px;line-height:1.05}
.dashboard-kpis .sparkline{
  left:16px;right:16px;bottom:10px;height:22px;opacity:.7
}
.dashboard-panels{
  grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:18px
}
.dashboard-panels .panel{
  border-radius:18px;padding:18px;background:linear-gradient(180deg,rgba(20,31,48,.94),rgba(13,20,32,.97));
  box-shadow:0 18px 52px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.04)
}
.dashboard-panels .panel-head{margin-bottom:12px}
.dashboard-panels .panel-head h2{font-size:19px}
.dashboard-panels .mini-link{border-radius:11px;padding:8px 11px;background:rgba(70,146,232,.08)}
.dashboard-panels .table-wrap.clean{border-radius:14px;overflow:auto}
.dashboard-panels .compact-table{min-width:720px}
.dashboard-panels .compact-table th{
  font-size:11px;letter-spacing:.7px;background:rgba(70,146,232,.12)
}
.dashboard-panels .compact-table th,.dashboard-panels .compact-table td{
  padding:10px 12px
}
.dashboard-panels .activity-item{
  grid-template-columns:44px minmax(0,1fr) auto;padding:12px 0
}
.dashboard-panels .activity-dot{
  width:40px;height:40px;border-radius:14px;font-size:10px;letter-spacing:.5px
}
.dashboard-panels .activity-item p{color:#acc9e7}

/* Personalakte Verlauf - Karten */
.dossier-entry-list{gap:12px}
.dossier-entry{grid-template-columns:18px minmax(0,1fr);gap:12px}
.dossier-entry:before{
  content:'';position:absolute;left:8px;top:30px;bottom:-14px;width:1px;
  background:linear-gradient(180deg,rgba(94,160,235,.34),transparent)
}
.dossier-entry:last-child:before{display:none}
.dossier-entry .timeline-dot{
  width:12px;height:12px;margin-top:20px;background:#5ea0eb;
  box-shadow:0 0 0 5px rgba(94,160,235,.13),0 0 18px rgba(94,160,235,.55)
}
.dossier-entry-card{
  padding:14px 14px 13px;border-radius:15px;
  background:linear-gradient(180deg,rgba(15,24,37,.74),rgba(11,17,26,.82));
  border-color:rgba(120,169,226,.14);
  box-shadow:inset 0 1px rgba(255,255,255,.035)
}
.timeline-entry-head{
  align-items:flex-start;gap:14px;margin-bottom:10px
}
.timeline-entry-head>div:first-child{min-width:0}
.timeline-entry-head strong{
  font-size:15px;line-height:1.35;color:#fff
}
.timeline-entry-head small{
  display:block;margin-top:4px;color:#adc9e6;font-size:12px
}
.dossier-entry-actions{gap:7px;flex:0 0 auto}
.dossier-entry-actions .status-chip{
  min-height:30px;padding:6px 10px;border-radius:10px;
  background:rgba(70,146,232,.16);border-color:rgba(99,163,236,.34);
  color:#b5cfe9;font-size:12px
}
.dossier-delete-btn{
  min-height:30px;padding:7px 11px!important;border-radius:10px!important;
  box-shadow:0 10px 20px rgba(233,76,98,.16)!important
}
.dossier-entry-card p{
  color:#eff6ff;line-height:1.55;font-size:14px
}
@media(max-width:1500px){
  .dashboard-kpis{grid-template-columns:repeat(3,minmax(180px,1fr))}
  .dashboard-panels{grid-template-columns:1fr}
}
@media(max-width:760px){
  .dashboard-hero .hero-seal{display:none}
  .dashboard-kpis{grid-template-columns:1fr}
  .dashboard-kpis .kpi-card{min-height:118px}
  .dashboard-panels .activity-item{grid-template-columns:44px minmax(0,1fr)}
  .dashboard-panels .activity-item time{grid-column:2;text-align:left}
  .timeline-entry-head{flex-direction:column}
  .dossier-entry-actions{justify-content:flex-start}
}
.result-answer-card.flash-saved{
  border-color:rgba(47,212,124,.40)!important;
  box-shadow:0 0 0 1px rgba(47,212,124,.14),0 18px 44px rgba(0,0,0,.24)!important
}
button:disabled,.btn:disabled{
  opacity:.66;cursor:wait;transform:none!important;filter:none!important
}

.status-chip.suspended{
  color:#ff8585;background:rgba(240,82,82,.13);border:1px solid rgba(240,82,82,.32)
}
.status-chip.vacation{
  color:#6cacf6;background:rgba(45,137,242,.13);border:1px solid rgba(45,137,242,.32)
}
.status-chip.active{
  color:#31e98a;background:rgba(47,212,124,.13);border:1px solid rgba(47,212,124,.30)
}

/* Moderner Sidebar-Brand */
.brand.brand-modern{
  position:relative;align-items:center;gap:12px;margin:0 0 18px;padding:12px;
  border:1px solid rgba(173,201,230,.14);border-radius:18px;
  background:
    radial-gradient(circle at 18% 8%,rgba(70,146,232,.22),transparent 42%),
    linear-gradient(145deg,rgba(21,34,52,.78),rgba(11,18,28,.86));
  box-shadow:inset 0 1px rgba(255,255,255,.06),0 16px 38px rgba(0,0,0,.22)
}
.brand.brand-modern:after{
  content:'';position:absolute;left:12px;right:12px;bottom:-10px;height:1px;
  background:linear-gradient(90deg,transparent,rgba(173,201,230,.28),transparent)
}
.brand.brand-modern .brand-mark{
  width:42px;height:42px;min-width:42px;border-radius:14px;font-size:12px;letter-spacing:.7px;
  background:linear-gradient(145deg,#4e96e9,#3182df 58%,#5696df);
  box-shadow:0 0 28px rgba(70,146,232,.34),inset 0 1px rgba(255,255,255,.28)
}
.brand.brand-modern .brand-text{min-width:0}
.brand.brand-modern .brand-text small{
  display:inline-flex;margin-bottom:3px;color:#adc9e6;font-size:9px;font-weight:1000;
  letter-spacing:1.35px;text-transform:uppercase
}
.brand.brand-modern .brand-text strong{
  display:block;font-size:18px;line-height:1.05;letter-spacing:.1px;color:#fff;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap
}
.brand.brand-modern .brand-text span{
  display:block;margin-top:5px;color:#adc9e6;font-size:10px;line-height:1.25;
  letter-spacing:.5px;text-transform:none;font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis
}
.mobile-brand{letter-spacing:.2px}


/* Rollen & Rechte - moderner Admin-Look */
.permissions-head{
  align-items:center;padding-bottom:12px;margin-bottom:14px;
  border-bottom:1px solid rgba(120,169,226,.10)
}
.permissions-head h1{margin-bottom:6px}
.permissions-head .page-subtitle{max-width:780px;line-height:1.45}
.permissions-stats-grid{
  grid-template-columns:repeat(3,minmax(180px,1fr));gap:12px;margin-bottom:16px
}
.permissions-stats-grid .exam-stat-card{
  min-height:104px;border-radius:15px;padding:15px;
  background:linear-gradient(180deg,rgba(21,34,52,.88),rgba(14,22,35,.96));
  border-color:rgba(120,169,226,.16);box-shadow:0 12px 32px rgba(0,0,0,.22)
}
.permissions-stats-grid .exam-stat-icon{
  width:42px;height:42px;border-radius:12px;font-size:10px;letter-spacing:.7px;
  box-shadow:none
}
.permissions-stats-grid .exam-stat-card h3{
  font-size:11px;text-transform:uppercase;letter-spacing:.7px;color:#79aae2
}
.permissions-stats-grid .exam-stat-card strong{font-size:30px}
.permissions-stats-grid .exam-stat-card p{font-size:12px;color:#77a9e2}
.permissions-layout{
  display:block;max-width:1580px
}
.permissions-main{min-width:0}
.permissions-panel{
  margin-bottom:16px;border-radius:16px!important;
  background:linear-gradient(180deg,rgba(19,30,46,.96),rgba(13,20,32,.96))!important;
  border:1px solid rgba(120,169,226,.16)!important;
  box-shadow:0 16px 42px rgba(0,0,0,.26)!important
}
.role-create-panel-wrap{
  padding:16px!important;background:
    radial-gradient(circle at 88% 10%,rgba(70,146,232,.08),transparent 25%),
    linear-gradient(180deg,rgba(19,30,46,.96),rgba(13,20,32,.96))!important
}
.role-create-hero{
  grid-template-columns:54px minmax(0,1fr)!important;gap:13px!important;margin-bottom:14px!important
}
.role-create-badge{
  width:48px!important;height:48px!important;border-radius:14px!important;
  background:rgba(70,146,232,.14)!important;border-color:rgba(120,169,226,.22)!important;
  box-shadow:none!important;font-size:10px!important;letter-spacing:.8px!important;color:#eff6ff!important
}
.mini-overline{
  margin-bottom:4px;color:#acc9e6;font-size:10px;letter-spacing:1px
}
.role-create-copy h2{font-size:20px!important;margin:0 0 5px!important}
.role-create-copy p{font-size:13px;line-height:1.45;max-width:900px}
.role-create-tips{gap:7px!important;margin-top:10px!important}
.role-create-tips span{
  padding:6px 9px!important;border-radius:10px!important;font-size:12px!important;
  background:rgba(255,255,255,.035)!important;border-color:rgba(120,169,226,.12)!important
}
.role-create-form.premium{
  grid-template-columns:1fr 1fr 120px!important;gap:10px!important;padding:12px!important;
  border-radius:14px!important;background:rgba(10,16,25,.22)!important;border-color:rgba(120,169,226,.12)!important
}
.role-create-form.premium label{gap:6px!important}
.role-create-form.premium label>span{
  font-size:12px!important;color:#eff6ff!important
}
.role-create-form.premium small{
  font-size:11px!important;color:#5d99dd!important
}
.role-create-form.premium input,.role-create-form.premium textarea{
  min-height:38px;border-radius:10px!important;padding:10px 11px!important;font-size:13px!important
}
.role-create-form.premium textarea{min-height:82px!important}
.role-create-actions{justify-content:flex-start!important}
.role-create-actions .btn{min-height:38px}
.permissions-panel .panel-head.spaced{
  align-items:flex-start;margin-bottom:12px;padding-bottom:10px;
  border-bottom:1px solid rgba(120,169,226,.10)
}
.permissions-panel .panel-head h2{
  font-size:20px;margin:0 0 5px
}
.permissions-panel .panel-head p{
  font-size:13px;line-height:1.45
}
.permissions-role-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important
}
.permission-role-card{
  min-width:0;
  border-radius:15px!important;padding:13px!important;
  background:linear-gradient(180deg,rgba(19,31,47,.88),rgba(13,21,32,.96))!important;
  border:1px solid rgba(120,169,226,.14)!important;
  box-shadow:0 12px 30px rgba(0,0,0,.20)!important
}
.permission-role-head{
  display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;
  margin-bottom:8px!important;padding-bottom:10px;border-bottom:1px solid rgba(120,169,226,.10)
}
.permission-role-head h3{
  font-size:18px!important;margin-bottom:4px!important
}
.permission-role-head p{
  font-size:12px!important;line-height:1.4!important;color:#77a9e2!important
}
.role-key-pill{
  margin-top:7px!important;padding:5px 8px!important;border-radius:9px!important;
  font-size:11px!important;color:#b3cee8!important;background:rgba(70,146,232,.08)!important
}
.permission-category-block{
  margin-top:10px!important;padding-top:10px!important;border-top:1px solid rgba(120,169,226,.08)!important
}
.permission-category-block h4{
  margin-bottom:6px!important;font-size:11px!important;letter-spacing:.7px!important;color:#acc9e6!important
}
.permission-toggle{
  grid-template-columns:18px minmax(0,1fr)!important;gap:9px!important;
  padding:7px 8px!important;border-radius:10px!important;min-width:0
}
.permission-toggle:hover{background:rgba(255,255,255,.035)!important}
.permission-toggle input{
  width:16px!important;height:16px!important;margin-top:2px!important
}
.permission-toggle strong{
  font-size:13px!important;color:#eff6ff!important
}
.permission-toggle small{
  font-size:11px!important;line-height:1.35!important;color:#72a6e1!important
}
.role-delete-zone{
  margin-top:10px!important;padding-top:10px!important
}
.permissions-panel .editor-bottom-actions{
  position:sticky;bottom:0;z-index:15;display:flex;justify-content:flex-end;
  margin-top:12px;padding:10px 0 0;
  background:linear-gradient(180deg,rgba(13,20,32,0),rgba(13,20,32,.96) 42%)
}
.selected-user-permission{
  border-radius:13px!important;padding:11px 12px!important;margin-bottom:12px!important;
  background:rgba(70,146,232,.07)!important;border-color:rgba(120,169,226,.14)!important
}
.user-permission-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important
}
.rank-rule-grid{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px
}
.permission-category-card{
  min-width:0;
  border-radius:15px!important;padding:13px!important;
  background:linear-gradient(180deg,rgba(19,31,47,.78),rgba(13,21,32,.92))!important;
  border-color:rgba(120,169,226,.14)!important
}
.permission-category-card h3{
  font-size:17px!important;margin-bottom:8px!important
}
.user-permission-row{
  display:grid!important;grid-template-columns:1fr!important;gap:8px!important;
  padding:10px 0!important;min-width:0!important
}
.user-permission-row strong{font-size:13px!important}
.user-permission-row small{font-size:11px!important;line-height:1.35!important}
.rank-rule-row{
  display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:10px;align-items:center;
  padding:10px 0;border-top:1px solid rgba(120,169,226,.10)
}
.rank-rule-row:first-of-type{border-top:0}
.rank-rule-row strong{display:block;color:#eff6ff;font-size:13px}
.rank-rule-row small{display:block;color:#74a7e2;font-size:11px;line-height:1.35}
.rank-rule-row select{width:100%;min-height:36px}
.permission-radio-group{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:6px!important;width:100%!important;justify-content:stretch!important
}
.permission-radio-group label{
  justify-content:center!important;min-width:0!important;white-space:nowrap;
  border-radius:10px!important;padding:7px 6px!important;font-size:11px!important;
  background:rgba(255,255,255,.025)!important;border-color:rgba(120,169,226,.12)!important
}
.permission-radio-group input{
  width:13px!important;height:13px!important;min-height:0!important
}
.permission-radio-group label:has(input:checked){
  background:rgba(70,146,232,.16)!important;border-color:rgba(70,146,232,.35)!important;color:#eff6ff!important
}
.permissions-panel .manage-toolbar select{
  min-width:300px;min-height:38px;border-radius:10px
}
@media(max-width:900px){
  .permissions-stats-grid{grid-template-columns:1fr}
  .role-create-hero,.role-create-form.premium{grid-template-columns:1fr!important}
  .permissions-role-grid,.user-permission-grid,.rank-rule-grid{grid-template-columns:1fr!important}
  .user-permission-row{grid-template-columns:1fr!important}
  .rank-rule-row{grid-template-columns:1fr}
  .permission-radio-group{justify-content:flex-start!important}
  .permissions-panel .manage-toolbar select{min-width:0;width:100%}
  .permissions-panel .editor-bottom-actions{position:static}
}

/* Moderner Menübereich */
.sidebar{
  width:248px!important;min-width:248px!important;padding:14px 10px 12px!important;
  background:
    radial-gradient(circle at 18% 0%,rgba(70,146,232,.18),transparent 34%),
    linear-gradient(180deg,rgba(14,23,35,.98),rgba(9,15,23,.99))!important;
  border-right:1px solid rgba(173,201,230,.13)!important;
  box-shadow:18px 0 54px rgba(0,0,0,.34)!important
}
.brand.brand-modern{
  margin:0 0 14px!important;padding:11px!important;border-radius:18px!important;
  background:
    linear-gradient(135deg,rgba(70,146,232,.16),rgba(91,158,235,.10)),
    rgba(13,21,32,.76)!important;
  border-color:rgba(173,201,230,.18)!important
}
.brand.brand-modern .brand-mark{
  width:40px!important;height:40px!important;min-width:40px!important;border-radius:14px!important
}
.brand.brand-modern .brand-text small{font-size:8px!important;letter-spacing:1.45px!important}
.brand.brand-modern .brand-text strong{font-size:17px!important;letter-spacing:.2px!important}
.brand.brand-modern .brand-text span{font-size:9.5px!important;max-width:145px!important}
.sidebar nav{
  gap:6px!important;padding:7px;border-radius:20px;
  background:rgba(10,16,25,.34);
  border:1px solid rgba(173,201,230,.075);
  box-shadow:inset 0 1px rgba(255,255,255,.025)
}
.sidebar nav a{
  min-height:47px;padding:10px 10px!important;border-radius:15px!important;
  background:transparent!important;border:1px solid transparent!important;
  color:#eff6ff!important;font-weight:780;letter-spacing:.05px;
  box-shadow:none!important;overflow:hidden
}
.sidebar nav a:before{
  content:'';position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:999px;
  background:transparent;box-shadow:none
}
.sidebar nav a:hover{
  transform:translateX(1px)!important;
  background:rgba(255,255,255,.035)!important;border-color:rgba(173,201,230,.10)!important
}
.sidebar nav a.active{
  transform:none!important;
  background:
    linear-gradient(90deg,rgba(70,146,232,.18),rgba(70,146,232,.06)),
    rgba(16,25,39,.86)!important;
  border-color:rgba(99,163,236,.34)!important;
  box-shadow:0 10px 26px rgba(70,146,232,.13),inset 0 1px rgba(255,255,255,.055)!important
}
.sidebar nav a.active:before{background:#4692e8;box-shadow:0 0 16px rgba(70,146,232,.9)}
.sidebar nav a.nav-section-start{
  margin-top:12px
}
.sidebar nav a.nav-section-start:after{
  content:'';position:absolute;left:12px;right:12px;top:-7px;height:1px;
  background:linear-gradient(90deg,transparent,rgba(173,201,230,.20),transparent);
  pointer-events:none
}
.nav-icon{
  width:28px!important;height:28px!important;min-width:28px!important;border-radius:10px!important;
  background:rgba(173,201,230,.07)!important;border-color:rgba(173,201,230,.12)!important;
  color:#aecae6!important;font-size:10px!important
}
.sidebar nav a:hover .nav-icon{
  background:rgba(70,146,232,.13)!important;color:#eff6ff!important
}
.sidebar nav a.active .nav-icon{
  background:linear-gradient(145deg,#4692e8,#3182df)!important;color:#fff!important;
  box-shadow:0 0 22px rgba(70,146,232,.33)!important
}
.sidebar nav a>.nav-label{
  min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap
}
.nav-badge{
  margin-left:auto;min-width:24px;height:24px;padding:0 8px;border-radius:999px;
  display:inline-grid;place-items:center;
  background:linear-gradient(145deg,#2d89f2,#f05252);
  color:#fff;font-size:12px;font-weight:1000;
  border:1px solid rgba(255,255,255,.22);
  box-shadow:0 0 18px rgba(240,82,82,.30)
}
.sidebar nav a.active .nav-badge{
  box-shadow:0 0 20px rgba(45,137,242,.42),0 0 0 1px rgba(255,255,255,.08)
}
.logout-link{
  margin-top:12px!important;background:rgba(240,82,82,.055)!important;
  border-color:rgba(240,82,82,.18)!important
}
@media(max-width:900px){
  .sidebar{width:100%!important;min-width:0!important;padding:10px!important}
  .sidebar nav{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));background:transparent;border:0;padding:0}
  .sidebar nav a{min-height:44px}
}

/* Mein Konto + Symbolnavigation */
.nav-icon{
  font-family:"Segoe UI Symbol","Segoe UI",Arial,sans-serif!important;
  font-size:15px!important;letter-spacing:0!important;font-weight:900!important
}
.logout-link .nav-icon{font-size:14px!important}
.user-chip-link{
  text-decoration:none;color:inherit;
  transition:.16s ease
}
.user-chip-link:hover{
  transform:translateY(-1px);
  border-color:rgba(99,163,236,.34);
  box-shadow:0 12px 28px rgba(70,146,232,.12)
}
.account-head{
  margin-bottom:18px;
  padding:24px 0 26px;
  border-bottom:1px solid rgba(120,169,226,.12);
  animation:accountFadeUp .55s ease both
}
.account-layout{
  display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:18px;align-items:start;
  perspective:1200px
}
.account-password-panel,.account-profile-card{
  padding:22px
}
.account-password-panel{
  overflow:hidden;position:relative;
  background:
    radial-gradient(circle at 4% 0%,rgba(70,146,232,.18),transparent 30%),
    radial-gradient(circle at 92% 100%,rgba(91,158,235,.13),transparent 32%),
    linear-gradient(145deg,rgba(24,38,59,.94),rgba(13,20,32,.96));
  border-color:rgba(128,180,239,.24);
  box-shadow:0 24px 70px rgba(0,0,0,.34),0 0 0 1px rgba(70,146,232,.05),inset 0 1px rgba(255,255,255,.06);
  animation:accountPanelIn .7s cubic-bezier(.2,.8,.2,1) both
}
.account-password-panel:before{
  content:'';position:absolute;inset:-35%;
  background:
    conic-gradient(from 120deg,transparent 0 22%,rgba(70,146,232,.13),transparent 42% 70%,rgba(91,158,235,.11),transparent 88% 100%);
  opacity:.65;filter:blur(18px);
  pointer-events:none
}
.account-password-panel:after{
  content:'';position:absolute;left:22px;right:22px;bottom:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(99,163,236,.9),rgba(91,158,235,.65),transparent);
  opacity:.55
}
.account-panel-head{
  padding-bottom:16px;border-bottom:1px solid rgba(120,169,226,.11);
  position:relative;z-index:1
}
.account-security-mark{
  width:54px;height:54px;border-radius:18px;display:grid;place-items:center;
  background:linear-gradient(145deg,rgba(70,146,232,.24),rgba(91,158,235,.20));
  border:1px solid rgba(173,201,230,.22);
  color:#eff6ff;font-size:24px;font-weight:1000;
  box-shadow:0 18px 40px rgba(70,146,232,.16);
  animation:accountSoftPulse 3.8s ease-in-out infinite
}
.account-password-form{
  display:grid;gap:16px;position:relative;z-index:1
}
.account-password-form label,.account-field{
  display:grid;gap:8px;color:#eff6ff;font-weight:900
}
.account-field{
  position:relative;padding:14px;border:1px solid rgba(128,180,239,.13);border-radius:18px;
  background:rgba(10,16,25,.36);
  overflow:hidden;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease
}
.account-field:before{
  content:'';position:absolute;inset:0;
  background:linear-gradient(110deg,transparent 0 42%,rgba(173,201,230,.08),transparent 58% 100%);
  transform:translateX(-120%);
  transition:transform .55s ease;
  pointer-events:none
}
.account-field:hover{
  transform:translateY(-2px);
  border-color:rgba(99,163,236,.30);
  background:rgba(17,26,41,.58);
  box-shadow:0 14px 30px rgba(0,0,0,.18)
}
.account-field:hover:before{
  transform:translateX(120%)
}
.account-field span,.account-field:not(label){
  color:#eff6ff
}
.account-field input{
  min-height:44px;background:rgba(9,14,22,.86);border-color:rgba(128,180,239,.18);
  transition:border-color .18s ease,box-shadow .18s ease,background .18s ease
}
.account-field input:focus{
  background:rgba(10,16,25,.96);
  border-color:rgba(99,163,236,.70);
  box-shadow:0 0 0 4px rgba(70,146,232,.14),0 0 28px rgba(70,146,232,.14)
}
.account-password-form input:-webkit-autofill,
.account-password-form input:-webkit-autofill:hover,
.account-password-form input:-webkit-autofill:focus{
  -webkit-text-fill-color:#fff;
  transition:background-color 9999s ease-in-out 0s;
  box-shadow:0 0 0 1000px rgba(9,14,22,.96) inset,0 0 0 4px rgba(70,146,232,.10)!important
}
.account-password-grid{
  gap:14px
}
.account-form-actions{
  display:flex;align-items:center;justify-content:space-between;gap:14px;
  padding-top:4px;color:#afc9e4
}
.account-form-actions .btn{
  position:relative;overflow:hidden;
  box-shadow:0 16px 34px rgba(70,146,232,.24)
}
.account-form-actions .btn:after{
  content:'';position:absolute;top:-40%;bottom:-40%;width:34px;left:-55px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.42),transparent);
  transform:skewX(-18deg);
  transition:left .55s ease
}
.account-form-actions .btn:hover:after{
  left:calc(100% + 55px)
}
.account-profile-card{
  text-align:center;
  background:
    linear-gradient(135deg,rgba(70,146,232,.14),transparent 30%),
    radial-gradient(circle at 50% 0%,rgba(91,158,235,.24),transparent 34%),
    linear-gradient(145deg,rgba(24,38,59,.94),rgba(13,21,32,.96));
  position:sticky;top:22px;overflow:hidden;
  border-color:rgba(128,180,239,.24);
  box-shadow:0 28px 78px rgba(0,0,0,.34),0 0 42px rgba(70,146,232,.08);
  animation:accountCardIn .75s cubic-bezier(.2,.8,.2,1) .1s both,accountFloat 6.5s ease-in-out 1s infinite
}
.account-profile-card:before{
  content:'';position:absolute;inset:-45%;
  background:radial-gradient(circle at 50% 35%,rgba(99,163,236,.22),transparent 22%),
    conic-gradient(from 0deg,transparent,rgba(91,158,235,.11),transparent,rgba(70,146,232,.10),transparent);
  opacity:.72;filter:blur(16px);
  pointer-events:none
}
.account-profile-card:after{
  content:'';position:absolute;inset:14px;border-radius:22px;
  border:1px solid rgba(255,255,255,.035);pointer-events:none
}
.account-avatar{
  width:82px;height:82px;margin:0 auto 16px;border-radius:24px;display:grid;place-items:center;
  background:linear-gradient(145deg,#4692e8,#69a6ec);
  color:#fff;font-size:24px;font-weight:1000;
  box-shadow:0 18px 42px rgba(70,146,232,.24);
  position:relative;z-index:1;
  animation:accountAvatarGlow 4.2s ease-in-out infinite
}
.account-profile-card h2{
  margin:0;color:#fff;font-size:22px;position:relative;z-index:1
}
.account-profile-card p{
  margin:6px 0 14px;color:#aec9e5;position:relative;z-index:1
}
.account-info-list{
  display:grid;gap:9px;text-align:left;position:relative;z-index:1
}
.account-info-list div{
  display:flex;justify-content:space-between;gap:12px;align-items:center;
  padding:12px;border:1px solid rgba(128,180,239,.14);border-radius:14px;
  background:rgba(12,18,28,.42);
  transition:transform .18s ease,border-color .18s ease,background .18s ease
}
.account-info-list div:hover{
  transform:translateX(3px);
  border-color:rgba(99,163,236,.30);
  background:rgba(18,29,45,.66)
}
.account-info-list span{
  color:#75a8e2;font-size:12px
}
.account-info-list strong{
  color:#eff6ff;text-align:right
}
@media(max-width:900px){
  .account-layout,.account-password-grid{grid-template-columns:1fr!important}
  .account-head{padding-top:8px}
  .account-profile-card{position:relative;top:auto}
  .account-form-actions{align-items:stretch;flex-direction:column}
  .account-form-actions .btn{width:100%}
}
@keyframes accountFadeUp{
  from{opacity:0;transform:translateY(14px)}
  to{opacity:1;transform:translateY(0)}
}
@keyframes accountPanelIn{
  from{opacity:0;transform:translateY(18px)}
  to{opacity:1;transform:translateY(0)}
}
@keyframes accountCardIn{
  from{opacity:0;transform:translateY(22px) scale(.97)}
  to{opacity:1;transform:translateY(0) scale(1)}
}
@keyframes accountFloat{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-6px)}
}
@keyframes accountSoftPulse{
  0%,100%{box-shadow:0 18px 40px rgba(70,146,232,.16),0 0 0 0 rgba(70,146,232,.18)}
  50%{box-shadow:0 22px 46px rgba(70,146,232,.26),0 0 0 8px rgba(70,146,232,0)}
}
@keyframes accountAvatarGlow{
  0%,100%{box-shadow:0 18px 42px rgba(70,146,232,.24),0 0 0 0 rgba(91,158,235,.20)}
  50%{box-shadow:0 22px 52px rgba(70,146,232,.34),0 0 0 10px rgba(91,158,235,0)}
}
@media(prefers-reduced-motion:reduce){
  .account-head,.account-password-panel,.account-profile-card,.account-security-mark,.account-avatar,
  .account-password-panel:before,.account-profile-card:before{
    animation:none!important
  }
  .account-field,.account-info-list div,.user-chip-link{transition:none!important}
}

/* Rollenrechte - moderner Kartenlook */
.permissions-panel .permissions-role-grid{
  align-items:start!important
}
.permissions-panel .permission-role-card{
  position:relative;overflow:hidden;
  background:
    radial-gradient(circle at 14% 0%,rgba(70,146,232,.18),transparent 34%),
    linear-gradient(180deg,rgba(22,35,54,.94),rgba(13,20,32,.98))!important;
  border-color:rgba(173,201,230,.18)!important;
  box-shadow:0 20px 48px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.05)!important;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease
}
.permissions-panel .permission-role-card:before{
  content:'';position:absolute;left:0;right:0;top:0;height:3px;
  background:linear-gradient(90deg,#4692e8,#69a7ed,#2fd47c);
  opacity:.88
}
.permissions-panel .permission-role-card:hover{
  transform:translateY(-2px);
  border-color:rgba(173,201,230,.30)!important;
  box-shadow:0 26px 62px rgba(0,0,0,.34),0 0 36px rgba(70,146,232,.08)!important
}
.permissions-panel .permission-role-head{
  position:relative;padding:13px 13px 12px!important;margin:-2px -2px 10px!important;
  border-radius:14px!important;
  background:linear-gradient(135deg,rgba(70,146,232,.12),rgba(91,158,235,.08),rgba(255,255,255,.015))!important;
  border:1px solid rgba(173,201,230,.10)!important
}
.permissions-panel .permission-role-head h3{
  letter-spacing:.1px;text-shadow:0 10px 28px rgba(0,0,0,.35)
}
.permissions-panel .permission-role-head .status-chip{
  align-self:start;border-radius:12px!important;padding:7px 10px!important;
  box-shadow:0 10px 22px rgba(0,0,0,.18)
}
.permissions-panel .role-key-pill{
  text-transform:uppercase;letter-spacing:.5px;font-weight:950!important
}
.permissions-panel .permission-category-block{
  position:relative;border-top:0!important;margin-top:9px!important;padding-top:8px!important
}
.permissions-panel .permission-category-block h4{
  display:flex;align-items:center;gap:8px;
  padding:7px 9px;margin:0 0 7px!important;border-radius:10px;
  background:rgba(70,146,232,.07);
  border:1px solid rgba(173,201,230,.09)
}
.permissions-panel .permission-category-block h4:before{
  content:'';width:7px;height:7px;border-radius:999px;background:#5ea0eb;
  box-shadow:0 0 12px rgba(94,160,235,.75)
}
.permissions-panel .permission-toggle{
  border:1px solid transparent;
  background:rgba(10,16,25,.16);
  transition:transform .14s ease,background .14s ease,border-color .14s ease,box-shadow .14s ease
}
.permissions-panel .permission-toggle:hover{
  transform:translateX(2px);
  border-color:rgba(173,201,230,.12)!important
}
.permissions-panel .permission-toggle:has(input:checked){
  background:linear-gradient(90deg,rgba(70,146,232,.15),rgba(70,146,232,.035))!important;
  border-color:rgba(99,163,236,.24)!important;
  box-shadow:inset 3px 0 #4692e8
}
.permissions-panel .permission-toggle input{
  appearance:none;position:relative;border-radius:6px!important;
  border:1px solid rgba(173,201,230,.34);background:rgba(10,16,25,.88);
  display:grid;place-items:center;cursor:pointer;transition:.14s ease
}
.permissions-panel .permission-toggle input:checked{
  background:linear-gradient(145deg,#4692e8,#1e71d0);
  border-color:rgba(173,201,230,.75);
  box-shadow:0 0 18px rgba(70,146,232,.34)
}
.permissions-panel .permission-toggle input:checked:after{
  content:'✓';color:#fff;font-size:12px;font-weight:1000;line-height:1
}
.permissions-panel .permission-toggle:has(input:checked) strong{
  color:#fff!important
}
.permissions-panel .permission-toggle:has(input:checked) small{
  color:#aecbe7!important
}
.permissions-panel .editor-bottom-actions{
  border-top:1px solid rgba(173,201,230,.10);
  backdrop-filter:blur(12px)
}
.permissions-panel .editor-bottom-actions .btn{
  min-width:230px;min-height:44px;border-radius:13px;
  box-shadow:0 16px 34px rgba(70,146,232,.22)
}

/* Sidebar Brand - kompakt und hochwertiger */
.sidebar .brand.brand-modern{
  padding:13px 12px!important;margin-bottom:16px!important;border-radius:20px!important;
  background:
    radial-gradient(circle at 22% 10%,rgba(83,153,234,.28),transparent 36%),
    linear-gradient(135deg,rgba(26,41,64,.96),rgba(26,41,63,.92) 58%,rgba(14,22,34,.96))!important;
  border:1px solid rgba(173,201,230,.24)!important;
  box-shadow:0 18px 44px rgba(0,0,0,.30),inset 0 1px rgba(255,255,255,.075)!important
}
.sidebar .brand.brand-modern .brand-mark{
  width:44px!important;height:44px!important;min-width:44px!important;border-radius:16px!important;
  background:linear-gradient(145deg,#559bea 0%,#3789e6 52%,#69a7ed 100%)!important;
  box-shadow:0 16px 32px rgba(70,146,232,.28),inset 0 1px rgba(255,255,255,.32)!important;
  font-size:11px!important;letter-spacing:.8px!important
}
.sidebar .brand.brand-modern .brand-logo{
  padding:3px!important;border-radius:50%!important;
  background:
    radial-gradient(circle at 50% 45%,rgba(255,255,255,.22),transparent 42%),
    linear-gradient(145deg,#4692e8,#69a6ec)!important;
  overflow:hidden
}
.sidebar .brand.brand-modern .brand-logo img{
  width:100%;height:100%;display:block;object-fit:contain;border-radius:0;
  filter:contrast(1.08) saturate(1.08);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)
}
.sidebar .brand.brand-modern .brand-text{
  min-width:0;display:grid;gap:2px
}
.sidebar .brand.brand-modern .brand-text small{
  font-size:8px!important;letter-spacing:1.6px!important;color:#acc9e7!important;
  line-height:1;text-shadow:0 0 16px rgba(173,201,230,.22)
}
.sidebar .brand.brand-modern .brand-text strong{
  font-size:18px!important;line-height:1.08!important;letter-spacing:.1px!important;
  white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important
}
.sidebar .brand.brand-modern .brand-text span{
  max-width:none!important;width:100%!important;white-space:normal!important;overflow:visible!important;
  text-overflow:clip!important;font-size:10px!important;line-height:1.25!important;letter-spacing:.35px!important;
  color:#afcae5!important;text-transform:none!important
}

/* Global Portal Polish */
:root{
  --portal-glass:rgba(18,29,45,.80);
  --portal-glass-strong:rgba(24,37,58,.90);
  --portal-line:rgba(173,201,230,.18);
  --portal-line-strong:rgba(173,201,230,.34);
  --portal-blue:#4692e8;
  --portal-violet:#69a6ec;
  --portal-green:#28e07e;
  --portal-shadow:0 20px 58px rgba(0,0,0,.32);
}
body.app-body{
  background:
    radial-gradient(circle at 72% 5%,rgba(70,146,232,.15),transparent 26%),
    radial-gradient(circle at 18% 86%,rgba(105,166,236,.11),transparent 31%),
    linear-gradient(180deg,#101a28 0%,#090f17 100%)!important;
}
body.app-body:before{
  content:"";position:fixed;inset:0;z-index:0;pointer-events:none;
  background-image:
    linear-gradient(rgba(173,201,230,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(173,201,230,.035) 1px,transparent 1px);
  background-size:64px 64px;
  mask-image:linear-gradient(180deg,rgba(0,0,0,.76),rgba(0,0,0,.08));
  animation:portalGridDrift 18s ease-in-out infinite alternate;
}
body.app-body:after{
  content:"";position:fixed;inset:auto -8% -24% -8%;height:38vh;z-index:0;pointer-events:none;
  background:radial-gradient(ellipse at 50% 100%,rgba(70,146,232,.16),transparent 66%);
  animation:portalBreath 7s ease-in-out infinite;
}
.layout,.sidebar,.content,.topbar{position:relative;z-index:1}
.content{animation:portalFadeUp .42s ease both}
.topbar{
  backdrop-filter:blur(18px) saturate(1.1);
}
.top-pill,.user-chip{
  border-color:var(--portal-line)!important;
  background:
    linear-gradient(135deg,rgba(23,37,57,.86),rgba(13,21,32,.76))!important;
  box-shadow:0 14px 34px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.055)!important;
}
.user-chip{
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;
}
.user-chip:hover{
  transform:translateY(-1px);
  border-color:var(--portal-line-strong)!important;
  box-shadow:0 18px 44px rgba(0,0,0,.32),0 0 26px rgba(70,146,232,.12)!important;
}
.sidebar .brand.brand-modern{
  animation:portalFadeUp .38s ease both;
}
.sidebar .brand.brand-modern .brand-logo{
  animation:portalLogoPulse 5.5s ease-in-out infinite;
}
.sidebar nav a{
  border:1px solid transparent!important;
  transition:transform .16s ease,background .16s ease,border-color .16s ease,box-shadow .16s ease,color .16s ease!important;
}
.sidebar nav a:hover{
  transform:translateX(3px);
  border-color:rgba(173,201,230,.18)!important;
  background:linear-gradient(90deg,rgba(70,146,232,.11),rgba(105,166,236,.035))!important;
}
.sidebar nav a.active{
  box-shadow:0 16px 36px rgba(70,146,232,.18),inset 3px 0 #4692e8!important;
}
.manage-panel,.panel,.card,.user-kpi,.exam-stat-card,.permission-role-card,
.promotion-card,.personnel-list-panel,.personnel-detail-panel,.certificate-card,
.account-security-card,.account-profile-card,.audit-side-card,.audit-table-card{
  border-color:var(--portal-line)!important;
  background:
    radial-gradient(circle at 100% 0%,rgba(70,146,232,.08),transparent 34%),
    linear-gradient(145deg,var(--portal-glass-strong),rgba(14,23,35,.88))!important;
  box-shadow:var(--portal-shadow),inset 0 1px rgba(255,255,255,.05)!important;
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease;
}
.manage-panel:hover,.panel:hover,.card:hover,.user-kpi:hover,.exam-stat-card:hover,
.permission-role-card:hover,.promotion-card:hover,.certificate-card:hover,
.account-security-card:hover,.account-profile-card:hover,.audit-side-card:hover,.audit-table-card:hover{
  transform:translateY(-2px);
  border-color:var(--portal-line-strong)!important;
  box-shadow:0 26px 72px rgba(0,0,0,.38),0 0 36px rgba(70,146,232,.10),inset 0 1px rgba(255,255,255,.07)!important;
}
.manage-panel,.panel,.card,.promotion-card,.certificate-card,.account-security-card,.account-profile-card{
  animation:portalFadeUp .44s ease both;
}
.btn{
  position:relative;overflow:hidden;
  transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease,filter .15s ease!important;
}
.btn:hover{
  transform:translateY(-1px);
  filter:saturate(1.08);
}
.btn:not(.danger):not(.btn-danger):not(.ghost):after{
  content:"";position:absolute;top:-45%;bottom:-45%;left:-70px;width:48px;pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent);
  transform:skewX(-18deg);
  transition:left .55s ease;
}
.btn:not(.danger):not(.btn-danger):not(.ghost):hover:after{
  left:calc(100% + 70px);
}
input,select,textarea{
  transition:border-color .16s ease,box-shadow .16s ease,background .16s ease!important;
}
input:hover,select:hover,textarea:hover{
  border-color:rgba(173,201,230,.36)!important;
}
input:focus,select:focus,textarea:focus{
  border-color:rgba(70,146,232,.86)!important;
  box-shadow:0 0 0 4px rgba(70,146,232,.14),0 0 30px rgba(70,146,232,.08)!important;
}
.table-wrap,.audit-table-wrap{
  border-color:var(--portal-line)!important;
  box-shadow:0 18px 46px rgba(0,0,0,.24)!important;
}
.table tbody tr,.audit-table tbody tr{
  transition:background .14s ease,transform .14s ease;
}
.table tbody tr:hover td,.audit-table tbody tr:hover td{
  background:rgba(70,146,232,.045)!important;
}
.status-dot,.employee-status-dot,.online-dot{
  box-shadow:0 0 0 5px rgba(40,224,126,.08),0 0 18px rgba(40,224,126,.34)!important;
}
.badge,.role-pill,.status-pill,.module-chip,.step-pill{
  box-shadow:inset 0 1px rgba(255,255,255,.08),0 10px 24px rgba(0,0,0,.16);
}
::-webkit-scrollbar{width:12px;height:12px}
::-webkit-scrollbar-track{background:rgba(9,15,23,.72)}
::-webkit-scrollbar-thumb{
  background:linear-gradient(180deg,rgba(70,146,232,.65),rgba(105,166,236,.55));
  border:3px solid rgba(9,15,23,.72);border-radius:999px;
}
::-webkit-scrollbar-thumb:hover{
  background:linear-gradient(180deg,rgba(112,170,237,.85),rgba(127,179,239,.72));
}
@keyframes portalFadeUp{
  from{opacity:0;transform:translateY(10px)}
  to{opacity:1;transform:translateY(0)}
}
@keyframes portalBreath{
  0%,100%{opacity:.34}
  50%{opacity:.62}
}
@keyframes portalGridDrift{
  from{background-position:0 0}
  to{background-position:30px 18px}
}
@keyframes portalLogoPulse{
  0%,100%{box-shadow:0 16px 32px rgba(70,146,232,.24),0 0 0 rgba(105,166,236,0),inset 0 1px rgba(255,255,255,.30)!important}
  50%{box-shadow:0 18px 38px rgba(70,146,232,.34),0 0 28px rgba(105,166,236,.20),inset 0 1px rgba(255,255,255,.34)!important}
}
@media (prefers-reduced-motion:reduce){
  *,*:before,*:after{
    animation:none!important;
    transition:none!important;
    scroll-behavior:auto!important;
  }
}

/* Modern Dashboard */
.dashboard-command-hero{
  position:relative;display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:22px;
  margin:4px 0 20px;padding:28px;border:1px solid rgba(173,201,230,.18);border-radius:28px;
  background:
    radial-gradient(circle at 78% 14%,rgba(70,146,232,.18),transparent 32%),
    radial-gradient(circle at 10% 88%,rgba(105,166,236,.12),transparent 34%),
    linear-gradient(135deg,rgba(26,41,63,.82),rgba(14,22,35,.92));
  box-shadow:0 26px 78px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.07);
  overflow:hidden;animation:portalFadeUp .42s ease both;
}
.dashboard-command-hero:before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background-image:linear-gradient(rgba(173,201,230,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(173,201,230,.045) 1px,transparent 1px);
  background-size:42px 42px;mask-image:linear-gradient(90deg,rgba(0,0,0,.78),transparent 82%);
}
.dashboard-hero-copy,.dashboard-hero-card{position:relative;z-index:1}
.dashboard-hero-copy h1{
  max-width:1050px;margin:6px 0 10px;font-size:clamp(38px,4vw,68px);line-height:.95;
  letter-spacing:-.055em;background:linear-gradient(90deg,#fff 0%,#eff6ff 46%,#80b4ef 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none;
}
.dashboard-hero-copy .hero-sub{max-width:760px;color:#bad2ea;font-size:16px}
.dashboard-hero-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:22px}
.hero-live-pill{
  display:inline-flex;align-items:center;gap:8px;padding:10px 13px;border-radius:999px;
  border:1px solid rgba(47,212,124,.25);background:rgba(47,212,124,.08);
  color:#bfffd9;font-weight:900;font-size:13px;
}
.hero-live-pill i{width:9px;height:9px;border-radius:50%;background:#2fd47c;box-shadow:0 0 16px rgba(47,212,124,.8)}
.dashboard-hero-card{
  display:flex;align-items:center;gap:18px;min-height:172px;padding:20px;border-radius:24px;
  border:1px solid rgba(173,201,230,.20);
  background:linear-gradient(145deg,rgba(13,20,31,.72),rgba(28,44,68,.56));
  box-shadow:inset 0 1px rgba(255,255,255,.06),0 18px 44px rgba(0,0,0,.24);
}
.hero-orbit{
  width:116px;height:116px;min-width:116px;border-radius:50%;display:grid;place-items:center;
  border:1px solid rgba(173,201,230,.22);
  background:radial-gradient(circle at 50% 45%,rgba(70,146,232,.22),rgba(70,146,232,.035) 58%,transparent 59%);
  box-shadow:0 0 52px rgba(70,146,232,.14),inset 0 0 42px rgba(70,146,232,.10);
  animation:portalLogoPulse 5.5s ease-in-out infinite;
}
.hero-orbit span{font-size:22px;font-weight:1000;letter-spacing:3px;color:rgba(239,246,255,.82)}
.dashboard-hero-card small,.section-kicker{
  color:#adc9e6;text-transform:uppercase;letter-spacing:1.6px;font-size:11px;font-weight:1000;
}
.dashboard-hero-card strong{display:block;margin:8px 0 4px;font-size:30px;line-height:1.05}
.dashboard-hero-card p{margin:0;color:#acc9e7}
.dashboard-modern-kpis{
  display:grid;grid-template-columns:repeat(5,minmax(160px,1fr));gap:14px;margin-bottom:18px;
}
.dash-kpi{
  position:relative;min-height:156px;padding:18px;border-radius:22px;overflow:hidden;
  border:1px solid rgba(173,201,230,.18);
  background:linear-gradient(145deg,rgba(19,31,47,.88),rgba(12,19,30,.94));
  box-shadow:0 18px 52px rgba(0,0,0,.30),inset 0 1px rgba(255,255,255,.055);
  animation:portalFadeUp .45s ease both;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;
}
.dash-kpi:hover{transform:translateY(-3px);border-color:rgba(173,201,230,.36);box-shadow:0 28px 70px rgba(0,0,0,.38),0 0 34px rgba(70,146,232,.10)}
.dash-kpi:before{
  content:"";position:absolute;inset:-40% -20% auto auto;width:150px;height:150px;border-radius:50%;
  background:radial-gradient(circle,rgba(70,146,232,.24),transparent 66%);pointer-events:none;
}
.dash-kpi.purple:before{background:radial-gradient(circle,rgba(105,166,236,.28),transparent 66%)}
.dash-kpi.cyan:before{background:radial-gradient(circle,rgba(60,140,231,.24),transparent 66%)}
.dash-kpi.green:before{background:radial-gradient(circle,rgba(47,212,124,.24),transparent 66%)}
.dash-kpi span{
  position:relative;display:grid;place-items:center;width:46px;height:46px;border-radius:16px;margin-bottom:14px;
  border:1px solid rgba(173,201,230,.24);background:rgba(70,146,232,.14);color:#eff6ff;font-weight:1000;
}
.dash-kpi.purple span{background:rgba(105,166,236,.16)}
.dash-kpi.cyan span{background:rgba(60,140,231,.13)}
.dash-kpi.green span{background:rgba(47,212,124,.13)}
.dash-kpi small,.dash-kpi em{position:relative;display:block;color:#acc9e7;font-style:normal;font-weight:800}
.dash-kpi strong{position:relative;display:block;margin:7px 0 4px;font-size:44px;line-height:.95;letter-spacing:-.04em}
.dash-meter{position:absolute;left:18px;right:18px;bottom:16px;height:7px;border-radius:999px;background:rgba(9,15,23,.72);overflow:hidden;border:1px solid rgba(173,201,230,.10)}
.dash-meter i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#4692e8,#adc9e6);box-shadow:0 0 20px rgba(70,146,232,.40)}
.dash-kpi.purple .dash-meter i{background:linear-gradient(90deg,#69a6ec,#b1cde8)}
.dash-kpi.cyan .dash-meter i{background:linear-gradient(90deg,#3c8ce7,#adc9e6)}
.dash-kpi.green .dash-meter i{background:linear-gradient(90deg,#2fd47c,#91ffc1)}
.dashboard-modern-layout{
  display:grid;grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr);gap:18px;align-items:start;
}
.dashboard-side-stack{display:grid;gap:18px}
.dashboard-health-card{grid-column:1 / -1}
.dashboard-section-head{
  position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px;
}
.dashboard-section-head h2{margin:4px 0 0;font-size:24px}
.dashboard-section-head.compact h2{font-size:21px}
.submission-list,.modern-activity-list,.quick-dashboard-grid{position:relative;z-index:1;display:grid;gap:10px}
.submission-row{
  display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:14px;align-items:center;
  padding:13px;border:1px solid rgba(173,201,230,.12);border-radius:18px;text-decoration:none;
  background:rgba(11,17,26,.36);transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease;
}
.submission-row:hover{
  transform:translateX(3px);border-color:rgba(173,201,230,.28);background:rgba(70,146,232,.07);box-shadow:0 14px 32px rgba(0,0,0,.20);
}
.submission-avatar{
  width:44px;height:44px;border-radius:15px;display:grid;place-items:center;
  background:linear-gradient(145deg,#4692e8,#69a6ec);box-shadow:0 0 24px rgba(70,146,232,.22);
  font-weight:1000;
}
.submission-main{min-width:0}
.submission-main strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.submission-main small{display:block;margin-top:4px;color:#78a9e2}
.submission-score{font-size:20px;font-weight:1000;color:#fff}
.quick-dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.quick-dashboard-link{
  display:grid;gap:4px;padding:13px;border-radius:17px;text-decoration:none;
  border:1px solid rgba(173,201,230,.13);background:rgba(11,17,26,.36);
  transition:transform .16s ease,border-color .16s ease,background .16s ease;
}
.quick-dashboard-link:hover{transform:translateY(-2px);border-color:rgba(173,201,230,.30);background:rgba(70,146,232,.075)}
.quick-dashboard-link span{color:#adc9e6;font-weight:1000;font-size:12px}
.quick-dashboard-link strong{font-size:15px}
.quick-dashboard-link small{color:#79aae2}
.modern-activity-item{
  display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;
  padding:12px 0;border-bottom:1px solid rgba(173,201,230,.10);
}
.modern-activity-item:last-child{border-bottom:0}
.modern-activity-item p{margin:3px 0 0;color:#87b3e5}
.modern-activity-item time{font-size:12px;color:#b6d0ea;text-align:right}
.empty-state{
  padding:22px;border:1px dashed rgba(173,201,230,.20);border-radius:18px;color:#87b3e5;background:rgba(255,255,255,.025);
}
@media(max-width:1450px){
  .dashboard-command-hero,.dashboard-modern-layout{grid-template-columns:1fr}
  .dashboard-hero-card{max-width:520px}
  .dashboard-modern-kpis{grid-template-columns:repeat(3,minmax(160px,1fr))}
}
@media(max-width:760px){
  .dashboard-command-hero{padding:20px;border-radius:22px}
  .dashboard-hero-copy h1{font-size:38px}
  .dashboard-hero-card{display:none}
  .dashboard-modern-kpis,.quick-dashboard-grid{grid-template-columns:1fr}
  .submission-row{grid-template-columns:auto minmax(0,1fr);align-items:start}
  .submission-score,.submission-row .badge{grid-column:2}
  .modern-activity-item{grid-template-columns:auto minmax(0,1fr)}
  .modern-activity-item time{grid-column:2;text-align:left}
}

/* Compact Sidebar - ohne eigenes Menue-Scrollen */
@media(min-width:901px){
  .sidebar{
    width:258px!important;min-width:258px!important;height:100vh!important;
    padding:12px 10px 10px!important;overflow:hidden!important;
  }
  .sidebar .brand.brand-modern{
    min-height:74px!important;margin:0 0 10px!important;padding:9px 10px!important;border-radius:18px!important;
  }
  .sidebar .brand.brand-modern .brand-mark{
    width:38px!important;height:38px!important;min-width:38px!important;border-radius:14px!important;
  }
  .sidebar .brand.brand-modern .brand-logo{padding:2px!important}
  .sidebar .brand.brand-modern .brand-text small{
    font-size:7px!important;letter-spacing:1.35px!important;line-height:1!important;
  }
  .sidebar .brand.brand-modern .brand-text strong{
    font-size:16px!important;line-height:1.02!important;
  }
  .sidebar .brand.brand-modern .brand-text span{
    font-size:9px!important;line-height:1.18!important;max-width:158px!important;
  }
  .sidebar nav{
    height:calc(100vh - 108px)!important;display:flex!important;flex-direction:column!important;
    gap:3px!important;padding:6px!important;border-radius:16px!important;overflow:hidden!important;
  }
  .sidebar nav a{
    min-height:37px!important;padding:6px 9px!important;border-radius:13px!important;
    gap:9px!important;font-size:13.5px!important;line-height:1.05!important;font-weight:900!important;
  }
  .sidebar nav a.nav-section-start{margin-top:5px!important}
  .sidebar nav a.nav-section-start:after{top:-4px!important;left:10px!important;right:10px!important}
  .nav-icon{
    width:24px!important;height:24px!important;min-width:24px!important;border-radius:9px!important;
    font-size:12px!important;
  }
  .logout-link{
    margin-top:5px!important;min-height:37px!important;
  }
}
@media(min-width:901px) and (max-height:820px){
  .sidebar .brand.brand-modern{
    min-height:62px!important;margin-bottom:7px!important;padding:8px!important;
  }
  .sidebar .brand.brand-modern .brand-mark{
    width:34px!important;height:34px!important;min-width:34px!important;
  }
  .sidebar .brand.brand-modern .brand-text span{display:none!important}
  .sidebar nav{height:calc(100vh - 83px)!important;gap:2px!important;padding:5px!important}
  .sidebar nav a{min-height:34px!important;padding:5px 8px!important;font-size:13px!important}
  .nav-icon{width:22px!important;height:22px!important;min-width:22px!important;font-size:11px!important}
}

/* Einstellungen */
.settings-head{margin-bottom:22px}
.settings-grid{
  display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:20px;align-items:start;
}
.settings-card{position:relative;overflow:hidden}
.settings-card-head{
  position:relative;z-index:1;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px;
  align-items:center;margin-bottom:20px;padding-bottom:18px;border-bottom:1px solid rgba(173,201,230,.12);
}
.settings-card-head h2,.settings-side-card h2{margin:4px 0 6px}
.settings-icon{
  width:54px;height:54px;border-radius:18px;display:grid;place-items:center;
  background:linear-gradient(145deg,#4692e8,#69a6ec);box-shadow:0 0 34px rgba(70,146,232,.26);
  font-weight:1000;letter-spacing:.5px;
}
.settings-form{position:relative;z-index:1;display:grid;gap:16px}
.settings-form label{display:grid;gap:8px;color:#eff6ff;font-weight:900}
.settings-form label>small{color:#75a8e2;font-size:12px;font-weight:750;line-height:1.45}
.settings-form textarea{min-height:150px}
.settings-file-input{
  padding:10px!important;background:rgba(9,15,23,.78)!important;
}
.settings-file-input::file-selector-button{
  margin-right:12px;border:1px solid rgba(173,201,230,.25);border-radius:10px;
  background:linear-gradient(145deg,#4692e8,#1a6fd1);color:#fff;padding:9px 12px;
  font-weight:950;cursor:pointer;
}
.settings-toggle{
  grid-template-columns:auto auto minmax(0,1fr)!important;align-items:center;gap:12px!important;
  padding:14px;border:1px solid rgba(173,201,230,.15);border-radius:18px;background:rgba(11,17,26,.38);
}
.settings-toggle input{position:absolute;opacity:0;pointer-events:none}
.settings-toggle span{
  width:54px;height:30px;border-radius:999px;position:relative;display:block;
  background:rgba(135,179,229,.18);border:1px solid rgba(135,179,229,.24);
  transition:.16s ease;
}
.settings-toggle span:after{
  content:"";position:absolute;width:22px;height:22px;border-radius:50%;left:3px;top:3px;
  background:#87b3e5;box-shadow:0 8px 18px rgba(0,0,0,.24);transition:.16s ease;
}
.settings-toggle input:checked + span{
  background:rgba(47,212,124,.18);border-color:rgba(47,212,124,.38);
}
.settings-toggle input:checked + span:after{
  left:27px;background:#2fd47c;box-shadow:0 0 18px rgba(47,212,124,.60);
}
.settings-toggle small{display:block;margin-top:3px;color:#87b3e5;font-weight:700}
.settings-status-row{display:flex;gap:10px;flex-wrap:wrap}
.settings-mini-status{
  display:inline-flex;align-items:center;gap:8px;padding:8px 11px;border-radius:999px;
  border:1px solid rgba(173,201,230,.15);background:rgba(255,255,255,.035);font-weight:900;font-size:13px;
}
.settings-mini-status:before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 14px currentColor}
.settings-mini-status.ok{color:#5df09b;background:rgba(47,212,124,.10);border-color:rgba(47,212,124,.25)}
.settings-mini-status.warn{color:#9cc9f7;background:rgba(74,141,217,.11);border-color:rgba(74,141,217,.25)}
.settings-actions{display:flex;justify-content:flex-end}
.settings-side-card{display:grid;gap:14px}
.settings-help{
  margin-top:8px;padding:14px;border-radius:16px;border:1px solid rgba(173,201,230,.13);
  background:rgba(11,17,26,.38);
}
.settings-help p{margin:5px 0 0;color:#87b3e5;line-height:1.5}
.settings-script-card{margin-top:20px}
.settings-code-box{
  position:relative;z-index:1;min-height:360px!important;font-family:Consolas,monospace!important;
  font-size:13px!important;line-height:1.5!important;background:rgba(9,15,23,.82)!important;
  white-space:pre;overflow:auto;
}
@media(max-width:1100px){
  .settings-grid{grid-template-columns:1fr}
}
@media(max-width:700px){
  .settings-card-head{grid-template-columns:1fr}
  .settings-toggle{grid-template-columns:auto minmax(0,1fr)!important}
  .settings-toggle span{grid-column:1}
  .settings-actions{justify-content:stretch}
  .settings-actions .btn{width:100%}
}

/* LSPD Settings Control Center */
.settings-center-tabs{display:grid;grid-template-columns:repeat(4,minmax(210px,1fr));gap:9px;margin:0 0 17px;padding:7px;border-radius:19px;background:rgba(14,21,33,.68);border:1px solid rgba(128,180,239,.15);box-shadow:0 14px 34px rgba(0,0,0,.20),inset 0 1px rgba(255,255,255,.025)}
.settings-center-tab{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:11px;min-height:68px;padding:11px 13px;border-radius:14px;color:#afc9e3;text-decoration:none;border:1px solid transparent;background:rgba(255,255,255,.016);transition:.16s ease}.settings-center-tab:hover{color:#fff;transform:translateY(-1px);border-color:rgba(128,180,239,.24);background:rgba(70,146,232,.07)}.settings-center-tab.active{color:#fff;border-color:rgba(98,162,236,.48);background:linear-gradient(135deg,rgba(70,146,232,.19),rgba(91,158,235,.10));box-shadow:0 10px 26px rgba(70,146,232,.12),inset 0 1px rgba(255,255,255,.04)}
.settings-center-tab-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;color:#adc9e6;font-size:11px;font-weight:1000;background:rgba(70,146,232,.10);border:1px solid rgba(128,180,239,.18)}.settings-center-tab.active .settings-center-tab-icon{color:#fff;background:linear-gradient(145deg,#4692e8,#579be8);border-color:rgba(173,201,230,.45);box-shadow:0 0 22px rgba(70,146,232,.24)}
.settings-center-tab>span:last-child{min-width:0}.settings-center-tab strong,.settings-center-tab small{display:block}.settings-center-tab strong{margin-bottom:4px;color:inherit;font-size:13px}.settings-center-tab small{overflow:hidden;color:#5c98dc;font-size:10px;text-overflow:ellipsis;white-space:nowrap}
.settings-command-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:3px 0 18px;padding:4px 2px 18px;border-bottom:1px solid rgba(173,201,230,.12)}
.settings-command-head h1{margin:4px 0 7px;font-size:clamp(34px,4vw,48px);line-height:1;letter-spacing:-.045em;background:linear-gradient(90deg,#fff,#b4cfe9);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none}.settings-command-head p:not(.eyebrow){margin:0;color:#87b3e5;line-height:1.5}
.settings-command-badge{display:flex;align-items:center;gap:11px;padding:10px 13px;border-radius:16px;border:1px solid rgba(43,130,229,.24);background:linear-gradient(145deg,rgba(22,64,126,.24),rgba(18,28,43,.82));box-shadow:0 16px 36px rgba(0,0,0,.22)}
.settings-command-badge>span{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(145deg,#1a6fd0,#277bdb);color:#fff;font-size:12px;font-weight:1000}.settings-command-badge small,.settings-command-badge strong{display:block}.settings-command-badge small{color:#6aa1e0;font-size:9px;text-transform:uppercase;letter-spacing:.65px}.settings-command-badge strong{margin-top:3px;color:#eff6ff;white-space:nowrap}
.settings-overview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}.settings-overview-grid article{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid rgba(173,201,230,.14);border-radius:18px;background:linear-gradient(145deg,rgba(19,31,47,.86),rgba(11,17,27,.94));box-shadow:0 14px 38px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.045)}
.settings-overview-grid article>span{width:44px;height:44px;display:grid;place-items:center;flex:0 0 auto;border-radius:13px;font-size:11px;font-weight:1000}.settings-overview-grid span.cyan{background:rgba(43,130,229,.15);color:#adc9e6;border:1px solid rgba(43,130,229,.22)}.settings-overview-grid span.blue{background:rgba(70,146,232,.15);color:#b3cee9;border:1px solid rgba(70,146,232,.22)}.settings-overview-grid span.violet{background:rgba(91,158,235,.15);color:#c0d6ec;border:1px solid rgba(91,158,235,.22)}.settings-overview-grid span.green{background:rgba(47,212,124,.14);color:#72efaa;border:1px solid rgba(47,212,124,.24)}.settings-overview-grid span.amber{background:rgba(245,169,52,.13);color:#ffd17d;border:1px solid rgba(245,169,52,.22)}
.settings-overview-grid small,.settings-overview-grid strong,.settings-overview-grid p{display:block}.settings-overview-grid small{color:#5795db;font-size:9px;text-transform:uppercase;letter-spacing:.55px;font-weight:1000}.settings-overview-grid strong{margin-top:3px;color:#fff;font-size:21px}.settings-overview-grid p{margin:2px 0 0;color:#4c8ed9;font-size:11px}
.settings-home-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:14px}.settings-home-card{padding:17px!important}.settings-home-head{display:flex;align-items:center;gap:11px;margin-bottom:13px;padding-bottom:12px;border-bottom:1px solid rgba(173,201,230,.11)}.settings-home-head>span{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(145deg,rgba(70,146,232,.24),rgba(87,155,232,.18));border:1px solid rgba(128,180,239,.18);color:#bcd3ea;font-size:10px;font-weight:1000}.settings-home-head h2{margin:3px 0 0;font-size:20px}
.settings-health-list{display:flex;flex-direction:column;gap:7px}.settings-health-list>div{display:grid;grid-template-columns:12px minmax(150px,.7fr) minmax(180px,1fr) auto;gap:9px;align-items:center;padding:10px;border:1px solid rgba(173,201,230,.09);border-radius:11px;background:rgba(255,255,255,.017)}.settings-health-list>div>span{width:9px;height:9px;border-radius:50%;background:#2fd47c;box-shadow:0 0 12px rgba(47,212,124,.55)}.settings-health-list>div>span.amber{background:#f5a934;box-shadow:0 0 12px rgba(245,169,52,.48)}.settings-health-list strong{color:#eff6ff;font-size:11px}.settings-health-list small{color:#4d8ed9;font-size:10px}.settings-health-list b{padding:5px 7px;border-radius:8px;background:rgba(47,212,124,.08);color:#68e9a2;font-size:9px}.settings-health-list>div:has(span.amber) b{background:rgba(245,169,52,.08);color:#f7c469}
.settings-home-actions{display:flex;flex-direction:column;gap:8px}.settings-home-actions a{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px;border:1px solid rgba(173,201,230,.10);border-radius:12px;background:rgba(255,255,255,.018);color:inherit;text-decoration:none;transition:.16s ease}.settings-home-actions a:hover{transform:translateX(3px);border-color:rgba(74,144,224,.28);background:rgba(70,146,232,.06)}.settings-home-actions a>span{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:rgba(70,146,232,.11);color:#acc9e7;font-size:9px;font-weight:1000}.settings-home-actions strong,.settings-home-actions small{display:block}.settings-home-actions strong{color:#eff6ff;font-size:11px}.settings-home-actions small{margin-top:3px;color:#4388d7;font-size:9px}.settings-home-actions b{color:#679fdf}
.settings-jump-nav{position:sticky;top:8px;z-index:25;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-bottom:17px;padding:6px;border:1px solid rgba(173,201,230,.14);border-radius:16px;background:rgba(12,20,30,.88);box-shadow:0 14px 36px rgba(0,0,0,.26);backdrop-filter:blur(18px)}
.settings-jump-nav a{display:flex;align-items:center;justify-content:center;gap:8px;min-height:38px;border-radius:11px;color:#87b3e5;text-decoration:none;font-size:12px;font-weight:900;transition:.16s ease}.settings-jump-nav a:hover{background:rgba(70,146,232,.10);color:#eff6ff}.settings-jump-nav a span{color:#63a3ec;font-size:9px}
.settings-workspace,.settings-tools-panel{scroll-margin-top:70px;margin-bottom:18px!important;padding:18px!important;border-color:rgba(43,130,229,.19)!important;background:radial-gradient(circle at 0 0,rgba(43,130,229,.09),transparent 28%),linear-gradient(180deg,rgba(20,32,50,.96),rgba(13,20,31,.98))!important}
.settings-section-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;margin-bottom:16px;padding-bottom:15px;border-bottom:1px solid rgba(173,201,230,.11)}.settings-section-head h2{margin:3px 0 4px;font-size:24px}.settings-section-head p:not(.eyebrow){margin:0;color:#71a5e1;line-height:1.45}.settings-section-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;font-weight:1000}.settings-section-icon.cyan{background:linear-gradient(145deg,#1a6fd0,#277bdb);box-shadow:0 12px 30px rgba(26,111,208,.20)}.settings-section-icon.violet{background:linear-gradient(145deg,#5c9feb,#317fd8);box-shadow:0 12px 30px rgba(92,159,235,.20)}.settings-count-chip{padding:8px 10px;border-radius:999px;border:1px solid rgba(43,130,229,.20);background:rgba(43,130,229,.08);color:#acc9e7;font-size:11px;font-weight:900;white-space:nowrap}
.settings-practical-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:14px;align-items:start}.settings-practical-main{min-width:0}.settings-list-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.settings-list-toolbar label{display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;width:min(420px,100%);border:1px solid rgba(173,201,230,.16);border-radius:12px;background:rgba(9,15,23,.55)}.settings-list-toolbar label>span{display:grid;place-items:center;color:#639cde;font-size:18px}.settings-list-toolbar input{border:0!important;background:transparent!important;box-shadow:none!important;padding:10px 8px!important}.settings-list-toolbar>span{color:#478bd8;font-size:11px;font-weight:900;white-space:nowrap}
.settings-bulk-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap;margin:-3px 0 13px;padding:9px;border:1px solid rgba(173,201,230,.10);border-radius:13px;background:rgba(11,17,27,.35)}.settings-bulk-actions>div{margin-right:auto}.settings-bulk-actions strong,.settings-bulk-actions small{display:block}.settings-bulk-actions strong{color:#eff6ff;font-size:11px}.settings-bulk-actions small{margin-top:2px;color:#4388d7;font-size:9px}.settings-bulk-actions .btn{padding:7px 9px;font-size:9px}
.settings-practical-list{display:flex;flex-direction:column;gap:8px;max-height:610px;padding-right:4px;overflow:auto;scrollbar-width:thin;scrollbar-color:#2970c2 transparent}.settings-practical-row[hidden]{display:none!important}.settings-practical-row{border:1px solid rgba(173,201,230,.12);border-radius:15px;background:rgba(11,17,27,.46);transition:border-color .16s ease,opacity .16s ease,background .16s ease}.settings-practical-row:hover{border-color:rgba(173,201,230,.23);background:rgba(20,32,50,.62)}.settings-practical-row.is-inactive{opacity:.62}.settings-practical-row.is-active{border-left-color:#2fd47c}.settings-practical-row.is-inactive{border-left-color:#378ef2}
.settings-practical-editor{display:grid;grid-template-columns:34px minmax(180px,1.05fr) minmax(180px,1fr) 92px 94px auto;gap:8px;align-items:end;padding:10px}.settings-practical-editor label{display:grid;gap:5px;min-width:0}.settings-practical-editor label>small{color:#458ad8;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.45px}.settings-practical-editor input{min-width:0;padding:10px 11px!important;border-radius:10px!important;font-size:12px}.settings-row-number{width:30px;height:36px;display:grid;place-items:center;align-self:end;border-radius:9px;background:rgba(70,146,232,.10);color:#adc9e6;font-size:10px;font-weight:1000}.settings-exam-order input{text-align:center}
.settings-inline-toggle{display:flex!important;align-items:center;align-self:end;gap:7px;height:38px;padding:0 9px;border:1px solid rgba(173,201,230,.13);border-radius:10px;background:rgba(255,255,255,.025);cursor:pointer}.settings-inline-toggle input{position:absolute;opacity:0;pointer-events:none}.settings-inline-toggle span{width:25px;height:15px;position:relative;border-radius:999px;background:rgba(135,179,229,.18);border:1px solid rgba(135,179,229,.22)}.settings-inline-toggle span:after{content:"";position:absolute;left:2px;top:2px;width:9px;height:9px;border-radius:50%;background:#69a0df;transition:.15s ease}.settings-inline-toggle input:checked+span{background:rgba(47,212,124,.18);border-color:rgba(47,212,124,.32)}.settings-inline-toggle input:checked+span:after{left:12px;background:#2fd47c}.settings-inline-toggle strong{color:#afc9e4;font-size:10px}
.settings-row-actions{display:flex;gap:6px;align-self:end}.settings-row-actions .btn{min-height:38px;padding:8px 10px;font-size:10px}
.settings-create-card{position:sticky;top:70px;padding:15px;border:1px solid rgba(43,130,229,.20);border-radius:18px;background:linear-gradient(145deg,rgba(24,38,59,.84),rgba(12,20,30,.94));box-shadow:0 18px 44px rgba(0,0,0,.24)}.settings-create-card-head{display:flex;align-items:center;gap:10px;margin-bottom:14px}.settings-create-card-head>span{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(145deg,#1a6fd0,#277bdb);font-size:20px;font-weight:600}.settings-create-card-head small,.settings-create-card-head strong{display:block}.settings-create-card-head small{color:#5f9add;font-size:9px;text-transform:uppercase;letter-spacing:.55px}.settings-create-card-head strong{margin-top:3px;color:#fff}.settings-create-form{display:grid;gap:10px}.settings-create-form>label:not(.settings-toggle){display:grid;gap:6px;color:#bed4eb;font-size:11px;font-weight:900}.settings-create-form input{padding:11px!important;border-radius:11px!important}.settings-toggle.compact{padding:10px!important;border-radius:13px!important}.settings-create-note{margin:12px 0 0;padding:10px;border-radius:11px;background:rgba(43,130,229,.045);border:1px solid rgba(43,130,229,.11);color:#619bde;font-size:10px;line-height:1.5}.settings-create-note strong{color:#acc9e7}
.settings-empty-state{display:flex;min-height:180px;flex-direction:column;align-items:center;justify-content:center;padding:24px;border:1px dashed rgba(173,201,230,.17);border-radius:16px;color:#73a6e1;text-align:center}.settings-empty-state>span{width:44px;height:44px;display:grid;place-items:center;margin-bottom:10px;border-radius:13px;background:rgba(43,130,229,.10);color:#adc9e6;font-weight:1000}.settings-empty-state strong{color:#eff6ff}.settings-empty-state p{margin:5px 0 0}
.settings-tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.settings-tool-grid a{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:10px;align-items:center;padding:12px;border:1px solid rgba(173,201,230,.11);border-radius:14px;background:rgba(255,255,255,.018);color:inherit;text-decoration:none;transition:.16s ease}.settings-tool-grid a:hover{transform:translateY(-2px);border-color:rgba(74,144,224,.28);background:rgba(70,146,232,.06)}.settings-tool-grid a>span{width:40px;height:40px;display:grid;place-items:center;border-radius:11px;background:rgba(70,146,232,.11);color:#acc9e7;font-size:10px;font-weight:1000}.settings-tool-grid strong,.settings-tool-grid small{display:block}.settings-tool-grid strong{color:#eff6ff;font-size:12px}.settings-tool-grid small{margin-top:4px;color:#4388d7;font-size:10px}.settings-tool-grid b{color:#679fdf;font-size:17px}
.settings-section-title{display:flex;align-items:center;gap:12px;margin:25px 0 12px;scroll-margin-top:70px}.settings-section-title>span{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:rgba(70,146,232,.12);border:1px solid rgba(70,146,232,.20);color:#adc9e6;font-size:10px;font-weight:1000}.settings-section-title h2{margin:2px 0 0}.settings-integration-grid{margin-bottom:18px}
.settings-advanced{scroll-margin-top:70px;margin-top:0!important;padding:0!important;overflow:hidden!important}.settings-advanced summary{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;padding:17px;cursor:pointer;list-style:none}.settings-advanced summary::-webkit-details-marker{display:none}.settings-advanced summary h2{margin:3px 0 4px}.settings-advanced summary p:not(.eyebrow){margin:0;color:#659dde}.settings-advanced summary>b{padding:8px 11px;border:1px solid rgba(173,201,230,.15);border-radius:10px;color:#adc9e6;font-size:11px}.settings-advanced[open] summary{border-bottom:1px solid rgba(173,201,230,.12)}.settings-advanced-body{padding:16px}.settings-code-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:10px}.settings-code-head p{margin:0;color:#6fa4e0;line-height:1.5}
@media(max-width:1350px){.settings-practical-layout{grid-template-columns:1fr}.settings-create-card{position:static}.settings-practical-editor{grid-template-columns:34px minmax(180px,1fr) minmax(180px,1fr) 86px 94px}.settings-row-actions{grid-column:2/-1;justify-content:flex-end}.settings-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1100px){.settings-center-tabs{grid-template-columns:repeat(2,minmax(220px,1fr))}.settings-home-grid{grid-template-columns:1fr}}
@media(max-width:1050px){.settings-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-practical-editor{grid-template-columns:34px 1fr 1fr}.settings-exam-order{grid-column:2}.settings-inline-toggle{grid-column:3}.settings-row-actions{grid-column:2/-1}.settings-jump-nav{position:relative;top:auto}}
@media(max-width:720px){.settings-command-head{align-items:flex-start;flex-direction:column}.settings-command-badge{width:100%}.settings-center-tabs,.settings-overview-grid,.settings-jump-nav,.settings-tool-grid{grid-template-columns:1fr}.settings-jump-nav a{justify-content:flex-start;padding:0 11px}.settings-section-head{grid-template-columns:auto minmax(0,1fr)}.settings-count-chip{grid-column:1/-1;justify-self:start}.settings-health-list>div{grid-template-columns:12px minmax(0,1fr) auto}.settings-health-list small{grid-column:2/-1}.settings-bulk-actions{align-items:stretch;flex-direction:column}.settings-bulk-actions>div{margin:0 0 3px}.settings-bulk-actions .btn{width:100%}.settings-list-toolbar{align-items:stretch;flex-direction:column}.settings-practical-list{max-height:none;overflow:visible}.settings-practical-editor{grid-template-columns:34px minmax(0,1fr);align-items:stretch}.settings-exam-title,.settings-exam-description,.settings-exam-order,.settings-inline-toggle,.settings-row-actions{grid-column:2}.settings-row-number{grid-row:1;align-self:start}.settings-row-actions{justify-content:stretch}.settings-row-actions .btn{flex:1}.settings-advanced summary{grid-template-columns:auto minmax(0,1fr)}.settings-advanced summary>b{grid-column:1/-1;justify-self:start}.settings-code-head{align-items:flex-start;flex-direction:column}.settings-code-head .btn{width:100%}}

@media(min-width:901px){
  .sidebar nav a{min-height:35px!important;padding-top:5px!important;padding-bottom:5px!important}
  .sidebar nav{gap:2px!important}
}

/* LSPD Login + Registrierung */
body.lspd-auth-page{
  min-height:100vh;padding:0;overflow:auto;
  background:
    radial-gradient(circle at 72% 18%,rgba(70,146,232,.18),transparent 30%),
    radial-gradient(circle at 22% 88%,rgba(24,69,136,.18),transparent 34%),
    linear-gradient(135deg,#090f17 0%,#111b2a 48%,#070c12 100%)!important;
}
body.lspd-auth-page:before{
  content:"";position:fixed;inset:0;pointer-events:none;
  background:
    linear-gradient(rgba(173,201,230,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(173,201,230,.035) 1px,transparent 1px);
  background-size:58px 58px;
  mask-image:radial-gradient(circle at 62% 42%,rgba(0,0,0,.9),transparent 78%);
  opacity:.7;
}
body.lspd-auth-page:after{
  content:"LSPD";position:fixed;right:7%;top:7%;font-size:150px;line-height:1;
  letter-spacing:18px;font-weight:1000;color:rgba(173,201,230,.035);pointer-events:none;
}
.lspd-auth-glow{
  position:fixed;inset:auto 0 0 0;height:34vh;pointer-events:none;
  background:radial-gradient(ellipse at 50% 100%,rgba(70,146,232,.16),transparent 68%);
}
.lspd-auth-shell{
  position:relative;z-index:1;min-height:100vh;width:min(1220px,100%);
  margin:0 auto;padding:54px 28px;display:grid;grid-template-columns:minmax(0,1.05fr) 470px;
  gap:42px;align-items:center;
}
.lspd-register-shell{grid-template-columns:minmax(0,.95fr) minmax(460px,560px)}
.lspd-auth-brand{text-align:left}
.lspd-logo-lockup{
  display:inline-flex;align-items:center;gap:14px;margin-bottom:34px;padding:11px 14px;
  border:1px solid rgba(173,201,230,.18);border-radius:22px;
  background:linear-gradient(135deg,rgba(28,44,68,.72),rgba(13,20,31,.74));
  box-shadow:0 18px 44px rgba(0,0,0,.30),inset 0 1px rgba(255,255,255,.06);
}
.lspd-logo-ring{
  width:62px;height:62px;border-radius:50%;display:grid;place-items:center;padding:4px;
  background:linear-gradient(145deg,#4692e8,#19417d);box-shadow:0 0 36px rgba(70,146,232,.30);
}
.lspd-logo-ring img{width:100%;height:100%;object-fit:contain;border-radius:0;display:block}
.lspd-logo-lockup small{
  display:block;color:#acc9e7;text-transform:uppercase;letter-spacing:1.8px;font-weight:1000;font-size:10px;
}
.lspd-logo-lockup strong{display:block;margin-top:3px;font-size:20px;color:#fff}
.lspd-auth-brand .eyebrow{color:#adc9e6}
.lspd-auth-brand h1{
  max-width:760px;margin:8px 0 14px;font-size:clamp(46px,5.4vw,78px);line-height:.94;
  letter-spacing:-.06em;background:linear-gradient(90deg,#fff 0%,#eff6ff 48%,#5fa0eb 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none;
}
.lspd-auth-brand .hero-copy{max-width:610px;margin:0;color:#b5cfe9;font-size:17px;line-height:1.7}
.lspd-auth-stats,.lspd-enrollment-steps{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:650px;margin-top:30px;
}
.lspd-auth-stats div,.lspd-enrollment-steps div{
  padding:15px;border-radius:18px;border:1px solid rgba(173,201,230,.14);
  background:rgba(11,17,26,.42);box-shadow:inset 0 1px rgba(255,255,255,.04);
}
.lspd-auth-stats strong,.lspd-enrollment-steps strong{
  display:block;font-size:24px;color:#fff;line-height:1;font-weight:1000;
}
.lspd-auth-stats span,.lspd-enrollment-steps span{display:block;margin-top:7px;color:#aec9e5;font-weight:850;font-size:13px}
.lspd-auth-card{
  width:100%!important;border-radius:26px!important;padding:30px!important;
  border:1px solid rgba(173,201,230,.20)!important;
  background:
    radial-gradient(circle at 100% 0%,rgba(70,146,232,.13),transparent 38%),
    linear-gradient(145deg,rgba(22,34,53,.86),rgba(11,17,27,.94))!important;
  box-shadow:0 28px 90px rgba(0,0,0,.50),0 0 60px rgba(70,146,232,.08),inset 0 1px rgba(255,255,255,.07)!important;
}
.lspd-auth-card:before{
  background:linear-gradient(90deg,rgba(70,146,232,.65),rgba(173,201,230,.26),rgba(70,146,232,0))!important;
  height:3px;bottom:auto!important;right:auto!important;
}
.lspd-auth-card .auth-card-head{align-items:flex-start;margin-bottom:22px}
.lspd-auth-card .auth-card-head h2{font-size:30px}
.lspd-auth-card .auth-card-head p{color:#adc9e6}
.lspd-secure-dot{
  background:linear-gradient(145deg,#4692e8,#1a6fd1)!important;
  box-shadow:0 0 34px rgba(70,146,232,.32)!important;
}
.lspd-secure-dot:after{content:"ID"!important;font-size:14px;letter-spacing:.6px}
.lspd-login-form label{color:#eff6ff!important}
.lspd-login-form input{
  height:54px!important;background:rgba(9,15,23,.78)!important;border-color:rgba(173,201,230,.20)!important;
  color:#fff!important;
}
.lspd-login-form input::placeholder{color:#4187d7}
.lspd-login-form input:focus{
  border-color:#4692e8!important;box-shadow:0 0 0 4px rgba(70,146,232,.15),0 0 30px rgba(70,146,232,.12)!important;
}
.remember-login-check{
  display:flex!important;flex-direction:row!important;align-items:center;gap:11px;
  padding:12px 14px;border:1px solid rgba(173,201,230,.16);border-radius:16px;
  background:rgba(173,201,230,.045);color:#eff6ff!important;font-weight:950;
  box-shadow:inset 0 1px rgba(255,255,255,.04);
}
.remember-login-check input{
  width:18px!important;height:18px!important;min-width:18px;margin:0!important;
  accent-color:#4692e8;box-shadow:none!important;
}
.remember-login-check span{line-height:1}
.lspd-login-form button{
  min-height:50px;background:linear-gradient(135deg,#4692e8,#1a6fd1)!important;
  box-shadow:0 16px 34px rgba(70,146,232,.26)!important;
}
.lspd-login-form .btn.secondary{
  min-height:48px;background:rgba(173,201,230,.07)!important;border-color:rgba(173,201,230,.16)!important;
}
.lspd-register-note{
  display:flex;gap:12px;align-items:flex-start;padding:13px;border-radius:16px;
  border:1px solid rgba(173,201,230,.14);background:rgba(70,146,232,.055);
}
.lspd-register-note span{
  width:28px;height:28px;min-width:28px;border-radius:10px;display:grid;place-items:center;
  background:rgba(70,146,232,.15);color:#acc9e7;font-weight:1000;
}
.lspd-register-note p{margin:0;color:#adc9e6;line-height:1.5}
@media(max-width:1050px){
  .lspd-auth-shell,.lspd-register-shell{grid-template-columns:1fr;gap:24px;align-items:start}
  .lspd-auth-brand{text-align:center}
  .lspd-logo-lockup{margin-left:auto;margin-right:auto}
  .lspd-auth-brand .hero-copy,.lspd-auth-brand h1,.lspd-auth-stats,.lspd-enrollment-steps{margin-left:auto;margin-right:auto}
}
@media(max-width:640px){
  .lspd-auth-shell{padding:28px 16px}
  .lspd-auth-brand h1{font-size:42px}
  .lspd-auth-stats,.lspd-enrollment-steps{grid-template-columns:1fr}
  .lspd-auth-card{padding:22px!important;border-radius:22px!important}
}

/* LSPD Ops Dashboard */
.ops-dashboard-head{
  display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:4px 0 18px;
  padding-bottom:18px;border-bottom:1px solid rgba(173,201,230,.12);
}
.ops-dashboard-head h1{
  margin:4px 0 7px;font-size:42px;line-height:1;letter-spacing:-.035em;
  background:linear-gradient(90deg,#fff,#b4cfe9);-webkit-background-clip:text;background-clip:text;color:transparent;
  text-shadow:none;
}
.ops-head-actions{display:flex;gap:10px;flex-wrap:wrap}
.ops-status-strip{
  display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.8fr) minmax(240px,.65fr);
  gap:14px;margin-bottom:14px;
}
.ops-identity-card,.ops-priority-card,.ops-sync-card,.ops-kpi,.ops-panel{
  border:1px solid rgba(173,201,230,.17);
  background:linear-gradient(145deg,rgba(19,31,47,.86),rgba(11,17,27,.94));
  box-shadow:0 18px 54px rgba(0,0,0,.26),inset 0 1px rgba(255,255,255,.055);
}
.ops-identity-card,.ops-priority-card,.ops-sync-card{
  min-height:92px;border-radius:18px;padding:16px;display:flex;align-items:center;gap:14px;
}
.ops-avatar{
  width:54px;height:54px;border-radius:17px;display:grid;place-items:center;
  background:linear-gradient(145deg,#4692e8,#69a6ec);box-shadow:0 0 28px rgba(70,146,232,.24);
  font-weight:1000;
}
.ops-identity-card small,.ops-priority-card small,.ops-sync-card small,.ops-panel-head small,.ops-system-grid small{
  display:block;color:#adc9e6;text-transform:uppercase;letter-spacing:1.2px;font-size:10px;font-weight:1000;
}
.ops-identity-card strong,.ops-priority-card strong,.ops-sync-card strong{
  display:block;margin:5px 0 3px;font-size:20px;line-height:1.1;
}
.ops-identity-card span,.ops-priority-card span,.ops-sync-card span{color:#87b3e5;font-size:13px}
.ops-priority-card,.ops-sync-card{display:block}
.ops-priority-card.warning{border-color:rgba(215,170,76,.28);background:linear-gradient(145deg,rgba(55,38,12,.76),rgba(17,16,13,.94))}
.ops-priority-card.clear{border-color:rgba(47,212,124,.24);background:linear-gradient(145deg,rgba(10,50,36,.60),rgba(12,20,30,.94))}
.ops-kpi-grid{
  display:grid;grid-template-columns:repeat(5,minmax(150px,1fr));gap:12px;margin-bottom:14px;
}
.ops-kpi{
  min-height:104px;border-radius:17px;padding:14px;display:flex;align-items:center;gap:13px;
  transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease;
}
.ops-kpi:hover{transform:translateY(-2px);border-color:rgba(173,201,230,.32);box-shadow:0 24px 64px rgba(0,0,0,.32)}
.ops-kpi>span{
  width:42px;height:42px;min-width:42px;border-radius:14px;display:grid;place-items:center;
  background:rgba(70,146,232,.14);border:1px solid rgba(173,201,230,.20);color:#eff6ff;font-weight:1000;
}
.ops-kpi.green>span{background:rgba(47,212,124,.13)}
.ops-kpi.amber>span{background:rgba(215,170,76,.14)}
.ops-kpi small,.ops-kpi em{display:block;color:#87b3e5;font-style:normal;font-weight:800;font-size:12px}
.ops-kpi strong{display:block;margin:4px 0 2px;font-size:34px;line-height:.95;color:#fff}
.ops-dashboard-grid{
  display:grid;grid-template-columns:minmax(0,1.35fr) minmax(360px,.75fr);gap:14px;align-items:start;
}
.ops-side-stack{display:grid;gap:14px}
.ops-panel{border-radius:18px;padding:17px;overflow:hidden}
.ops-panel-head{
  display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;
}
.ops-panel-head h2{margin:3px 0 0;font-size:22px}
.ops-panel-head.simple{align-items:flex-start}
.ops-list,.ops-action-grid,.ops-audit-list{display:grid;gap:9px}
.ops-result-row{
  display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:12px;align-items:center;
  padding:12px;border-radius:15px;text-decoration:none;border:1px solid rgba(173,201,230,.11);
  background:rgba(11,17,26,.36);transition:.15s ease;
}
.ops-result-row:hover{transform:translateX(3px);border-color:rgba(173,201,230,.28);background:rgba(70,146,232,.065)}
.ops-row-avatar{
  width:42px;height:42px;border-radius:14px;display:grid;place-items:center;
  background:linear-gradient(145deg,#4692e8,#69a6ec);font-weight:1000;
}
.ops-result-row strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ops-result-row small{display:block;margin-top:3px;color:#75a8e2}
.ops-result-row b{font-size:19px}
.ops-result-row em{
  display:inline-flex;justify-content:center;min-width:112px;padding:7px 10px;border-radius:999px;
  font-style:normal;font-size:12px;font-weight:1000;border:1px solid rgba(173,201,230,.16);
}
.ops-result-row em.green{color:#9dffc8;background:rgba(47,212,124,.12);border-color:rgba(47,212,124,.28)}
.ops-result-row em.red{color:#ffc5c5;background:rgba(240,82,82,.12);border-color:rgba(240,82,82,.28)}
.ops-result-row em.amber{color:#ffd98e;background:rgba(215,170,76,.12);border-color:rgba(215,170,76,.28)}
.ops-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.ops-action-grid a{
  display:flex;gap:10px;align-items:center;padding:12px;border-radius:15px;text-decoration:none;
  border:1px solid rgba(173,201,230,.12);background:rgba(11,17,26,.34);transition:.15s ease;
}
.ops-action-grid a:hover{transform:translateY(-2px);border-color:rgba(173,201,230,.30);background:rgba(70,146,232,.07)}
.ops-action-grid span{
  width:34px;height:34px;min-width:34px;border-radius:12px;display:grid;place-items:center;
  background:rgba(70,146,232,.12);color:#acc9e7;font-weight:1000;font-size:12px;
}
.ops-action-grid strong{display:block;font-size:14px}
.ops-action-grid small{display:block;margin-top:2px;color:#75a8e2}
.ops-audit-item{
  display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;
  padding:10px 0;border-bottom:1px solid rgba(173,201,230,.09);
}
.ops-audit-item:last-child{border-bottom:0}
.ops-audit-item>span{
  width:9px;height:9px;border-radius:50%;background:#4692e8;box-shadow:0 0 16px rgba(70,146,232,.55);
}
.ops-audit-item strong{display:block;font-size:14px}
.ops-audit-item small{display:block;margin-top:3px;color:#75a8e2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:280px}
.ops-audit-item time{color:#87b3e5;font-size:12px}
.ops-system-card{grid-column:1 / -1}
.ops-system-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.ops-system-grid>div{
  padding:14px;border-radius:15px;border:1px solid rgba(173,201,230,.11);background:rgba(11,17,26,.34);
}
.ops-system-grid strong{display:block;margin:5px 0 3px;font-size:18px}
.ops-system-grid span{color:#75a8e2}
@media(max-width:1350px){
  .ops-status-strip,.ops-dashboard-grid{grid-template-columns:1fr}
  .ops-kpi-grid{grid-template-columns:repeat(3,minmax(150px,1fr))}
}
@media(max-width:760px){
  .ops-dashboard-head{display:block}
  .ops-head-actions{margin-top:14px}
  .ops-kpi-grid,.ops-action-grid,.ops-system-grid{grid-template-columns:1fr}
  .ops-result-row{grid-template-columns:auto minmax(0,1fr)}
  .ops-result-row b,.ops-result-row em{grid-column:2;justify-self:start}
  .ops-audit-item{grid-template-columns:auto minmax(0,1fr)}
  .ops-audit-item time{grid-column:2}
}

/* Rechte-Seite: Rollen zuerst, Rangrechte danach als automatische Zusatzfreigabe. */
.permissions-main{display:flex;flex-direction:column}
.role-create-panel-wrap{order:1}
.role-rights-panel{order:2}
.rank-rights-redirect-panel{order:3}
.user-rights-panel{order:4}

/* Moderne 403-Seite */
.access-denied-page{
  min-height:100vh;margin:0;display:grid;place-items:center;
  background:
    radial-gradient(circle at 18% 18%,rgba(70,146,232,.22),transparent 34%),
    radial-gradient(circle at 78% 72%,rgba(105,166,236,.24),transparent 32%),
    linear-gradient(135deg,#0a1019,#152134 52%,#090f17);
  color:#eff6ff;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
.access-denied-shell{
  width:min(720px,calc(100% - 36px));position:relative;
}
.access-denied-shell:before{
  content:"LSPD";position:absolute;right:18px;top:-72px;font-size:96px;font-weight:1000;
  color:rgba(173,201,230,.045);letter-spacing:.08em;
}
.access-denied-card{
  position:relative;overflow:hidden;padding:34px;border-radius:28px;
  border:1px solid rgba(173,201,230,.22);
  background:linear-gradient(145deg,rgba(28,44,68,.92),rgba(14,22,35,.95));
  box-shadow:0 26px 70px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.05);
}
.access-denied-card:before{
  content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(70,146,232,.08),transparent 42%,rgba(105,166,236,.10));
  pointer-events:none;
}
.access-denied-mark{
  width:72px;height:72px;border-radius:22px;display:grid;place-items:center;margin-bottom:18px;
  background:linear-gradient(145deg,#f05252,#4491e8);box-shadow:0 0 38px rgba(240,82,82,.28);
}
.access-denied-mark span{font-weight:1000;letter-spacing:.08em}
.access-denied-card h1{position:relative;margin:6px 0 10px;font-size:clamp(34px,5vw,58px);line-height:.98}
.access-denied-card p{position:relative;max-width:560px;color:#b3cee8;font-size:17px;line-height:1.6}
.access-denied-actions{position:relative;display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}

/* Benutzerverwaltung: klare moderne Aktionen */
.user-actions{
  min-width:190px!important;display:flex!important;gap:8px!important;align-items:center!important;flex-wrap:nowrap!important;
}
.user-actions form{margin:0!important}
.user-action-btn{
  min-height:38px;padding:8px 11px!important;border-radius:13px!important;
  display:inline-flex!important;align-items:center!important;gap:8px!important;
  border:1px solid rgba(173,201,230,.22)!important;
  background:linear-gradient(145deg,rgba(70,146,232,.18),rgba(21,32,50,.72))!important;
  color:#eff6ff!important;box-shadow:none!important;font-size:12px!important;font-weight:950!important;
}
.user-action-btn span{
  width:22px;height:22px;border-radius:8px;display:grid;place-items:center;
  background:rgba(70,146,232,.18);color:#adc9e6;font-size:13px;line-height:1;
}
.user-action-btn strong{font-size:12px;line-height:1}
.user-action-btn.report{text-decoration:none!important;border-color:rgba(43,130,229,.28)!important;color:#b8d1ea!important}
.user-action-btn.report span{background:rgba(43,130,229,.14);color:#adc9e6;font-size:9px}
.user-action-btn.sanction{text-decoration:none!important;border-color:rgba(83,158,244,.28)!important;color:#9cc9f7!important}
.user-action-btn.sanction span{background:rgba(83,158,244,.13);color:#76b2f6;font-size:9px}
.user-action-btn:hover{
  transform:translateY(-1px)!important;border-color:rgba(173,201,230,.42)!important;
  background:linear-gradient(145deg,rgba(70,146,232,.25),rgba(26,41,63,.86))!important;
}
.user-action-btn.delete{
  border-color:rgba(240,82,82,.28)!important;
  background:linear-gradient(145deg,rgba(240,82,82,.15),rgba(50,11,21,.72))!important;
  color:#ffd0d5!important;
}
.user-action-btn.delete span{background:rgba(240,82,82,.18);color:#ff98a5}
.user-action-btn.delete:hover{
  border-color:rgba(240,82,82,.48)!important;
  background:linear-gradient(145deg,rgba(240,82,82,.22),rgba(70,14,28,.86))!important;
}
.user-action-btn.delete.permanent{border-color:rgba(255,76,76,.72);background:rgba(124,18,28,.3);color:#ffd9dd}
.user-action-btn.delete.permanent:hover{background:rgba(160,23,35,.44);box-shadow:0 10px 26px rgba(240,50,68,.2)}
.user-action-btn:disabled{opacity:.38!important;cursor:not-allowed!important;filter:grayscale(.25)}
@media(max-width:900px){
  .user-actions{min-width:116px!important}
  .user-action-btn strong{display:none}
  .user-action-btn{width:40px!important;height:40px!important;padding:0!important;justify-content:center!important}
  .user-action-btn span{background:transparent}
}

/* Benutzerverwaltung: ruhige Tabellenstruktur und Master-Admin-Aktionen */
.user-list-panel{overflow:visible}
.user-table-wrap{
  overflow:auto;border:1px solid rgba(128,180,239,.18);border-radius:16px;
  background:linear-gradient(180deg,rgba(14,23,35,.78),rgba(12,19,30,.92));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)
}
.user-table{width:100%;min-width:1180px;table-layout:fixed;border-collapse:separate;border-spacing:0}
.user-table th:nth-child(1){width:7%}.user-table th:nth-child(2){width:16%}.user-table th:nth-child(3){width:17%}.user-table th:nth-child(4){width:10%}
.user-table th:nth-child(5){width:18%}.user-table th:nth-child(6){width:6%}.user-table th:nth-child(7){width:9%}.user-table th:nth-child(8){width:17%}
.user-table thead th{
  height:42px;padding:0 13px;background:linear-gradient(180deg,rgba(38,60,94,.96),rgba(29,46,71,.96));
  border-bottom:1px solid rgba(120,169,226,.20);color:#b1cde8;font-size:10px;letter-spacing:.75px;text-transform:uppercase
}
.user-table thead th:first-child{border-top-left-radius:14px}.user-table thead th:last-child{border-top-right-radius:14px}
.user-table tbody .user-data-row td{
  height:62px;padding:9px 13px;border-bottom:1px solid rgba(120,169,226,.12);background:rgba(16,25,39,.48);
  color:#eff6ff;vertical-align:middle;transition:background .14s ease,border-color .14s ease
}
.user-table tbody .user-data-row:hover td{background:rgba(26,62,114,.30);border-bottom-color:rgba(92,159,235,.24)}
.user-table tbody .user-data-row:last-of-type td{border-bottom-color:transparent}
.user-table td:not(.user-actions){overflow:hidden;text-overflow:ellipsis}
.user-table td:first-child strong{font-size:12px;color:#eff6ff;letter-spacing:.2px}
.user-person{min-width:0;gap:11px}
.user-person>div{min-width:0}.user-person strong,.user-person small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.user-person .avatar-dot{width:34px;height:34px;min-width:34px;border-radius:11px;background:linear-gradient(145deg,#398ae6,#2170ca);border:1px solid rgba(173,201,230,.18)}
.user-table .rank-badge,.user-table td:nth-child(4) .status-chip{
  max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:9px;
  min-height:27px;padding:5px 9px;font-size:11px
}
.user-table td:nth-child(5){color:#c3d8ed;font-size:12px;white-space:normal;line-height:1.3}
.user-table td:nth-child(6){color:#adc9e6;font-weight:850;text-align:left}
.user-table td:nth-child(7) .status-chip{min-width:48px;justify-content:center}
.user-actions{
  min-width:0!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;
  gap:7px!important;flex-wrap:wrap!important;overflow:visible!important
}
.user-actions form{display:inline-flex}
.user-action-btn{min-height:34px!important;padding:6px 9px!important;border-radius:10px!important;gap:6px!important}
.user-action-btn span{width:20px;height:20px;border-radius:7px;font-size:11px}
.user-action-btn strong{font-size:11px}
.user-protection-chip{
  min-height:30px;padding:6px 9px!important;border-radius:9px!important;font-size:10px!important;
  background:linear-gradient(145deg,rgba(27,111,207,.27),rgba(12,35,69,.42))!important;
  border-color:rgba(83,158,244,.28)!important;color:#76b2f6!important
}
.user-edit-row.open td{padding:12px 14px!important;background:linear-gradient(180deg,rgba(27,67,128,.18),rgba(16,26,40,.88))!important}
.user-edit-form{border-radius:14px;background:rgba(13,20,32,.72);box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.user-filter-bar input,.user-filter-bar select{border-radius:11px;background:rgba(13,20,32,.84)}
.user-filter-bar input:focus,.user-filter-bar select:focus{border-color:rgba(91,158,235,.55);box-shadow:0 0 0 3px rgba(70,146,232,.08)}
@media(max-width:900px){
  .user-table{min-width:1040px}
  .user-actions{min-width:0!important}
  .user-action-btn{width:34px!important;height:34px!important;padding:0!important}
  .user-protection-chip{max-width:92px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}

/* Benutzerliste: stabiles Aktionsraster ohne Überlappungen */
.user-table{min-width:1260px}
.user-table th:nth-child(1){width:7%}.user-table th:nth-child(2){width:16%}.user-table th:nth-child(3){width:16%}.user-table th:nth-child(4){width:10%}
.user-table th:nth-child(5){width:16%}.user-table th:nth-child(6){width:6%}.user-table th:nth-child(7){width:9%}.user-table th:nth-child(8){width:20%}
.user-table tbody .user-data-row td{height:86px;padding-top:10px;padding-bottom:10px}
.user-actions{
  display:grid!important;grid-template-columns:repeat(2,minmax(88px,1fr))!important;
  gap:6px!important;align-content:center!important;align-items:stretch!important;min-width:0!important
}
.user-actions form{display:flex!important;width:100%;min-width:0}
.user-actions .user-action-btn{
  width:100%!important;height:32px!important;min-height:32px!important;padding:5px 8px!important;
  justify-content:flex-start!important;gap:6px!important;border-radius:9px!important;overflow:hidden!important
}
.user-actions .user-action-btn span{width:19px;height:19px;min-width:19px;border-radius:6px;font-size:9px}
.user-actions .user-action-btn strong{display:block!important;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px!important}
.user-actions .user-protection-chip{
  width:100%;height:32px;min-height:32px;max-width:none!important;display:flex;align-items:center;justify-content:center;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:5px 7px!important;font-size:9px!important
}
@media(max-width:900px){
  .user-table{min-width:1180px}
  .user-actions{grid-template-columns:repeat(2,minmax(78px,1fr))!important}
  .user-actions .user-action-btn{width:100%!important;height:32px!important;padding:5px 7px!important}
  .user-actions .user-action-btn span{background:rgba(70,146,232,.18)}
  .user-actions .user-action-btn.report span{background:rgba(43,130,229,.14)}
  .user-actions .user-action-btn.sanction span{background:rgba(83,158,244,.13)}
  .user-actions .user-action-btn.delete span{background:rgba(240,82,82,.18)}
}

/* Supervisor & Sanktionskatalog */
.rank-badge.supervisor{color:#adc9e6;background:rgba(43,130,229,.13);border-color:rgba(43,130,229,.30)}
.sanctions-page-head{align-items:center}
.sanctions-page-head h1{margin-bottom:7px}
.supervisor-clearance{
  display:flex;align-items:center;gap:11px;padding:10px 13px;border-radius:16px;
  border:1px solid rgba(43,130,229,.24);background:linear-gradient(145deg,rgba(22,64,126,.24),rgba(18,28,43,.82));
  box-shadow:0 16px 36px rgba(0,0,0,.22)
}
.supervisor-clearance>b{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(145deg,#1a6fd0,#277bdb);color:#fff;font-size:12px}
.supervisor-clearance small,.supervisor-clearance strong{display:block}.supervisor-clearance small{color:#6aa1e0;font-size:10px;text-transform:uppercase;letter-spacing:.65px}.supervisor-clearance strong{margin-top:3px;color:#eff6ff}
.sanctions-kpis{grid-template-columns:repeat(5,minmax(150px,1fr))}
.sanctions-center-tabs{grid-template-columns:repeat(3,minmax(220px,1fr));margin-bottom:18px}
.sanction-center-tab{min-height:72px}.sanction-center-tab .exam-center-tab-copy small{white-space:normal}.sanction-center-tab.active{border-color:rgba(43,130,229,.42);background:linear-gradient(135deg,rgba(43,130,229,.14),rgba(47,124,212,.11));box-shadow:0 12px 28px rgba(29,111,206,.12),inset 0 1px rgba(255,255,255,.04)}.sanction-center-tab.active .exam-center-tab-icon{background:linear-gradient(145deg,#1a6fd1,#2b7bd7);border-color:rgba(175,203,231,.34);box-shadow:0 0 22px rgba(29,111,206,.22)}.sanction-tab-history{color:#bdd4eb!important;background:rgba(87,156,234,.10)!important}.sanction-tab-catalog{color:#9cc9f7!important;background:rgba(55,142,242,.10)!important}.sanction-center-tab.active .sanction-tab-history,.sanction-center-tab.active .sanction-tab-catalog{color:#fff!important;background:linear-gradient(145deg,#1a6fd1,#2b7bd7)!important}
.sanction-create-panel,.sanction-history-panel,.sanction-catalog-panel{padding:18px;margin-bottom:18px}
.sanction-create-panel{
  position:relative;overflow:hidden;border-color:rgba(43,130,229,.24)!important;
  background:radial-gradient(circle at 8% -20%,rgba(43,130,229,.23),transparent 32%),linear-gradient(180deg,rgba(21,34,52,.98),rgba(13,20,32,.98))!important
}
.sanction-create-panel:before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(173,201,230,.04) 1px,transparent 1px),linear-gradient(rgba(173,201,230,.035) 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(180deg,#000,transparent 90%)}
.sanction-create-head{position:relative;display:flex;align-items:flex-start;gap:14px;margin-bottom:16px}.sanction-create-head h2{margin:2px 0 5px}
.sanction-create-icon{width:52px;height:52px;display:grid;place-items:center;flex:0 0 auto;border-radius:16px;background:linear-gradient(145deg,#1a6fd0,#277bdb);border:1px solid rgba(175,203,231,.22);box-shadow:0 16px 34px rgba(27,111,207,.22);font-weight:1000}
.sanction-create-form{position:relative;display:grid;grid-template-columns:1fr 1.45fr;gap:11px;align-items:start}
.sanction-field{display:grid;grid-template-columns:38px minmax(0,1fr);grid-template-areas:"step title" "step input";gap:4px 10px;padding:12px;border-radius:14px;border:1px solid rgba(120,169,226,.14);background:rgba(11,18,28,.40)}
.sanction-field>span{grid-area:step;width:34px;height:34px;display:grid;place-items:center;align-self:center;border-radius:10px;background:rgba(43,130,229,.13);color:#adc9e6;font-size:10px;font-weight:1000}.sanction-field>strong{grid-area:title;color:#eff6ff;font-size:12px}.sanction-field>select{grid-area:input;min-width:0}
.sanction-field>.sanction-catalog-picker,.sanction-field>.sanction-officer-picker{grid-area:input;min-width:0}
.sanction-officer-picker{position:relative}
.sanction-officer-trigger{min-height:56px;grid-template-columns:44px minmax(0,1fr) 18px}
.sanction-officer-picker.is-open .sanction-officer-trigger{outline:none;border-color:#3786e0;box-shadow:0 0 0 3px rgba(43,130,229,.13),0 14px 32px rgba(0,0,0,.18)}
.sanction-officer-picker.is-open .sanction-picker-chevron{transform:rotate(225deg) translate(-2px,-2px)}
.sanction-officer-trigger-avatar,.sanction-officer-avatar{display:grid;place-items:center;border:1px solid rgba(43,130,229,.20);background:linear-gradient(145deg,rgba(43,130,229,.23),rgba(47,124,212,.23));color:#eff6ff;font-weight:1000}.sanction-officer-trigger-avatar{width:40px;height:40px;border-radius:12px;font-size:11px}.sanction-officer-avatar{width:42px;height:42px;border-radius:12px;font-size:11px}
.sanction-officer-trigger-value{display:block;min-width:0}.sanction-officer-trigger-value small,.sanction-officer-trigger-value strong,.sanction-officer-trigger-value em{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sanction-officer-trigger-value small{color:#4c8ed9;font-size:9px;font-style:normal;font-weight:900;letter-spacing:.55px;text-transform:uppercase}.sanction-officer-trigger-value strong{margin:2px 0;color:#eff6ff;font-size:12px}.sanction-officer-trigger-value em{color:#5493db;font-size:9px;font-style:normal;font-weight:700}
.sanction-officer-list{max-height:min(340px,42vh);padding:0 8px 8px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#2970c2 transparent}
.sanction-officer-option{width:100%;display:grid;grid-template-columns:46px minmax(0,1fr) minmax(120px,170px);gap:10px;align-items:center;padding:9px 10px;border:1px solid transparent;border-radius:12px;background:transparent;color:inherit;text-align:left;white-space:normal!important;cursor:pointer;transition:background .14s ease,border-color .14s ease,transform .14s ease}.sanction-officer-option[hidden]{display:none}.sanction-officer-option:hover,.sanction-officer-option:focus-visible{outline:none;border-color:rgba(74,144,224,.24);background:rgba(39,112,195,.16);transform:translateX(2px)}.sanction-officer-option.is-selected{border-color:rgba(43,130,229,.35);background:linear-gradient(90deg,rgba(43,130,229,.14),rgba(47,124,212,.08))}.sanction-officer-option.is-selected .sanction-officer-avatar{background:linear-gradient(145deg,#1a6fd1,#2b7bd7);color:#fff}
.sanction-officer-copy{min-width:0}.sanction-officer-copy strong,.sanction-officer-copy small{display:block}.sanction-officer-copy strong{color:#eff6ff;font-size:12px;line-height:1.35;overflow-wrap:anywhere}.sanction-officer-copy small{margin-top:3px;color:#4b8dd9;font-size:9px;line-height:1.35;overflow-wrap:anywhere}
.sanction-officer-rank{justify-self:end;min-width:0;display:grid;grid-template-columns:8px minmax(0,1fr);gap:2px 7px;align-items:center;padding:6px 8px;border:1px solid rgba(101,164,236,.13);border-radius:9px;background:rgba(70,146,232,.08);text-align:right}.sanction-officer-rank i{grid-row:1/3;width:7px;height:7px;border-radius:50%;background:#3982d5}.sanction-officer-rank i.active{background:#36d988;box-shadow:0 0 0 4px rgba(54,217,136,.09)}.sanction-officer-rank i.inactive{background:#3d91f0}.sanction-officer-rank strong,.sanction-officer-rank small{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sanction-officer-rank strong{color:#eff6ff;font-size:9px}.sanction-officer-rank small{color:#4288d7;font-size:8px}
.sanction-catalog-picker{position:relative}
.sanction-native-select{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;opacity:0!important;pointer-events:none!important}
.sanction-picker-trigger{
  width:100%;min-height:48px;display:grid;grid-template-columns:42px minmax(0,1fr) 18px;gap:10px;align-items:center;
  padding:6px 11px 6px 7px;border-radius:12px;border:1px solid rgba(89,157,234,.34);background:linear-gradient(145deg,rgba(20,31,49,.98),rgba(14,22,34,.98));
  color:#fff;text-align:left;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.035);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease
}
.sanction-picker-trigger:hover{border-color:rgba(79,151,233,.62);box-shadow:0 0 0 3px rgba(43,130,229,.06),inset 0 1px 0 rgba(255,255,255,.05)}
.sanction-picker-trigger:focus-visible,.sanction-catalog-picker.is-open .sanction-picker-trigger{outline:none;border-color:#3786e0;box-shadow:0 0 0 3px rgba(43,130,229,.13),0 14px 32px rgba(0,0,0,.18)}
.sanction-picker-trigger.is-invalid{border-color:#ff5b70;box-shadow:0 0 0 3px rgba(255,72,94,.12)}
.sanction-picker-number{width:38px;height:34px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(145deg,rgba(43,130,229,.20),rgba(47,124,212,.20));border:1px solid rgba(43,130,229,.18);color:#b3cee9;font-size:11px;font-weight:1000}
.sanction-picker-value{display:block;min-width:0}.sanction-picker-value small,.sanction-picker-value strong{display:block}.sanction-picker-value small{margin-bottom:3px;color:#4c8ed9;font-size:9px;font-weight:900;letter-spacing:.55px;text-transform:uppercase}.sanction-picker-value strong{overflow:hidden;color:#eff6ff;font-size:12px;text-overflow:ellipsis;white-space:nowrap}
.sanction-picker-chevron{width:8px;height:8px;border-right:2px solid #74a7e2;border-bottom:2px solid #74a7e2;transform:rotate(45deg) translateY(-2px);transition:transform .18s ease}.sanction-catalog-picker.is-open .sanction-picker-chevron{transform:rotate(225deg) translate(-2px,-2px)}
.sanction-picker-menu{
  position:static;width:100%;margin-top:8px;overflow:hidden;border-radius:17px;
  border:1px solid rgba(75,145,225,.32);background:linear-gradient(180deg,rgba(17,27,42,.995),rgba(12,20,30,.995));
  box-shadow:0 18px 42px rgba(0,0,0,.34),0 0 0 1px rgba(255,255,255,.025),inset 0 1px 0 rgba(255,255,255,.05)
}
.sanction-picker-menu[hidden]{display:none}
.sanction-picker-search{display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;margin:11px;padding:5px 9px;border-radius:12px;border:1px solid rgba(89,157,234,.23);background:rgba(9,15,23,.72)}
.sanction-picker-search>span{display:grid;place-items:center;color:#69a0df;font-size:20px}.sanction-picker-search input{min-width:0;border:0!important;background:transparent!important;box-shadow:none!important;padding:7px 4px!important;color:#eff6ff}.sanction-picker-search input::placeholder{color:#3e85d6}
.sanction-picker-list{max-height:min(340px,42vh);padding:0 8px 8px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#2970c2 transparent}
.sanction-picker-option{width:100%;display:grid;grid-template-columns:48px minmax(0,1fr) minmax(120px,180px);gap:11px;align-items:center;padding:9px 10px;border:1px solid transparent;border-radius:12px;background:transparent;color:inherit;text-align:left;white-space:normal!important;cursor:pointer;transition:background .14s ease,border-color .14s ease,transform .14s ease}
.sanction-picker-option[hidden]{display:none}
.sanction-picker-option:hover,.sanction-picker-option:focus-visible{outline:none;border-color:rgba(74,144,224,.22);background:rgba(39,112,195,.15);transform:translateX(2px)}
.sanction-picker-option.is-selected{border-color:rgba(43,130,229,.34);background:linear-gradient(90deg,rgba(43,130,229,.14),rgba(47,124,212,.08))}
.sanction-option-number{width:42px;height:38px;display:grid;place-items:center;border-radius:10px;background:rgba(70,146,232,.11);border:1px solid rgba(101,164,236,.13);color:#acc9e7;font-size:11px;font-weight:1000}.sanction-picker-option.is-selected .sanction-option-number{background:linear-gradient(145deg,#1a6fd1,#2b7bd7);color:#fff}
.sanction-option-copy{min-width:0}.sanction-option-copy strong,.sanction-option-copy small{display:block}.sanction-option-copy strong{color:#eff6ff;font-size:12px;line-height:1.35;overflow-wrap:anywhere}.sanction-option-copy small{margin-top:3px;color:#4388d7;font-size:9px;font-weight:800;letter-spacing:.45px;text-transform:uppercase}
.sanction-option-value{justify-self:end;max-width:180px;padding:6px 8px;border-radius:9px;background:rgba(70,146,232,.09);border:1px solid rgba(101,164,236,.13);color:#eff6ff;font-size:11px;font-weight:900;line-height:1.25;text-align:right;white-space:normal;overflow-wrap:anywhere}.sanction-option-value.amber{background:rgba(245,169,52,.10);border-color:rgba(245,169,52,.20);color:#ffd990}.sanction-option-value.red{background:rgba(255,72,94,.10);border-color:rgba(255,72,94,.20);color:#ff9bab}
.sanction-picker-empty{display:flex;flex-direction:column;align-items:center;gap:4px;padding:28px 14px;color:#eff6ff;text-align:center}.sanction-picker-empty[hidden]{display:none}.sanction-picker-empty span{color:#468ad8;font-size:11px}
.sanction-picker-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:9px 13px;border-top:1px solid rgba(91,151,220,.12);background:rgba(255,255,255,.018);color:#4388d7;font-size:10px}.sanction-picker-footer span{font-weight:900;color:#6fa4e0}.sanction-picker-footer small{font-size:9px}
.sanction-catalog-preview{grid-column:1/-1;display:grid;grid-template-columns:56px minmax(0,1fr);gap:12px;align-items:center;padding:12px 14px;border-radius:14px;border:1px dashed rgba(120,169,226,.20);background:rgba(255,255,255,.018)}
.catalog-preview-number{width:52px;height:52px;display:grid;place-items:center;border-radius:14px;background:rgba(120,169,226,.10);color:#adc9e6;font-weight:1000}.sanction-catalog-preview small,.sanction-catalog-preview strong{display:block}.sanction-catalog-preview small{color:#5694db;text-transform:uppercase;letter-spacing:.6px;font-size:9px}.sanction-catalog-preview strong{margin:4px 0;color:#eff6ff}.sanction-catalog-preview p{margin:0;color:#77a9e2}.sanction-catalog-preview.is-selected{border-style:solid;border-color:rgba(43,130,229,.30);background:rgba(43,130,229,.05)}.sanction-catalog-preview.is-selected .catalog-preview-number{background:linear-gradient(145deg,#1a6fd1,#2b7bd7);color:#fff;box-shadow:0 10px 24px rgba(29,111,206,.22)}
.sanction-detail-grid{grid-column:1/-1;display:grid;grid-template-columns:170px minmax(260px,1fr) 220px;gap:10px}.sanction-detail-grid label,.sanction-notes{display:grid;gap:6px;color:#eff6ff;font-size:12px;font-weight:850}.sanction-notes{grid-column:1/-1}.sanction-notes textarea{min-height:100px;resize:vertical}
.sanction-form-actions{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 13px;border-radius:13px;background:rgba(43,130,229,.045);border:1px solid rgba(43,130,229,.12)}.sanction-form-actions span{color:#74a7e1;font-size:12px}.sanction-form-actions .btn{min-width:240px}
.sanction-search{display:grid;grid-template-columns:minmax(240px,360px) auto;gap:8px}.sanction-history-list{display:flex;flex-direction:column;gap:12px;margin-top:14px}
.sanction-history-card{display:grid;grid-template-columns:66px minmax(0,1fr);gap:14px;padding:14px;border-radius:16px;border:1px solid rgba(120,169,226,.14);background:linear-gradient(145deg,rgba(17,27,42,.82),rgba(13,20,32,.92))}
.sanction-history-number{width:60px;height:60px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(145deg,rgba(43,130,229,.17),rgba(47,124,212,.15));border:1px solid rgba(43,130,229,.22);color:#b3cee9;font-size:17px;font-weight:1000}
.sanction-history-main{min-width:0}.sanction-history-head{display:flex;justify-content:space-between;align-items:flex-start;gap:15px}.sanction-history-head h3{margin:7px 0 0;color:#fff;font-size:18px}.sanction-history-head>strong{padding:8px 10px;border-radius:10px;background:rgba(255,255,255,.035);border:1px solid rgba(120,169,226,.12);color:#eff6ff;white-space:nowrap}
.sanction-history-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:12px 0}.sanction-history-meta span{display:flex;flex-direction:column;gap:4px;padding:8px 9px;border-radius:10px;background:rgba(255,255,255,.022);border:1px solid rgba(120,169,226,.09);min-width:0}.sanction-history-meta small{font-size:9px;text-transform:uppercase;letter-spacing:.5px;color:#5594db}.sanction-history-meta strong{color:#eff6ff;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sanction-history-main>p{margin:0;padding:10px 0;color:#adc9e6;line-height:1.55;border-top:1px solid rgba(120,169,226,.09)}.sanction-history-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:10px}.sanction-history-actions form{margin:0}
.sanction-catalog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:13px}.sanction-catalog-grid article{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 11px;border-radius:12px;border:1px solid rgba(120,169,226,.11);background:rgba(255,255,255,.018)}.sanction-catalog-grid article>span{width:40px;height:40px;display:grid;place-items:center;border-radius:10px;background:rgba(70,146,232,.10);color:#adc9e6;font-size:11px;font-weight:1000}.sanction-catalog-grid strong,.sanction-catalog-grid small{display:block}.sanction-catalog-grid strong{color:#eff6ff;font-size:12px;line-height:1.35}.sanction-catalog-grid small{margin-top:3px;color:#5694db;font-size:10px}.sanction-catalog-grid article>b{max-width:190px;color:#eff6ff;font-size:12px;text-align:right}
@media(max-width:1180px){.sanctions-kpis{grid-template-columns:repeat(3,minmax(150px,1fr))}.sanctions-center-tabs{grid-template-columns:1fr}.sanction-create-form{grid-template-columns:1fr}.sanction-field.catalog,.sanction-catalog-preview,.sanction-detail-grid,.sanction-notes,.sanction-form-actions{grid-column:1}.sanction-history-meta{grid-template-columns:repeat(2,minmax(0,1fr))}.sanction-catalog-grid{grid-template-columns:1fr}}
@media(max-width:760px){.sanctions-page-head,.sanction-create-head,.sanction-history-head,.sanction-form-actions{align-items:flex-start;flex-direction:column}.sanctions-kpis{grid-template-columns:1fr}.sanction-detail-grid,.sanction-search{grid-template-columns:1fr}.sanction-form-actions .btn{width:100%;min-width:0}.sanction-history-card{grid-template-columns:1fr}.sanction-history-number{width:50px;height:50px}.sanction-history-head>strong{white-space:normal}.sanction-history-meta{grid-template-columns:1fr}.sanction-history-actions{justify-content:flex-start;flex-wrap:wrap}.sanction-catalog-grid article{grid-template-columns:40px minmax(0,1fr)}.sanction-catalog-grid article>b{grid-column:2;text-align:left;max-width:none}.sanction-picker-menu{width:100%}.sanction-picker-option,.sanction-officer-option{grid-template-columns:42px minmax(0,1fr)}.sanction-option-value,.sanction-officer-rank{grid-column:2;justify-self:start;max-width:none;text-align:left}.sanction-picker-footer small{display:none}}

/* Officer-Handbuch & Lernplattform */
.handbook-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) 370px;gap:22px;align-items:center;margin-bottom:16px;padding:25px 27px;border:1px solid rgba(73,143,224,.25);border-radius:22px;background:radial-gradient(circle at 8% 0,rgba(39,124,221,.19),transparent 34%),radial-gradient(circle at 90% 20%,rgba(83,151,229,.19),transparent 34%),linear-gradient(145deg,rgba(23,36,55,.98),rgba(13,20,32,.98));box-shadow:0 22px 52px rgba(0,0,0,.24)}
.handbook-hero:before{content:'HB';position:absolute;right:28px;top:-24px;color:rgba(172,201,231,.035);font-size:170px;font-weight:1000;line-height:1;pointer-events:none}.handbook-hero-copy{position:relative}.handbook-hero-copy h1{margin:4px 0 9px;color:#fff;font-size:38px;letter-spacing:-1px}.handbook-hero-copy>p:not(.eyebrow){max-width:780px;margin:0;color:#adc9e6;line-height:1.65}.handbook-hero-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:17px}.handbook-hero-tags span{padding:7px 10px;border:1px solid rgba(173,201,230,.15);border-radius:10px;background:rgba(255,255,255,.028);color:#609add;font-size:10px}.handbook-hero-tags b{color:#eff6ff}
.handbook-hero-progress{position:relative;display:flex;gap:15px;align-items:center;padding:15px;border:1px solid rgba(173,201,230,.15);border-radius:17px;background:rgba(11,18,28,.46);box-shadow:inset 0 1px rgba(255,255,255,.03)}.handbook-progress-ring{--progress:0;position:relative;width:82px;height:82px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;background:conic-gradient(#2b7edd calc(var(--progress)*1%),rgba(173,201,230,.09) 0)}.handbook-progress-ring:before{content:'';position:absolute;inset:7px;border-radius:50%;background:#141f30}.handbook-progress-ring span{position:relative;color:#eff6ff;font-size:18px;font-weight:1000}.handbook-hero-progress small,.handbook-hero-progress strong,.handbook-progress-copy>span{display:block}.handbook-hero-progress small{color:#5392da;font-size:9px;text-transform:uppercase;letter-spacing:.7px}.handbook-hero-progress strong{margin:5px 0;color:#eff6ff;font-size:14px}.handbook-progress-copy>span{color:#9cc9f7;font-size:10px}
.handbook-kpis{display:grid;grid-template-columns:repeat(4,minmax(170px,1fr));gap:10px;margin-bottom:14px}.handbook-kpis article{display:grid;grid-template-columns:48px minmax(0,1fr);gap:11px;align-items:center;padding:13px 14px;border:1px solid rgba(120,169,226,.14);border-radius:16px;background:linear-gradient(145deg,rgba(20,31,49,.88),rgba(13,20,32,.94));box-shadow:0 14px 30px rgba(0,0,0,.14)}.handbook-kpis article>span{width:46px;height:46px;display:grid;place-items:center;border:1px solid rgba(75,145,225,.22);border-radius:13px;background:rgba(70,146,232,.12);color:#aecae6;font-size:10px;font-weight:1000}.handbook-kpis article.cyan>span{background:rgba(43,130,229,.12);color:#acc9e7}.handbook-kpis article.amber>span{background:rgba(245,169,52,.12);color:#ffd184}.handbook-kpis article.green>span{background:rgba(47,212,124,.12);color:#75e9a9}.handbook-kpis small,.handbook-kpis strong,.handbook-kpis p{display:block}.handbook-kpis small{color:#478bd8;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.55px}.handbook-kpis strong{margin:2px 0;color:#eff6ff;font-size:22px}.handbook-kpis p{margin:0;color:#5090da;font-size:10px}
.handbook-tabs{display:grid;grid-template-columns:repeat(5,minmax(170px,1fr));gap:8px;margin-bottom:16px;padding:7px;border:1px solid rgba(128,180,239,.15);border-radius:18px;background:rgba(14,21,33,.69);box-shadow:0 14px 34px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.025)}.handbook-tabs a{display:grid;grid-template-columns:40px minmax(0,1fr);gap:10px;align-items:center;min-height:62px;padding:9px 11px;border:1px solid transparent;border-radius:13px;color:#85b2e5;text-decoration:none;background:rgba(255,255,255,.014);transition:.16s ease}.handbook-tabs a:hover{transform:translateY(-1px);border-color:rgba(128,180,239,.23);background:rgba(70,146,232,.065);color:#fff}.handbook-tabs a.active{border-color:rgba(43,130,229,.37);background:linear-gradient(135deg,rgba(43,130,229,.13),rgba(76,143,220,.10));color:#fff;box-shadow:0 10px 25px rgba(26,111,209,.11)}.handbook-tabs a>span{width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(173,201,230,.17);border-radius:11px;background:rgba(70,146,232,.10);color:#adc9e6;font-size:9px;font-weight:1000}.handbook-tabs a.active>span{border-color:rgba(175,203,231,.32);background:linear-gradient(145deg,#1a6fd0,#428ce0);color:#fff;box-shadow:0 0 18px rgba(43,126,221,.20)}.handbook-tabs strong,.handbook-tabs small{display:block}.handbook-tabs strong{font-size:12px}.handbook-tabs small{margin-top:3px;color:#4589d7;font-size:9px;line-height:1.3}
.handbook-library{padding:17px;border:1px solid rgba(120,169,226,.14);border-radius:19px;background:linear-gradient(180deg,rgba(19,30,46,.75),rgba(13,20,31,.86));box-shadow:0 18px 42px rgba(0,0,0,.18)}.handbook-library-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:14px}.handbook-library-toolbar h2{margin:3px 0 0;color:#fff}.handbook-library-toolbar form{display:flex;gap:8px;align-items:center}.handbook-library-toolbar label{display:grid;grid-template-columns:32px minmax(220px,360px);align-items:center;border:1px solid rgba(173,201,230,.17);border-radius:12px;background:rgba(9,15,23,.62)}.handbook-library-toolbar label>span{display:grid;place-items:center;color:#679fdf;font-size:18px}.handbook-library-toolbar input{border:0!important;background:transparent!important;box-shadow:none!important;padding:10px 8px!important}
.handbook-card-grid{display:grid;grid-template-columns:repeat(3,minmax(250px,1fr));gap:11px}.handbook-card{position:relative;display:flex;flex-direction:column;min-height:290px;padding:15px;border:1px solid rgba(120,169,226,.13);border-radius:17px;background:linear-gradient(145deg,rgba(17,27,42,.92),rgba(20,32,50,.76));box-shadow:0 14px 34px rgba(0,0,0,.15);transition:transform .17s ease,border-color .17s ease,box-shadow .17s ease}.handbook-card:hover{transform:translateY(-2px);border-color:rgba(75,147,229,.31);box-shadow:0 20px 42px rgba(0,0,0,.23)}.handbook-card.is-read{border-color:rgba(47,212,124,.17)}.handbook-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.handbook-card-head>div{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.handbook-card-icon,.handbook-detail-icon,.handbook-manage-icon{display:grid;place-items:center;border:1px solid rgba(101,164,236,.20);background:rgba(70,146,232,.11);color:#adc9e6;font-weight:1000}.handbook-card-icon{width:44px;height:44px;border-radius:12px;font-size:10px}.handbook-card-icon.violet,.handbook-detail-icon.violet,.handbook-manage-icon.violet{background:rgba(87,156,234,.13);color:#bed4eb}.handbook-card-icon.cyan,.handbook-detail-icon.cyan,.handbook-manage-icon.cyan{background:rgba(43,130,229,.12);color:#acc9e7}.handbook-card-icon.gold,.handbook-detail-icon.gold,.handbook-manage-icon.gold{background:rgba(55,142,242,.12);color:#9cc9f7}.handbook-card-icon.green,.handbook-detail-icon.green,.handbook-manage-icon.green{background:rgba(47,212,124,.12);color:#75e9a9}.handbook-required,.handbook-read-state{padding:5px 7px;border:1px solid rgba(55,142,242,.20);border-radius:8px;background:rgba(55,142,242,.10);color:#9cc9f7;font-size:8px;font-weight:1000;text-transform:uppercase}.handbook-read-state{border-color:rgba(120,169,226,.15);background:rgba(120,169,226,.08);color:#74a7e1}.handbook-read-state.done{border-color:rgba(47,212,124,.20);background:rgba(47,212,124,.09);color:#77e8a9}.handbook-card-code{display:block;margin-top:14px;color:#4388d7;font-size:9px;font-weight:900;letter-spacing:.7px;text-transform:uppercase}.handbook-card h3{margin:5px 0 7px;color:#eff6ff;font-size:17px;line-height:1.3}.handbook-card>p{margin:0 0 13px;color:#74a7e1;font-size:11px;line-height:1.55}.handbook-card-audience{display:flex;gap:5px;flex-wrap:wrap;margin-top:auto}.handbook-card-audience span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:5px 7px;border:1px solid rgba(173,201,230,.12);border-radius:8px;background:rgba(70,146,232,.055);color:#68a0df;font-size:8px}.handbook-card-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;padding-top:11px;border-top:1px solid rgba(120,169,226,.10)}.handbook-card-footer span{color:#3680d4;font-size:8px}.handbook-card-footer a{color:#adc9e6;font-size:10px;font-weight:900;text-decoration:none}.handbook-empty{display:flex;flex-direction:column;align-items:center;padding:46px 20px;color:#eff6ff;text-align:center}.handbook-empty>span{width:52px;height:52px;display:grid;place-items:center;margin-bottom:12px;border-radius:15px;background:rgba(70,146,232,.11);color:#adc9e6;font-weight:1000}.handbook-empty p{max-width:560px;margin:6px 0 0;color:#5291da}
.handbook-detail{padding:19px!important;overflow:hidden;background:radial-gradient(circle at 95% 0,rgba(43,130,229,.08),transparent 28%),linear-gradient(180deg,rgba(19,30,46,.92),rgba(13,20,31,.97))!important}.handbook-detail-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.handbook-back{color:#80afe4;font-size:11px;font-weight:800;text-decoration:none}.handbook-detail-head{display:grid;grid-template-columns:70px minmax(0,1fr);gap:16px;align-items:start;margin:17px 0;padding:18px;border:1px solid rgba(120,169,226,.13);border-radius:17px;background:rgba(255,255,255,.019)}.handbook-detail-icon{width:66px;height:66px;border-radius:17px;font-size:13px}.handbook-detail-head h2{margin:3px 0 7px;color:#fff;font-size:28px}.handbook-detail-head>div>p:not(.eyebrow){margin:0;color:#76a8e2;line-height:1.55}.handbook-detail-chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:11px}.handbook-detail-chips span{padding:5px 8px;border:1px solid rgba(120,169,226,.14);border-radius:8px;background:rgba(70,146,232,.06);color:#679fdf;font-size:9px}.handbook-detail-chips span.required{border-color:rgba(55,142,242,.20);background:rgba(55,142,242,.08);color:#9cc9f7}.handbook-audience-panel{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin-bottom:15px;padding:11px 13px;border:1px solid rgba(43,130,229,.15);border-radius:14px;background:rgba(43,130,229,.04)}.handbook-audience-panel>div{margin-right:auto}.handbook-audience-panel small,.handbook-audience-panel strong{display:block}.handbook-audience-panel small{color:#478bd8;font-size:8px;text-transform:uppercase;letter-spacing:.6px}.handbook-audience-panel strong{margin-top:3px;color:#eff6ff;font-size:11px}.handbook-audience-panel>span{padding:5px 7px;border-radius:8px;background:rgba(70,146,232,.08);color:#7eaee4;font-size:8px}.handbook-document-body{padding:23px 25px;border:1px solid rgba(120,169,226,.12);border-radius:17px;background:rgba(9,15,23,.50);color:#c0d6ec;font-size:13px;line-height:1.85;white-space:normal}.handbook-resources{display:grid;grid-template-columns:minmax(200px,.7fr) repeat(2,minmax(240px,1fr));gap:10px;align-items:center;margin-top:13px;padding:13px;border:1px solid rgba(120,169,226,.12);border-radius:15px;background:rgba(255,255,255,.017)}.handbook-resources>div small,.handbook-resources>div strong{display:block}.handbook-resources>div small{color:#4589d7;font-size:8px;text-transform:uppercase}.handbook-resources>div strong{margin-top:4px;color:#eff6ff;font-size:12px}.handbook-resource-card{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:9px;align-items:center;padding:9px 10px;border:1px solid rgba(43,130,229,.16);border-radius:12px;background:rgba(43,130,229,.045);color:inherit;text-decoration:none}.handbook-resource-card>span{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:rgba(43,130,229,.12);color:#acc9e7;font-size:8px;font-weight:1000}.handbook-resource-card strong,.handbook-resource-card small{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.handbook-resource-card strong{color:#eff6ff;font-size:10px}.handbook-resource-card small{margin-top:3px;color:#498cd8;font-size:8px}.handbook-resource-card b{color:#acc9e7;font-size:9px;white-space:nowrap}.handbook-resource-card.external{border-color:rgba(87,156,234,.18);background:rgba(87,156,234,.045)}.handbook-detail-footer{display:flex;align-items:center;justify-content:space-between;gap:13px;margin-top:14px;padding:13px 14px;border:1px solid rgba(47,212,124,.15);border-radius:15px;background:rgba(47,212,124,.045)}.handbook-detail-footer small,.handbook-detail-footer strong{display:block}.handbook-detail-footer small{color:#4a8cd9;font-size:8px;text-transform:uppercase}.handbook-detail-footer strong{margin-top:4px;color:#d8f7e5;font-size:11px}.handbook-detail-footer form{margin:0}
.handbook-admin-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(330px,.55fr);gap:13px;align-items:start}.handbook-editor,.handbook-manage-list{padding:16px!important}.handbook-editor-head{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:12px;align-items:start;margin-bottom:14px}.handbook-editor-head>span{width:46px;height:46px;display:grid;place-items:center;border:1px solid rgba(43,130,229,.22);border-radius:13px;background:linear-gradient(145deg,rgba(43,130,229,.20),rgba(47,124,212,.18));color:#b1cde8;font-size:9px;font-weight:1000}.handbook-editor-head h2{margin:3px 0 4px}.handbook-editor-head p:not(.eyebrow){margin:0;color:#609add;font-size:11px}.handbook-editor-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(180px,.7fr) 110px;gap:9px}.handbook-editor-grid label{display:flex;flex-direction:column;gap:5px;min-width:0;color:#eff6ff;font-size:10px;font-weight:850}.handbook-editor-grid label.wide{grid-column:1/-1}.handbook-editor-grid textarea{min-height:74px;resize:vertical}.handbook-editor-grid .handbook-content-field textarea{min-height:180px}.handbook-upload-field{display:grid!important;grid-template-columns:48px minmax(200px,1fr) minmax(220px,.8fr);gap:10px!important;align-items:center;padding:10px;border:1px dashed rgba(173,201,230,.24);border-radius:13px;background:rgba(11,18,28,.38)}.handbook-upload-field>span{width:44px;height:44px;display:grid;place-items:center;border-radius:11px;background:rgba(43,130,229,.11);color:#acc9e7;font-size:8px}.handbook-upload-field strong,.handbook-upload-field small,.handbook-upload-field em{display:block}.handbook-upload-field small{margin-top:3px;color:#4b8dd9}.handbook-upload-field em{margin-top:3px;color:#9cc9f7;font-size:8px;font-style:normal}.handbook-upload-field input{min-width:0;padding:8px!important}.handbook-inline-check{flex-direction:row!important;align-items:center!important}.handbook-inline-check input{width:auto}.handbook-inline-check span{color:#83b1e5}
.handbook-access-editor{margin-top:12px;padding:12px;border:1px solid rgba(120,169,226,.13);border-radius:15px;background:rgba(11,18,28,.34)}.handbook-access-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:11px}.handbook-access-head small,.handbook-access-head strong,.handbook-access-head p{display:block}.handbook-access-head small{color:#468ad8;font-size:8px;text-transform:uppercase;letter-spacing:.7px}.handbook-access-head strong{margin:3px 0;color:#eff6ff;font-size:13px}.handbook-access-head p{max-width:700px;margin:0;color:#4a8dd9;font-size:9px;line-height:1.45}.handbook-access-head>span{padding:6px 8px;border:1px solid rgba(43,130,229,.16);border-radius:9px;background:rgba(43,130,229,.06);color:#acc9e7;font-size:8px;font-weight:900}.handbook-access-columns{display:grid;grid-template-columns:1fr 1fr;gap:10px}.handbook-access-columns>div{min-width:0;padding:9px;border:1px solid rgba(120,169,226,.10);border-radius:12px;background:rgba(255,255,255,.013)}.handbook-access-title{display:flex;gap:8px;align-items:center;margin-bottom:8px}.handbook-access-title span{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:rgba(70,146,232,.10);color:#acc9e7;font-size:8px;font-weight:1000}.handbook-access-title strong{color:#eff6ff;font-size:11px}.handbook-check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;max-height:270px;padding-right:3px;overflow:auto;scrollbar-width:thin;scrollbar-color:#2970c2 transparent}.handbook-check-grid label{position:relative;display:block;min-width:0}.handbook-check-grid input{position:absolute;opacity:0;pointer-events:none}.handbook-check-grid span{display:block;padding:8px;border:1px solid rgba(120,169,226,.11);border-radius:10px;background:rgba(13,20,32,.48);cursor:pointer}.handbook-check-grid b,.handbook-check-grid small{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.handbook-check-grid b{color:#b3cee9;font-size:9px}.handbook-check-grid small{margin-top:3px;color:#337ed4;font-size:7px}.handbook-check-grid input:checked+span{border-color:rgba(43,130,229,.36);background:rgba(43,130,229,.09);box-shadow:inset 3px 0 #2b7edd}.handbook-check-grid input:checked+span b{color:#eff6ff}.handbook-check-grid input:focus-visible+span{outline:2px solid #61a1eb;outline-offset:2px}.handbook-editor-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:11px;padding:11px 12px;border:1px solid rgba(120,169,226,.12);border-radius:13px;background:rgba(255,255,255,.017)}.handbook-editor-footer>div{display:flex;gap:13px;flex-wrap:wrap}.handbook-editor-footer label{display:flex;gap:7px;align-items:center;color:#afc9e4;font-size:10px}.handbook-editor-footer input{width:auto}.handbook-editor-footer .btn{min-width:210px}
.handbook-manage-list{position:sticky;top:16px}.handbook-manage-items{display:flex;flex-direction:column;gap:7px;max-height:900px;padding-right:3px;overflow:auto;scrollbar-width:thin;scrollbar-color:#2970c2 transparent}.handbook-manage-items article{display:grid;grid-template-columns:42px minmax(0,1fr);gap:9px;padding:9px;border:1px solid rgba(120,169,226,.11);border-radius:12px;background:rgba(255,255,255,.016)}.handbook-manage-items article.draft{opacity:.62}.handbook-manage-icon{width:40px;height:40px;border-radius:11px;font-size:8px}.handbook-manage-items article>div:nth-child(2){min-width:0}.handbook-manage-items small,.handbook-manage-items strong,.handbook-manage-items p{display:block}.handbook-manage-items small{color:#3f85d6;font-size:7px;text-transform:uppercase}.handbook-manage-items strong{margin:3px 0;color:#eff6ff;font-size:10px;overflow-wrap:anywhere}.handbook-manage-items p{margin:0;color:#4187d7;font-size:8px}.handbook-manage-actions{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.handbook-manage-actions form{margin:0}.handbook-manage-actions .btn{width:100%;min-width:0;padding:6px!important;font-size:8px!important}
@media(max-width:1350px){.handbook-tabs{grid-template-columns:repeat(3,minmax(190px,1fr))}.handbook-card-grid{grid-template-columns:repeat(2,minmax(250px,1fr))}.handbook-admin-layout{grid-template-columns:1fr}.handbook-manage-list{position:static}.handbook-manage-items{max-height:none}.handbook-resources{grid-template-columns:1fr 1fr}.handbook-resources>div{grid-column:1/-1}}
@media(max-width:1050px){.handbook-hero{grid-template-columns:1fr}.handbook-hero-progress{max-width:460px}.handbook-kpis{grid-template-columns:repeat(2,minmax(170px,1fr))}.handbook-access-columns{grid-template-columns:1fr}.handbook-library-toolbar{align-items:flex-start;flex-direction:column}.handbook-library-toolbar form{width:100%}.handbook-library-toolbar label{flex:1}.handbook-library-toolbar label input{width:100%}.handbook-editor-grid{grid-template-columns:1fr 1fr}.handbook-editor-grid label.wide{grid-column:1/-1}}
@media(max-width:720px){.handbook-hero{padding:19px}.handbook-hero-copy h1{font-size:30px}.handbook-hero-progress{align-items:flex-start}.handbook-kpis,.handbook-tabs,.handbook-card-grid,.handbook-editor-grid,.handbook-check-grid,.handbook-resources{grid-template-columns:1fr}.handbook-library{padding:12px}.handbook-library-toolbar form{align-items:stretch;flex-direction:column}.handbook-library-toolbar label{width:100%;grid-template-columns:32px minmax(0,1fr)}.handbook-library-toolbar .btn{width:100%}.handbook-card{min-height:0}.handbook-detail{padding:13px!important}.handbook-detail-head{grid-template-columns:1fr}.handbook-detail-head h2{font-size:22px}.handbook-audience-panel{align-items:flex-start;flex-direction:column}.handbook-audience-panel>div{margin-right:0}.handbook-document-body{padding:17px}.handbook-detail-footer,.handbook-editor-head,.handbook-access-head,.handbook-editor-footer{align-items:flex-start;flex-direction:column}.handbook-editor-head{display:flex}.handbook-editor-head .btn,.handbook-editor-footer .btn{width:100%;min-width:0}.handbook-editor-grid label.wide{grid-column:auto}.handbook-upload-field{grid-template-columns:48px minmax(0,1fr)}.handbook-upload-field input{grid-column:1/-1;width:100%}.handbook-manage-actions{grid-template-columns:1fr}.handbook-hero-tags{flex-direction:column}.handbook-hero-tags span{width:100%}}

/* Officer-Handbuch · Academy Visual Refresh */
.handbook-hero-v2{grid-template-columns:118px minmax(0,1fr) 340px;gap:24px;min-height:226px;padding:28px 30px;border-color:rgba(85,155,234,.31);background:radial-gradient(circle at 5% 20%,rgba(38,124,222,.18),transparent 27%),radial-gradient(circle at 68% -20%,rgba(57,137,229,.22),transparent 38%),linear-gradient(135deg,#1c2c44 0,#152133 48%,#0d1520 100%);box-shadow:0 28px 70px rgba(0,0,0,.31),inset 0 1px rgba(255,255,255,.045)}
.handbook-hero-v2:after{content:'';position:absolute;inset:0 22px auto;height:2px;background:linear-gradient(90deg,transparent,#3a8be7 22%,#5ea0eb 70%,transparent);opacity:.68}.handbook-hero-v2:before{right:14px;top:-39px;font-size:204px;color:rgba(174,202,230,.028)}
.handbook-hero-emblem{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;align-self:stretch;padding:13px 8px;border:1px solid rgba(172,201,231,.17);border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(12,19,29,.19));box-shadow:inset 0 1px rgba(255,255,255,.04),0 18px 38px rgba(0,0,0,.18)}
.handbook-hero-emblem img{position:relative;z-index:1;width:88px;height:88px;object-fit:contain;filter:drop-shadow(0 12px 18px rgba(0,0,0,.34))}.handbook-emblem-glow{position:absolute;top:23px;width:84px;height:84px;border-radius:50%;background:rgba(38,127,228,.18);filter:blur(16px)}.handbook-hero-emblem small{margin-top:7px;color:#619bde;font-size:7px;font-weight:900;letter-spacing:2.2px}.handbook-hero-emblem strong{margin-top:2px;color:#eff6ff;font-size:10px;letter-spacing:1.3px}
.handbook-hero-copy{z-index:1}.handbook-hero-eyebrow{display:flex;align-items:center;gap:7px;color:#74a8e4;font-size:9px;font-weight:1000;letter-spacing:.9px;text-transform:uppercase}.handbook-hero-eyebrow>span{width:7px;height:7px;border-radius:50%;background:#35dc8b;box-shadow:0 0 0 4px rgba(53,220,139,.10),0 0 14px rgba(53,220,139,.5)}.handbook-hero-eyebrow b{margin-left:3px;padding:3px 6px;border:1px solid rgba(53,220,139,.22);border-radius:6px;background:rgba(53,220,139,.08);color:#79e9ad;font-size:7px;letter-spacing:.8px}.handbook-hero-v2 .handbook-hero-copy h1{margin:7px 0 8px;font-size:41px;line-height:1.05;letter-spacing:-1.4px;text-shadow:0 8px 28px rgba(0,0,0,.28)}.handbook-hero-v2 .handbook-hero-copy>p{max-width:710px;color:#acc9e7;font-size:12px;line-height:1.65}
.handbook-hero-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.handbook-hero-actions a{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:34px;padding:8px 13px;border:1px solid rgba(95,160,235,.36);border-radius:10px;background:linear-gradient(135deg,#196fd1,#2e7bd3);box-shadow:0 10px 24px rgba(28,111,206,.22);color:#fff;font-size:10px;font-weight:900;text-decoration:none;transition:transform .15s ease,filter .15s ease,border-color .15s ease}.handbook-hero-actions a:hover{transform:translateY(-1px);filter:brightness(1.12)}.handbook-hero-actions a.secondary{border-color:rgba(126,175,232,.17);background:rgba(255,255,255,.035);box-shadow:none;color:#b6d0ea}.handbook-hero-actions a:focus-visible{outline:2px solid #76aeee;outline-offset:3px}
.handbook-hero-v2 .handbook-hero-progress{z-index:1;padding:17px;border-color:rgba(105,167,237,.20);background:linear-gradient(145deg,rgba(13,20,31,.72),rgba(23,36,56,.58));box-shadow:inset 0 1px rgba(255,255,255,.04),0 18px 35px rgba(0,0,0,.18)}.handbook-hero-v2 .handbook-progress-ring{width:88px;height:88px;background:conic-gradient(#3286e5 calc(var(--progress)*1%),rgba(173,201,230,.10) 0);box-shadow:0 0 28px rgba(50,134,229,.10)}.handbook-hero-v2 .handbook-progress-ring:before{inset:7px;background:linear-gradient(145deg,#19283e,#121c2c)}.handbook-hero-v2 .handbook-progress-ring span{font-size:19px}.handbook-progress-copy{min-width:0;flex:1}.handbook-progress-track{height:5px;margin-top:10px;overflow:hidden;border-radius:999px;background:rgba(126,177,235,.11)}.handbook-progress-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#2175d4,#599dea);box-shadow:0 0 12px rgba(47,130,224,.45)}
.handbook-kpis article{position:relative;overflow:hidden;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.handbook-kpis article:before{content:'';position:absolute;inset:0 auto 0 0;width:3px;background:#3b8ae5;opacity:.78}.handbook-kpis article.cyan:before{background:#277bdc}.handbook-kpis article.amber:before{background:#efa936}.handbook-kpis article.green:before{background:#35cf7d}.handbook-kpis article:after{content:'';position:absolute;right:-28px;top:-32px;width:94px;height:94px;border-radius:50%;background:rgba(67,143,230,.055)}.handbook-kpis article:hover{transform:translateY(-2px);border-color:rgba(97,161,235,.27);box-shadow:0 20px 38px rgba(0,0,0,.22)}
.handbook-tabs{position:relative;padding:8px;background:linear-gradient(180deg,rgba(19,30,46,.86),rgba(13,20,32,.82))}.handbook-tabs a{position:relative;overflow:hidden}.handbook-tabs a.active:after{content:'';position:absolute;inset:auto 16px 0;height:2px;border-radius:2px;background:linear-gradient(90deg,#267cdf,#6da9ed);box-shadow:0 0 12px rgba(38,124,223,.42)}
.handbook-library{border-color:rgba(103,164,233,.19);background:radial-gradient(circle at 100% 0,rgba(48,125,213,.07),transparent 29%),linear-gradient(180deg,rgba(19,31,47,.88),rgba(13,20,31,.94))}.handbook-library-toolbar{padding:2px 2px 15px;border-bottom:1px solid rgba(120,169,226,.10)}.handbook-library-toolbar h2{font-size:22px}.handbook-library-toolbar label:focus-within{border-color:rgba(58,136,226,.46);box-shadow:0 0 0 3px rgba(58,136,226,.07)}
.handbook-card{overflow:hidden;min-height:312px;padding:17px;border-color:rgba(121,170,226,.15);background:radial-gradient(circle at 100% 0,rgba(54,131,218,.09),transparent 38%),linear-gradient(150deg,rgba(23,36,55,.95),rgba(13,21,32,.97))}.handbook-card:before{content:'';position:absolute;inset:0 17px auto;height:2px;background:linear-gradient(90deg,transparent,rgba(55,135,226,.7),transparent);opacity:0;transition:opacity .16s ease}.handbook-card:hover:before{opacity:1}.handbook-card:hover{transform:translateY(-3px);border-color:rgba(74,144,224,.34);box-shadow:0 24px 48px rgba(0,0,0,.29)}.handbook-card.is-read:after{content:'✓';position:absolute;right:-17px;bottom:-23px;display:grid;place-items:start;width:80px;height:80px;border-radius:50%;padding:15px;color:rgba(67,222,139,.10);font-size:30px;font-weight:1000;background:rgba(67,222,139,.035)}.handbook-card h3{font-size:18px;letter-spacing:-.15px}.handbook-card>p{font-size:11px;line-height:1.65}
.handbook-card-signals{display:flex;gap:5px;flex-wrap:wrap;margin:0 0 9px}.handbook-card-signals span{display:inline-flex;align-items:center;gap:4px;padding:4px 6px;border:1px solid rgba(112,167,230,.13);border-radius:7px;background:rgba(255,255,255,.025);color:#5493db;font-size:7px;font-weight:850;text-transform:uppercase;letter-spacing:.25px}.handbook-card-signals b{color:#73a9e6;font-size:9px}.handbook-card-signals span.personal{border-color:rgba(99,161,232,.17);background:rgba(99,161,232,.06);color:#acc9e7}.handbook-card-signals span.personal b{color:#acc9e7}.handbook-card-audience{position:relative;z-index:1}.handbook-card-footer{position:relative;z-index:1}.handbook-card-footer a{display:inline-flex;align-items:center;padding:6px 8px;border:1px solid rgba(52,130,220,.18);border-radius:8px;background:rgba(52,130,220,.06);transition:background .15s ease,border-color .15s ease}.handbook-card-footer a:hover{border-color:rgba(52,130,220,.40);background:rgba(52,130,220,.12);color:#eff6ff}
.handbook-detail,.handbook-editor,.handbook-manage-list{border-color:rgba(98,161,232,.20)!important;box-shadow:0 22px 52px rgba(0,0,0,.20)}.handbook-document-body{background:linear-gradient(145deg,rgba(10,16,25,.65),rgba(18,29,45,.48));box-shadow:inset 4px 0 rgba(51,129,218,.14)}.handbook-manage-items article{transition:transform .14s ease,border-color .14s ease,background .14s ease}.handbook-manage-items article:hover{transform:translateX(2px);border-color:rgba(80,148,225,.22);background:rgba(46,123,211,.045)}
@media(max-width:1280px){.handbook-hero-v2{grid-template-columns:104px minmax(0,1fr)}.handbook-hero-v2 .handbook-hero-progress{grid-column:1/-1;justify-self:stretch}.handbook-hero-v2 .handbook-progress-copy{max-width:360px}}
@media(max-width:900px){.handbook-hero-v2{grid-template-columns:1fr;padding:22px}.handbook-hero-emblem{display:grid;grid-template-columns:62px auto;grid-template-rows:auto auto;justify-content:start;column-gap:12px;padding:10px 13px}.handbook-hero-emblem img{grid-row:1/3;width:58px;height:58px}.handbook-emblem-glow{left:10px;top:9px;width:58px;height:58px}.handbook-hero-emblem small{align-self:end;margin:0}.handbook-hero-emblem strong{align-self:start}.handbook-hero-v2 .handbook-hero-progress{grid-column:auto;max-width:none}}
@media(max-width:720px){.handbook-hero-v2{padding:18px;border-radius:18px}.handbook-hero-v2 .handbook-hero-copy h1{font-size:32px}.handbook-hero-actions{flex-direction:column}.handbook-hero-actions a{width:100%}.handbook-hero-v2 .handbook-hero-progress{align-items:center}.handbook-card{min-height:0;padding:15px}.handbook-library-toolbar{padding-bottom:13px}}

/* Officer-Handbuch · moderne Verwaltung */
.handbook-management-head{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:19px;margin-bottom:14px;padding:20px;border:1px solid rgba(92,159,235,.24);border-radius:20px;background:radial-gradient(circle at 0 0,rgba(39,124,222,.12),transparent 28%),radial-gradient(circle at 100% 0,rgba(83,152,230,.12),transparent 30%),linear-gradient(145deg,rgba(23,36,55,.96),rgba(13,21,32,.98));box-shadow:0 21px 50px rgba(0,0,0,.22)}.handbook-management-head:before{content:'';position:absolute;inset:0 20px auto;height:2px;background:linear-gradient(90deg,transparent,#2e7fdc 25%,#65a3ea 75%,transparent);opacity:.62}
.handbook-management-title{position:relative;z-index:1;display:grid;grid-template-columns:62px minmax(0,1fr);gap:14px;align-items:center}.handbook-management-mark{width:60px;height:60px;display:grid;place-items:center;border:1px solid rgba(105,167,237,.22);border-radius:17px;background:linear-gradient(145deg,rgba(47,128,220,.13),rgba(53,127,212,.12));box-shadow:inset 0 1px rgba(255,255,255,.05),0 14px 28px rgba(0,0,0,.18)}.handbook-management-mark img{width:48px;height:48px;object-fit:contain;filter:drop-shadow(0 7px 10px rgba(0,0,0,.3))}.handbook-management-title h2{margin:3px 0 5px;color:#fff;font-size:23px;letter-spacing:-.35px}.handbook-management-title>div>p:last-child{margin:0;color:#6fa4e0;font-size:11px;line-height:1.5}
.handbook-management-actions{position:relative;z-index:1;display:flex;align-items:center;gap:8px}.handbook-management-actions .btn{min-height:37px}.handbook-management-stats{position:relative;z-index:1;grid-column:1/-1;display:grid;grid-template-columns:repeat(5,minmax(140px,1fr));gap:8px;padding-top:16px;border-top:1px solid rgba(112,167,229,.10)}.handbook-management-stats article{position:relative;overflow:hidden;display:grid;grid-template-columns:39px minmax(0,1fr);gap:9px;align-items:center;padding:10px 11px;border:1px solid rgba(116,167,226,.12);border-radius:13px;background:rgba(255,255,255,.019)}.handbook-management-stats article:after{content:'';position:absolute;right:-18px;top:-23px;width:64px;height:64px;border-radius:50%;background:rgba(75,145,225,.055)}.handbook-management-stats article>span{width:37px;height:37px;display:grid;place-items:center;border-radius:10px;background:rgba(56,136,227,.11);color:#acc9e7;font-size:8px;font-weight:1000}.handbook-management-stats article.published>span{background:rgba(47,212,124,.10);color:#7be9ae}.handbook-management-stats article.draft>span{background:rgba(55,142,242,.10);color:#9cc9f7}.handbook-management-stats article.required>span{background:rgba(236,82,112,.10);color:#ff9cad}.handbook-management-stats article.targeted>span{background:rgba(91,158,234,.11);color:#bed4eb}.handbook-management-stats small,.handbook-management-stats strong,.handbook-management-stats p{display:block}.handbook-management-stats small{color:#4288d7;font-size:7px;font-weight:900;text-transform:uppercase;letter-spacing:.5px}.handbook-management-stats strong{margin:1px 0;color:#eff6ff;font-size:18px}.handbook-management-stats p{margin:0;color:#4086d6;font-size:8px}
.handbook-admin-layout{grid-template-columns:minmax(0,1.55fr) minmax(350px,.45fr);gap:14px}.handbook-editor,.handbook-manage-list{border-radius:19px!important;background:linear-gradient(180deg,rgba(20,31,48,.95),rgba(13,20,32,.98))!important}.handbook-editor{padding:19px!important}.handbook-editor-head-v2{margin:-2px -2px 14px;padding:2px 2px 15px;border-bottom:1px solid rgba(113,166,226,.10)}.handbook-editor-head-v2>span:first-child{width:50px;height:50px;background:linear-gradient(145deg,rgba(38,124,222,.23),rgba(71,140,218,.21));box-shadow:0 12px 26px rgba(26,111,209,.16)}.handbook-editor-head-v2 h2{font-size:19px}.handbook-editor-head-v2>.handbook-editor-state{width:auto;height:auto;align-self:start;padding:6px 8px;border:1px solid rgba(55,142,242,.20);border-radius:8px;background:rgba(55,142,242,.08);box-shadow:none;color:#9cc9f7;font-size:7px;letter-spacing:.55px}
.handbook-editor-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-bottom:17px;padding:6px;border:1px solid rgba(110,165,228,.11);border-radius:13px;background:rgba(10,16,25,.42)}.handbook-editor-steps span{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid transparent;border-radius:9px;color:#3781d5;font-size:9px;font-weight:900}.handbook-editor-steps span b{width:25px;height:25px;display:grid;place-items:center;border-radius:8px;background:rgba(83,146,219,.08);color:#4f90da;font-size:7px}.handbook-editor-steps span.active{border-color:rgba(43,130,229,.17);background:linear-gradient(135deg,rgba(43,130,229,.09),rgba(50,126,212,.06));color:#eff6ff}.handbook-editor-steps span.active b{background:linear-gradient(145deg,#1c6fce,#3b83d5);color:#fff;box-shadow:0 7px 16px rgba(31,112,204,.18)}
.handbook-form-section-title{display:flex;align-items:center;gap:10px;margin:0 0 10px}.handbook-form-section-title>span,.handbook-access-head>.handbook-access-number{width:34px;height:34px;display:grid;place-items:center;flex:0 0 auto;border:1px solid rgba(48,129,222,.22);border-radius:10px;background:rgba(43,130,229,.09);color:#adc9e6;font-size:8px;font-weight:1000}.handbook-form-section-title strong,.handbook-form-section-title small{display:block}.handbook-form-section-title strong{color:#eff6ff;font-size:11px}.handbook-form-section-title small{margin-top:2px;color:#4086d7;font-size:8px}.handbook-form-section-title.compact{margin:14px 0 8px;padding-top:13px;border-top:1px solid rgba(113,166,226,.09)}
.handbook-editor-grid{padding:12px;border:1px solid rgba(112,165,225,.10);border-radius:14px;background:rgba(10,16,25,.27)}.handbook-editor-grid label{color:#acc9e6}.handbook-editor-grid input,.handbook-editor-grid select,.handbook-editor-grid textarea{border-color:rgba(110,165,228,.17)!important;background:rgba(10,16,25,.66)!important}.handbook-editor-grid input:focus,.handbook-editor-grid select:focus,.handbook-editor-grid textarea:focus{border-color:rgba(53,133,225,.48)!important;box-shadow:0 0 0 3px rgba(53,133,225,.07)!important}.handbook-upload-field{margin-top:2px;background:linear-gradient(135deg,rgba(43,130,229,.045),rgba(59,131,214,.025))!important}.handbook-upload-field:hover{border-color:rgba(62,139,226,.41);background:linear-gradient(135deg,rgba(43,130,229,.075),rgba(59,131,214,.04))!important}
.handbook-access-editor{padding:13px;border-color:rgba(97,159,229,.15);background:linear-gradient(145deg,rgba(12,19,30,.55),rgba(18,29,45,.42))}.handbook-access-head{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center}.handbook-access-head>.handbook-access-number{padding:0;border-color:rgba(96,160,234,.24);background:rgba(96,160,234,.09);color:#b3cee9}.handbook-access-head>span:last-child{align-self:center}.handbook-access-columns>div{padding:11px;background:rgba(10,16,25,.31)}.handbook-check-grid span{transition:border-color .14s ease,background .14s ease,transform .14s ease}.handbook-check-grid span:hover{transform:translateY(-1px);border-color:rgba(65,140,226,.23)}
.handbook-editor-footer{padding:12px 13px;background:linear-gradient(135deg,rgba(47,212,124,.035),rgba(45,122,211,.025))}.handbook-editor-footer>div{gap:8px}.handbook-editor-footer label{min-width:180px;padding:9px 10px;border:1px solid rgba(115,167,226,.11);border-radius:11px;background:rgba(10,16,25,.35);cursor:pointer}.handbook-editor-footer label:hover{border-color:rgba(67,141,226,.24)}.handbook-editor-footer label>span b,.handbook-editor-footer label>span small{display:block}.handbook-editor-footer label>span b{color:#eff6ff;font-size:9px}.handbook-editor-footer label>span small{margin-top:2px;color:#3c84d6;font-size:7px}.handbook-editor-footer input{accent-color:#2c80df}.handbook-editor-footer .btn{min-height:40px;padding-inline:20px!important;box-shadow:0 12px 25px rgba(33,112,202,.19)}
.handbook-manage-list{padding:17px!important}.handbook-manage-list-head{align-items:center;margin-bottom:10px}.handbook-manage-list-head h2{margin:2px 0;color:#fff;font-size:18px}.handbook-manage-list-head p:last-child{margin:0;color:#4187d7;font-size:8px}.handbook-add-mini{width:35px;height:35px;display:grid;place-items:center;border:1px solid rgba(52,133,225,.28);border-radius:10px;background:linear-gradient(145deg,#1a6fd0,#2f7cd3);box-shadow:0 9px 18px rgba(31,112,204,.18);color:#fff;font-size:18px;font-weight:700;text-decoration:none}.handbook-add-mini:hover{filter:brightness(1.12);transform:translateY(-1px)}.handbook-manage-legend{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px;padding:8px 9px;border:1px solid rgba(110,163,224,.09);border-radius:10px;background:rgba(10,16,25,.34)}.handbook-manage-legend span{display:flex;align-items:center;gap:5px;color:#79a18f;font-size:7px;font-weight:850}.handbook-manage-legend i{width:6px;height:6px;border-radius:50%;background:#36d183;box-shadow:0 0 8px rgba(54,209,131,.35)}.handbook-manage-legend span.draft{color:#3680d4}.handbook-manage-legend span.draft i{background:#3a8ce9;box-shadow:0 0 8px rgba(58,140,233,.35)}
.handbook-manage-items{gap:8px;max-height:960px}.handbook-manage-items article{position:relative;grid-template-columns:45px minmax(0,1fr);padding:10px;border-color:rgba(112,165,225,.12);background:linear-gradient(145deg,rgba(21,32,50,.64),rgba(12,19,30,.72))}.handbook-manage-items article.draft{opacity:.76;border-style:dashed}.handbook-manage-items article:hover{transform:translateY(-1px);border-color:rgba(66,140,225,.28);background:linear-gradient(145deg,rgba(25,39,61,.78),rgba(14,22,34,.86))}.handbook-manage-icon{width:43px;height:43px}.handbook-manage-item-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.handbook-manage-item-top small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.handbook-manage-item-top>span{flex:0 0 auto;padding:3px 5px;border:1px solid rgba(47,212,124,.17);border-radius:6px;background:rgba(47,212,124,.07);color:#74dda4;font-size:6px;font-weight:900;text-transform:uppercase}.handbook-manage-item-top>span.draft{border-color:rgba(55,142,242,.18);background:rgba(55,142,242,.07);color:#69a8ef}.handbook-manage-items strong{font-size:11px}.handbook-manage-items p{margin-top:3px}.handbook-manage-actions{padding-top:8px;border-top:1px solid rgba(110,163,224,.08)}.handbook-manage-actions .btn{min-height:28px}.handbook-manage-actions>a:first-child{border-color:rgba(54,131,220,.20)!important;background:rgba(54,131,220,.07)!important;color:#b3cee9!important}
@media(max-width:1450px){.handbook-management-stats{grid-template-columns:repeat(3,minmax(150px,1fr))}.handbook-admin-layout{grid-template-columns:minmax(0,1fr) 350px}.handbook-editor-footer{align-items:flex-end;flex-direction:column}.handbook-editor-footer>div{width:100%}.handbook-editor-footer label{flex:1}.handbook-editor-footer .btn{width:100%}}
@media(max-width:1200px){.handbook-admin-layout{grid-template-columns:1fr}.handbook-manage-list{position:static}.handbook-manage-items{max-height:none}.handbook-editor-footer{align-items:center;flex-direction:row}.handbook-editor-footer .btn{width:auto}.handbook-management-stats{grid-template-columns:repeat(5,minmax(120px,1fr))}}
@media(max-width:900px){.handbook-management-head{grid-template-columns:1fr}.handbook-management-actions{justify-content:flex-start}.handbook-management-stats{grid-template-columns:repeat(2,minmax(140px,1fr))}.handbook-management-stats article:last-child{grid-column:1/-1}.handbook-editor-footer{align-items:stretch;flex-direction:column}.handbook-editor-footer>div{flex-direction:column}.handbook-editor-footer label,.handbook-editor-footer .btn{width:100%}.handbook-access-head{grid-template-columns:34px minmax(0,1fr)}.handbook-access-head>span:last-child{grid-column:2;justify-self:start;margin-top:7px}}
@media(max-width:650px){.handbook-management-head{padding:15px}.handbook-management-title{grid-template-columns:50px minmax(0,1fr)}.handbook-management-mark{width:48px;height:48px;border-radius:14px}.handbook-management-mark img{width:39px;height:39px}.handbook-management-title h2{font-size:19px}.handbook-management-actions{align-items:stretch;flex-direction:column}.handbook-management-actions .btn{width:100%}.handbook-management-stats{grid-template-columns:1fr}.handbook-management-stats article:last-child{grid-column:auto}.handbook-editor{padding:13px!important}.handbook-editor-steps{grid-template-columns:1fr}.handbook-editor-steps span{display:none}.handbook-editor-steps span.active{display:flex}.handbook-form-section-title{align-items:flex-start}.handbook-editor-grid{padding:9px}.handbook-access-head{grid-template-columns:1fr}.handbook-access-head>.handbook-access-number{margin-bottom:2px}.handbook-access-head>span:last-child{grid-column:auto}.handbook-manage-actions{grid-template-columns:1fr}}

/* Handbuch-Bilddokumente */
.handbook-image-document{overflow:hidden;max-width:980px;margin:0 auto 15px;border:1px solid rgba(83,151,228,.24);border-radius:18px;background:linear-gradient(145deg,rgba(18,28,43,.92),rgba(9,15,23,.98));box-shadow:0 24px 55px rgba(0,0,0,.28)}.handbook-image-document>a{display:block;padding:12px;background:radial-gradient(circle at 50% 0,rgba(52,130,220,.10),transparent 38%)}.handbook-image-document img{display:block;width:100%;max-height:1050px;object-fit:contain;border-radius:12px;background:#0a0f18;box-shadow:0 14px 32px rgba(0,0,0,.28)}.handbook-image-document figcaption{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:11px 14px;border-top:1px solid rgba(105,161,224,.12)}.handbook-image-document figcaption>span{padding:5px 7px;border:1px solid rgba(43,130,229,.17);border-radius:7px;background:rgba(43,130,229,.07);color:#acc9e7;font-size:7px;font-weight:1000;text-transform:uppercase}.handbook-image-document figcaption strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#eff6ff;font-size:10px}.handbook-image-document figcaption a{color:#acc9e6;font-size:9px;font-weight:900;text-decoration:none}.handbook-image-document figcaption a:hover{color:#eff6ff}
.handbook-card.has-image{min-height:435px}.handbook-card-image{position:relative;overflow:hidden;display:block;height:142px;margin:2px 0 11px;border:1px solid rgba(83,151,228,.17);border-radius:12px;background:#0a1019;text-decoration:none}.handbook-card-image:after{content:'';position:absolute;inset:auto 0 0;height:55%;background:linear-gradient(transparent,rgba(9,15,23,.92))}.handbook-card-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 8%;transition:transform .24s ease,filter .24s ease}.handbook-card-image span{position:absolute;z-index:1;left:10px;bottom:8px;padding:5px 7px;border:1px solid rgba(172,201,231,.17);border-radius:7px;background:rgba(16,25,39,.76);backdrop-filter:blur(5px);color:#acc9e7;font-size:7px;font-weight:900;text-transform:uppercase;letter-spacing:.35px}.handbook-card-image:hover img{transform:scale(1.025);filter:brightness(1.08)}
@media(max-width:720px){.handbook-image-document>a{padding:7px}.handbook-image-document{border-radius:14px}.handbook-image-document img{border-radius:9px}.handbook-image-document figcaption{grid-template-columns:1fr;justify-items:start}.handbook-card.has-image{min-height:0}.handbook-card-image{height:165px}}

/* Portal-Sicherheit · Registrierung und Zugangsschutz */
.registration-honeypot{position:absolute!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important}.secure-registration-form label>small{display:block;margin-top:4px;color:#4187d7;font-size:9px;line-height:1.4}.registration-challenge{padding:11px 12px!important;border:1px solid rgba(43,130,229,.18);border-radius:12px;background:linear-gradient(135deg,rgba(43,130,229,.06),rgba(47,124,211,.04));color:#eff6ff!important}.registration-challenge input{margin-top:7px}.registration-locked-state,.registration-success-state{display:flex;flex-direction:column;align-items:center;padding:35px 22px;border:1px solid rgba(112,165,225,.15);border-radius:17px;background:linear-gradient(145deg,rgba(19,30,46,.78),rgba(12,19,30,.92));text-align:center}.registration-locked-state>span,.registration-success-state>span{width:58px;height:58px;display:grid;place-items:center;margin-bottom:12px;border:1px solid rgba(55,142,242,.22);border-radius:17px;background:rgba(55,142,242,.09);color:#9cc9f7;font-size:24px;box-shadow:0 14px 30px rgba(0,0,0,.20)}.registration-success-state>span{border-color:rgba(47,212,124,.23);background:rgba(47,212,124,.09);color:#73e4a7}.registration-locked-state>strong,.registration-success-state>strong{color:#eff6ff;font-size:19px}.registration-locked-state p,.registration-success-state p{max-width:430px;margin:7px 0 18px;color:#619bdd;line-height:1.55}.registration-locked-state .btn,.registration-success-state .btn{width:100%;max-width:310px}.login-registration-closed{display:grid;grid-template-columns:35px minmax(0,1fr);gap:9px;align-items:center;padding:9px 10px;border:1px solid rgba(112,165,225,.12);border-radius:11px;background:rgba(255,255,255,.018)}.login-registration-closed>span{width:33px;height:33px;display:grid;place-items:center;border-radius:9px;background:rgba(112,165,225,.07);font-size:14px}.login-registration-closed p,.login-registration-closed strong,.login-registration-closed small{display:block;margin:0}.login-registration-closed strong{color:#b2cde7;font-size:9px}.login-registration-closed small{margin-top:2px;color:#3680d4;font-size:7px;line-height:1.35}
.registration-security-panel{overflow:hidden;margin-bottom:14px;padding:18px!important;border-color:rgba(87,155,232,.22)!important;background:radial-gradient(circle at 0 0,rgba(38,124,222,.09),transparent 26%),linear-gradient(145deg,rgba(21,32,50,.96),rgba(12,19,30,.98))!important;box-shadow:0 21px 48px rgba(0,0,0,.22)}.registration-security-head{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:12px;align-items:center;padding-bottom:14px;border-bottom:1px solid rgba(112,165,226,.11)}.registration-security-icon{width:50px;height:50px;display:grid;place-items:center;border:1px solid rgba(43,130,229,.23);border-radius:14px;background:linear-gradient(145deg,rgba(43,130,229,.17),rgba(50,125,211,.14));color:#adc9e6;font-size:9px;font-weight:1000;box-shadow:0 11px 23px rgba(28,111,207,.13)}.registration-security-head h2{margin:3px 0 4px;color:#fff;font-size:19px}.registration-security-head>div>p:last-child{margin:0;color:#5392da;font-size:10px}.registration-security-status{display:inline-flex;align-items:center;gap:6px;padding:7px 9px;border:1px solid rgba(55,142,242,.20);border-radius:9px;background:rgba(55,142,242,.08);color:#6eacf2;font-size:8px;font-weight:1000;text-transform:uppercase;letter-spacing:.45px}.registration-security-status i{width:7px;height:7px;border-radius:50%;background:#3a8ce9;box-shadow:0 0 9px rgba(58,140,233,.45)}.registration-security-status.online{border-color:rgba(47,212,124,.21);background:rgba(47,212,124,.08);color:#76e0a7}.registration-security-status.online i{background:#37d484;box-shadow:0 0 9px rgba(55,212,132,.45)}
.registration-security-grid{display:grid;grid-template-columns:minmax(340px,.9fr) minmax(420px,1.1fr);gap:13px;margin-top:13px}.registration-security-form{display:flex;flex-direction:column;gap:11px;padding:13px;border:1px solid rgba(112,165,226,.11);border-radius:14px;background:rgba(10,16,25,.34)}.registration-security-form>label:not(.settings-toggle){display:flex;flex-direction:column;gap:5px;color:#b2cde7;font-size:10px;font-weight:850}.registration-security-form>label>small{color:#3e85d6;font-size:8px;line-height:1.4}.registration-security-form input[type=password]{background:rgba(10,16,25,.69)!important}.registration-main-toggle{margin:0!important;padding:11px!important;border-color:rgba(43,130,229,.13)!important;background:rgba(43,130,229,.035)!important}.registration-security-note{display:grid;grid-template-columns:31px minmax(0,1fr);gap:9px;align-items:center;padding:9px 10px;border:1px solid rgba(112,165,226,.10);border-radius:10px;background:rgba(255,255,255,.016)}.registration-security-note>span{width:29px;height:29px;display:grid;place-items:center;border-radius:8px;background:rgba(58,134,221,.10);color:#adc9e6;font-size:10px;font-weight:1000}.registration-security-note p{margin:0;color:#4388d7;font-size:8px;line-height:1.45}.registration-security-form>.btn{align-self:flex-end;min-width:260px}.registration-protection-list{display:flex;flex-direction:column;gap:7px}.registration-protection-list>div{display:grid;grid-template-columns:37px minmax(0,1fr) auto;gap:9px;align-items:center;padding:10px 11px;border:1px solid rgba(111,164,225,.11);border-radius:12px;background:linear-gradient(145deg,rgba(21,34,52,.62),rgba(12,19,30,.70))}.registration-protection-list>div>span{width:35px;height:35px;display:grid;place-items:center;border-radius:10px;background:rgba(52,132,223,.10);color:#adc9e6;font-size:8px;font-weight:1000}.registration-protection-list p,.registration-protection-list strong,.registration-protection-list small{display:block;margin:0}.registration-protection-list strong{color:#eff6ff;font-size:10px}.registration-protection-list small{margin-top:3px;color:#3b83d6;font-size:8px;line-height:1.35}.registration-protection-list b,.registration-protection-list a{padding:5px 7px;border:1px solid rgba(47,212,124,.17);border-radius:7px;background:rgba(47,212,124,.07);color:#75dca5;font-size:7px;font-weight:1000;text-decoration:none}.registration-protection-list a{border-color:rgba(56,134,224,.18);background:rgba(56,134,224,.06);color:#85b4e9}
@media(max-width:1100px){.registration-security-grid{grid-template-columns:1fr}.registration-protection-list{display:grid;grid-template-columns:1fr 1fr}}
@media(max-width:720px){.registration-security-panel{padding:13px!important}.registration-security-head{grid-template-columns:45px minmax(0,1fr)}.registration-security-icon{width:43px;height:43px}.registration-security-status{grid-column:1/-1;justify-self:start}.registration-protection-list{grid-template-columns:1fr}.registration-security-form>.btn{width:100%;min-width:0}.registration-protection-list>div{grid-template-columns:35px minmax(0,1fr)}.registration-protection-list b,.registration-protection-list a{grid-column:2;justify-self:start}}

/* Portalverwaltung · zentraler Admin-Hub */
.portal-management-hub{overflow:hidden;padding:18px!important;background:radial-gradient(circle at 100% 0,rgba(72,143,224,.08),transparent 30%),linear-gradient(145deg,rgba(20,31,49,.96),rgba(12,19,30,.98))!important}.portal-management-head{margin-bottom:14px;padding-bottom:14px;border-bottom:1px solid rgba(112,165,226,.11)}.portal-management-count{margin-left:auto;padding:7px 9px;border:1px solid rgba(99,162,235,.20);border-radius:9px;background:rgba(99,162,235,.08);color:#bdd4eb;font-size:8px;font-weight:1000;text-transform:uppercase;letter-spacing:.4px}.registration-security-embedded{margin:0 0 16px;padding:15px!important;border-radius:16px!important;box-shadow:none!important}.portal-management-tools-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:0 0 10px;padding-top:2px}.portal-management-tools-head h3{margin:2px 0;color:#eff6ff;font-size:15px}.portal-management-tools-head small{display:block;color:#4086d7;font-size:8px}.portal-management-tools-head>span{padding:6px 8px;border:1px solid rgba(111,164,225,.11);border-radius:8px;background:rgba(255,255,255,.018);color:#4086d7;font-size:7px;font-weight:850;text-transform:uppercase;letter-spacing:.35px}
@media(max-width:720px){.portal-management-hub{padding:13px!important}.portal-management-head{align-items:flex-start}.portal-management-count{margin-left:0}.portal-management-tools-head{align-items:flex-start;flex-direction:column}.portal-management-tools-head>span{align-self:flex-start}}

/* Officer Lern- & Infoportal */
.handbook-tabs{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}
.handbook-learning-dashboard{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);gap:13px;margin:0 0 16px}.handbook-learning-panel{overflow:hidden;display:flex;flex-direction:column;min-height:370px;padding:17px;border:1px solid rgba(91,157,233,.20);border-radius:19px;background:radial-gradient(circle at 100% 0,rgba(47,130,225,.09),transparent 35%),linear-gradient(145deg,rgba(20,32,50,.94),rgba(12,19,30,.97));box-shadow:0 19px 43px rgba(0,0,0,.20)}.handbook-learning-panel>header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:11px}.handbook-learning-panel>header h2{margin:3px 0 4px;color:#eff6ff;font-size:21px}.handbook-learning-panel>header p:not(.eyebrow){margin:0;color:#5392da;font-size:10px;line-height:1.45}.handbook-learning-score,.handbook-exam-count{width:49px;height:49px;display:grid;place-items:center;flex:0 0 auto;border:1px solid rgba(43,130,229,.25);border-radius:14px;background:linear-gradient(145deg,rgba(43,130,229,.17),rgba(56,130,215,.13));color:#b2cde8;font-size:13px;font-weight:1000}.handbook-exam-count{border-color:rgba(99,162,235,.25);background:linear-gradient(145deg,rgba(99,162,235,.18),rgba(48,128,219,.13));color:#eff6ff;font-size:18px}.handbook-learning-progress{height:6px;margin-bottom:12px;overflow:hidden;border-radius:999px;background:rgba(127,177,234,.09)}.handbook-learning-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#2278db,#5c9feb);box-shadow:0 0 14px rgba(34,120,219,.35)}.handbook-path-list,.handbook-exam-list{display:flex;flex:1;flex-direction:column;gap:7px}.handbook-path-item{display:grid;grid-template-columns:27px 38px minmax(0,1fr) auto;gap:9px;align-items:center;padding:10px;border:1px solid rgba(113,166,227,.11);border-radius:12px;background:rgba(10,16,25,.43);color:inherit;text-decoration:none;transition:transform .15s ease,border-color .15s ease,background .15s ease}.handbook-path-item:hover{transform:translateX(2px);border-color:rgba(54,133,224,.28);background:rgba(37,112,198,.075)}.handbook-path-number{color:#2d7ad2;font-size:8px;font-weight:1000}.handbook-path-icon{width:37px;height:37px;display:grid;place-items:center;border-radius:10px;background:rgba(70,146,232,.11);color:#acc9e7;font-size:8px;font-weight:1000}.handbook-path-icon.violet,.handbook-progress-list>a>span.violet{background:rgba(99,162,235,.13);color:#bed5ec}.handbook-path-icon.cyan,.handbook-progress-list>a>span.cyan{background:rgba(43,130,229,.11);color:#adc9e6}.handbook-path-icon.gold,.handbook-progress-list>a>span.gold{background:rgba(55,142,242,.11);color:#9cc9f7}.handbook-path-icon.green,.handbook-progress-list>a>span.green{background:rgba(47,212,124,.11);color:#75e4a7}.handbook-path-item small,.handbook-path-item strong,.handbook-path-item em{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.handbook-path-item small{color:#4187d7;font-size:7px;text-transform:uppercase;letter-spacing:.35px}.handbook-path-item strong{margin:3px 0;color:#eff6ff;font-size:10px}.handbook-path-item em{color:#317dd3;font-size:8px;font-style:normal}.handbook-path-item>b{color:#7bafeb;font-size:13px}.handbook-learning-panel>footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;padding-top:11px;border-top:1px solid rgba(112,165,226,.09)}.handbook-learning-panel>footer span{color:#3c84d6;font-size:8px}.handbook-learning-panel>footer a{color:#adc9e6;font-size:9px;font-weight:900;text-decoration:none}.handbook-learning-complete,.handbook-learning-empty{display:flex;align-items:center;gap:11px;min-height:95px;padding:15px;border:1px dashed rgba(47,212,124,.20);border-radius:13px;background:rgba(47,212,124,.035)}.handbook-learning-complete>span,.handbook-learning-empty>span{width:43px;height:43px;display:grid;place-items:center;flex:0 0 auto;border-radius:12px;background:rgba(47,212,124,.11);color:#71e0a4;font-size:15px;font-weight:1000}.handbook-learning-complete strong,.handbook-learning-complete p,.handbook-learning-empty strong,.handbook-learning-empty p{display:block;margin:0}.handbook-learning-complete strong,.handbook-learning-empty strong{color:#eff6ff;font-size:11px}.handbook-learning-complete p,.handbook-learning-empty p{margin-top:4px;color:#458ad8;font-size:9px}.handbook-learning-empty{border-color:rgba(113,166,227,.14);background:rgba(255,255,255,.015)}.handbook-learning-empty>span{background:rgba(70,146,232,.10);color:#adc9e6;font-size:8px}
.handbook-exam-row{display:grid;grid-template-columns:38px minmax(0,1fr) auto auto;gap:9px;align-items:center;padding:10px;border:1px solid rgba(112,165,226,.11);border-radius:12px;background:rgba(10,16,25,.43);color:inherit;text-decoration:none;transition:transform .15s ease,border-color .15s ease}.handbook-exam-row:hover{transform:translateX(2px);border-color:rgba(87,155,232,.30)}.handbook-exam-row>span{width:37px;height:37px;display:grid;place-items:center;border-radius:10px;background:rgba(99,162,235,.13);color:#bcd3ea;font-size:8px;font-weight:1000}.handbook-exam-row small,.handbook-exam-row strong{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.handbook-exam-row small{color:#3780d4;font-size:7px}.handbook-exam-row strong{margin-top:4px;color:#eff6ff;font-size:10px}.handbook-exam-row em{padding:5px 7px;border:1px solid rgba(47,212,124,.18);border-radius:7px;background:rgba(47,212,124,.07);color:#73dfa5;font-size:7px;font-weight:900;font-style:normal;white-space:nowrap}.handbook-exam-row.review em{border-color:rgba(55,142,242,.18);background:rgba(55,142,242,.07);color:#69a8ef}.handbook-exam-row.done em{border-color:rgba(90,155,229,.18);background:rgba(90,155,229,.07);color:#acc9e7}.handbook-exam-row>b{color:#619bde;font-size:12px}
.handbook-status-filters{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:0 0 14px;padding:9px 10px;border:1px solid rgba(112,165,226,.09);border-radius:12px;background:rgba(10,16,25,.29)}.handbook-status-filters>span{margin-right:4px;color:#3680d4;font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.5px}.handbook-status-filters a{display:inline-flex;align-items:center;gap:7px;padding:7px 9px;border:1px solid rgba(112,165,226,.11);border-radius:9px;background:rgba(255,255,255,.015);color:#619bde;font-size:8px;font-weight:850;text-decoration:none}.handbook-status-filters a:hover,.handbook-status-filters a.active{border-color:rgba(43,130,229,.30);background:rgba(43,130,229,.08);color:#eff6ff}.handbook-status-filters a b{min-width:20px;padding:2px 5px;border-radius:6px;background:rgba(70,146,232,.10);color:#acc9e6;text-align:center;font-size:7px}
.handbook-progress-page{overflow:hidden;padding:18px;border:1px solid rgba(91,157,233,.20);border-radius:20px;background:radial-gradient(circle at 100% 0,rgba(62,135,218,.09),transparent 35%),linear-gradient(145deg,rgba(20,32,50,.94),rgba(12,19,30,.97));box-shadow:0 20px 48px rgba(0,0,0,.22)}.handbook-progress-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;padding-bottom:15px;border-bottom:1px solid rgba(112,165,226,.10)}.handbook-progress-page-head h2{margin:3px 0 5px;color:#eff6ff;font-size:25px}.handbook-progress-page-head p:not(.eyebrow){margin:0;color:#5191da;font-size:10px}.handbook-progress-summary{display:grid;grid-template-columns:repeat(3,minmax(190px,1fr));gap:10px;margin:14px 0}.handbook-progress-summary article{display:grid;grid-template-columns:58px minmax(0,1fr);gap:11px;align-items:center;padding:12px;border:1px solid rgba(112,165,226,.12);border-radius:14px;background:rgba(10,16,25,.38)}.handbook-progress-summary .ring{--progress:0;position:relative;width:56px;height:56px;display:grid;place-items:center;border-radius:50%;background:conic-gradient(#33d48b calc(var(--progress)*1%),rgba(173,201,230,.09) 0)}.handbook-progress-summary .ring:before{content:'';position:absolute;inset:5px;border-radius:50%;background:#141f30}.handbook-progress-summary .ring.cyan{background:conic-gradient(#2a7edd calc(var(--progress)*1%),rgba(173,201,230,.09) 0)}.handbook-progress-summary .ring b{position:relative;color:#dff7ee;font-size:10px}.handbook-progress-exam-icon{width:56px;height:56px;display:grid;place-items:center;border-radius:16px;background:rgba(99,162,235,.12);color:#bdd4eb;font-size:10px;font-weight:1000}.handbook-progress-summary small,.handbook-progress-summary strong,.handbook-progress-summary p{display:block;margin:0}.handbook-progress-summary small{color:#4589d7;font-size:8px;text-transform:uppercase;letter-spacing:.4px}.handbook-progress-summary strong{margin:3px 0;color:#eff6ff;font-size:18px}.handbook-progress-summary p{color:#3781d5;font-size:8px}.handbook-progress-columns{display:grid;grid-template-columns:1fr 1fr;gap:11px}.handbook-progress-column{overflow:hidden;border:1px solid rgba(112,165,226,.12);border-radius:15px;background:rgba(10,16,25,.34)}.handbook-progress-column>header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 14px;border-bottom:1px solid rgba(112,165,226,.10);background:rgba(255,255,255,.015)}.handbook-progress-column>header small{display:block;color:#4388d7;font-size:7px;text-transform:uppercase;letter-spacing:.5px}.handbook-progress-column>header h3{margin:3px 0 0;color:#eff6ff;font-size:15px}.handbook-progress-column>header>span{min-width:34px;padding:7px 8px;border-radius:9px;background:rgba(55,142,242,.09);color:#6daaf0;font-size:10px;font-weight:1000;text-align:center}.handbook-progress-column.done>header>span{background:rgba(47,212,124,.09);color:#76dfa7}.handbook-progress-list{display:flex;flex-direction:column;gap:6px;max-height:480px;padding:9px;overflow:auto;scrollbar-width:thin;scrollbar-color:#2970c2 transparent}.handbook-progress-list>a{display:grid;grid-template-columns:39px minmax(0,1fr) auto;gap:9px;align-items:center;padding:9px;border:1px solid rgba(112,165,226,.09);border-radius:10px;background:rgba(255,255,255,.012);color:inherit;text-decoration:none}.handbook-progress-list>a:hover{border-color:rgba(47,128,220,.25);background:rgba(70,146,232,.045)}.handbook-progress-list>a>span{width:37px;height:37px;display:grid;place-items:center;border-radius:10px;background:rgba(70,146,232,.10);color:#adc9e6;font-size:8px;font-weight:1000}.handbook-progress-list small,.handbook-progress-list strong{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.handbook-progress-list small{color:#357fd4;font-size:7px}.handbook-progress-list strong{margin-top:3px;color:#eff6ff;font-size:9px}.handbook-progress-list>a>b{color:#75abe8;font-size:8px;white-space:nowrap}.handbook-progress-column.done .handbook-progress-list>a>b{color:#70dca3;font-size:12px}.handbook-progress-empty{display:flex;flex-direction:column;align-items:center;padding:32px 15px;text-align:center}.handbook-progress-empty>span{width:46px;height:46px;display:grid;place-items:center;margin-bottom:9px;border-radius:13px;background:rgba(70,146,232,.10);color:#adc9e6;font-size:11px;font-weight:1000}.handbook-progress-empty strong{color:#eff6ff;font-size:11px}.handbook-progress-empty p{margin:5px 0 0;color:#4388d7;font-size:8px}
@media(max-width:1180px){.handbook-learning-dashboard{grid-template-columns:1fr}.handbook-learning-panel{min-height:0}.handbook-progress-columns{grid-template-columns:1fr}.handbook-progress-list{max-height:none}}
@media(max-width:850px){.handbook-progress-summary{grid-template-columns:1fr}.handbook-progress-page-head{align-items:flex-start;flex-direction:column}.handbook-tabs{grid-template-columns:repeat(2,minmax(170px,1fr))}}
@media(max-width:620px){.handbook-learning-dashboard{gap:10px}.handbook-learning-panel,.handbook-progress-page{padding:13px}.handbook-learning-panel>header{align-items:flex-start}.handbook-path-item{grid-template-columns:35px minmax(0,1fr) auto}.handbook-path-number{display:none}.handbook-path-icon{width:34px;height:34px}.handbook-path-item em{display:none}.handbook-exam-row{grid-template-columns:36px minmax(0,1fr) auto}.handbook-exam-row em{grid-column:2;justify-self:start}.handbook-exam-row>b{grid-column:3;grid-row:1/3}.handbook-learning-panel>footer{align-items:flex-start;flex-direction:column}.handbook-status-filters>span{width:100%}.handbook-status-filters a{flex:1;justify-content:space-between}.handbook-tabs{grid-template-columns:1fr}.handbook-progress-page-head .btn{width:100%}.handbook-progress-list>a{grid-template-columns:37px minmax(0,1fr)}.handbook-progress-list>a>b{grid-column:2;justify-self:start}}

/* Lernportal-Verwaltung · Content Control Board */
.handbook-control-board{overflow:hidden;border-color:rgba(80,148,226,.27)!important;background:radial-gradient(circle at 0 0,rgba(35,122,222,.12),transparent 26%),radial-gradient(circle at 92% 0,rgba(82,152,232,.12),transparent 30%),linear-gradient(145deg,rgba(22,35,54,.98),rgba(12,19,30,.99))!important;box-shadow:0 25px 58px rgba(0,0,0,.26)}.handbook-control-board:before{content:'CONTROL';position:absolute;right:25px;top:-20px;color:rgba(177,204,231,.028);font-size:84px;font-weight:1000;letter-spacing:3px;pointer-events:none}.handbook-control-board .handbook-management-title,.handbook-control-board .handbook-management-actions,.handbook-control-board .handbook-management-stats,.handbook-board-toolbar,.handbook-category-overview{position:relative;z-index:1}.handbook-board-health{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:10px}.handbook-board-health>span{width:8px;height:8px;border-radius:50%;background:#39dd88;box-shadow:0 0 0 4px rgba(57,221,136,.09),0 0 13px rgba(57,221,136,.48)}.handbook-board-health b{color:#7be8ae;font-size:8px;text-transform:uppercase;letter-spacing:.5px}.handbook-board-health small{padding-left:7px;border-left:1px solid rgba(121,170,226,.15);color:#4489d7;font-size:8px}.handbook-control-board .handbook-management-actions .btn:first-child{border-color:rgba(77,147,226,.21)!important;background:rgba(77,147,226,.055)!important;color:#b3cee9!important}.handbook-control-board .handbook-management-actions .btn:last-child{background:linear-gradient(135deg,#1a6fd1,#3784dc)!important;box-shadow:0 11px 25px rgba(27,111,208,.23)}
.handbook-board-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:11px;align-items:stretch;margin-top:14px;padding-top:14px;border-top:1px solid rgba(112,165,226,.11)}.handbook-board-filter{display:grid;grid-template-columns:minmax(250px,1fr) 165px 170px auto auto;gap:8px;align-items:end;margin:0}.handbook-board-filter>label{display:flex;flex-direction:column;gap:5px;min-width:0}.handbook-board-filter>label>small{color:#4e8fd9;font-size:7px;font-weight:900;text-transform:uppercase;letter-spacing:.55px}.handbook-board-filter input,.handbook-board-filter select{height:39px!important;border-color:rgba(106,162,226,.18)!important;background:rgba(10,16,25,.65)!important;color:#eff6ff!important}.handbook-board-filter select{padding:8px 30px 8px 10px!important}.handbook-board-search{position:relative;display:grid!important;grid-template-columns:38px minmax(0,1fr)!important;align-items:center!important;gap:0!important;height:39px;border:1px solid rgba(106,162,226,.18);border-radius:11px;background:rgba(10,16,25,.65)}.handbook-board-search:focus-within{border-color:rgba(47,130,225,.48);box-shadow:0 0 0 3px rgba(47,130,225,.07)}.handbook-board-search>span{display:grid;place-items:center;color:#73a6e1;font-size:17px}.handbook-board-search input{height:37px!important;padding:8px 9px 8px 0!important;border:0!important;background:transparent!important;box-shadow:none!important}.handbook-board-filter>.btn{height:39px;min-width:85px}.handbook-board-result{display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;column-gap:9px;align-content:center;min-width:125px;padding:8px 11px;border:1px solid rgba(99,162,235,.21);border-radius:12px;background:linear-gradient(145deg,rgba(99,162,235,.11),rgba(40,117,205,.07))}.handbook-board-result span{align-self:end;color:#5795db;font-size:6px;font-weight:1000;letter-spacing:.55px}.handbook-board-result strong{grid-row:1/3;align-self:center;color:#eff6ff;font-size:22px}.handbook-board-result small{color:#4e8fda;font-size:7px}
.handbook-category-overview{display:grid;grid-template-columns:repeat(6,minmax(120px,1fr));gap:7px;margin-top:9px}.handbook-category-overview>a{display:grid;grid-template-columns:35px minmax(0,1fr);gap:8px;align-items:center;padding:8px;border:1px solid rgba(112,165,226,.10);border-radius:11px;background:rgba(255,255,255,.014);color:inherit;text-decoration:none;transition:transform .14s ease,border-color .14s ease,background .14s ease}.handbook-category-overview>a:hover,.handbook-category-overview>a.active{transform:translateY(-1px);border-color:rgba(51,130,221,.29);background:rgba(43,120,207,.065)}.handbook-category-overview>a>span{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:rgba(70,146,232,.10);color:#adc9e6;font-size:7px;font-weight:1000}.handbook-category-overview>a>span.violet{background:rgba(99,162,235,.12);color:#bbd3ea}.handbook-category-overview>a>span.cyan{background:rgba(43,130,229,.10);color:#adc9e6}.handbook-category-overview>a>span.gold{background:rgba(55,142,242,.10);color:#75b0f4}.handbook-category-overview>a>span.green{background:rgba(47,212,124,.10);color:#75dfa6}.handbook-category-overview strong,.handbook-category-overview small{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.handbook-category-overview strong{color:#b7d1ea;font-size:8px}.handbook-category-overview small{margin-top:3px;color:#2e7bd3;font-size:7px}
.handbook-admin-layout{grid-template-columns:minmax(0,1.2fr) minmax(410px,.8fr);gap:14px}.handbook-editor{background:radial-gradient(circle at 100% 0,rgba(53,130,219,.065),transparent 26%),linear-gradient(145deg,rgba(20,31,49,.95),rgba(12,19,30,.98))!important}.handbook-editor-head-v2{padding:12px 13px;border:1px solid rgba(105,161,226,.12);border-radius:14px;background:linear-gradient(135deg,rgba(43,130,229,.045),rgba(72,140,218,.035))}.handbook-editor-head-v2>span:first-child{background:linear-gradient(145deg,#196fd1,#428ce0);box-shadow:0 11px 23px rgba(26,111,209,.20)}.handbook-editor-state{align-self:center!important;width:auto!important;height:auto!important;padding:6px 8px!important;border-color:rgba(55,142,242,.18)!important;border-radius:8px!important;background:rgba(55,142,242,.07)!important;color:#69a8ef!important;font-size:7px!important;letter-spacing:.6px}.handbook-manage-list{top:12px;overflow:hidden;padding:15px!important;border-color:rgba(94,157,230,.19)!important;background:radial-gradient(circle at 100% 0,rgba(80,147,224,.07),transparent 30%),linear-gradient(145deg,rgba(20,31,48,.96),rgba(12,19,30,.99))!important}.handbook-manage-list-head{padding-bottom:11px;border-bottom:1px solid rgba(112,165,226,.10)}.handbook-manage-list-head h2{font-size:20px}.handbook-manage-legend{padding:9px 10px}.handbook-manage-items article{padding:11px;border-radius:13px}.handbook-manage-items article:before{content:'';position:absolute;inset:0 auto 0 0;width:2px;border-radius:2px;background:#36d183;opacity:.65}.handbook-manage-items article.draft:before{background:#3a8ce9}.handbook-manage-items article.draft{opacity:.83}.handbook-manage-actions{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.handbook-manage-actions .btn.preview{border-color:rgba(99,162,235,.19)!important;background:rgba(99,162,235,.065)!important;color:#bfd6ec!important}.handbook-manage-actions>a:nth-child(2){border-color:rgba(54,131,220,.20)!important;background:rgba(54,131,220,.07)!important;color:#b3cee9!important}.handbook-manage-empty{display:flex;flex-direction:column;align-items:center;padding:34px 15px;border:1px dashed rgba(112,165,226,.15);border-radius:13px;background:rgba(255,255,255,.012);text-align:center}.handbook-manage-empty>span{width:46px;height:46px;display:grid;place-items:center;margin-bottom:10px;border-radius:13px;background:rgba(70,146,232,.10);color:#adc9e6;font-size:20px}.handbook-manage-empty strong{color:#eff6ff;font-size:11px}.handbook-manage-empty p{margin:5px 0 12px;color:#4288d7;font-size:8px}
@media(max-width:1420px){.handbook-board-filter{grid-template-columns:minmax(240px,1fr) 150px 155px auto}.handbook-board-filter>.btn.secondary{grid-column:2/5}.handbook-category-overview{grid-template-columns:repeat(3,minmax(150px,1fr))}.handbook-admin-layout{grid-template-columns:minmax(0,1fr) 390px}}
@media(max-width:1160px){.handbook-board-toolbar{grid-template-columns:1fr}.handbook-board-result{grid-template-columns:auto 1fr auto;grid-template-rows:1fr;min-width:0}.handbook-board-result strong{grid-row:auto}.handbook-board-result span{align-self:center}.handbook-admin-layout{grid-template-columns:1fr}.handbook-manage-list{position:static}.handbook-manage-items{max-height:none}}
@media(max-width:860px){.handbook-board-filter{grid-template-columns:1fr 1fr}.handbook-board-search{grid-column:1/-1}.handbook-board-filter>.btn{width:100%}.handbook-board-filter>.btn.secondary{grid-column:auto}.handbook-category-overview{grid-template-columns:repeat(2,minmax(140px,1fr))}}
@media(max-width:560px){.handbook-board-health small{width:100%;padding:0;border:0}.handbook-board-filter{grid-template-columns:1fr}.handbook-board-search{grid-column:auto}.handbook-category-overview{grid-template-columns:1fr}.handbook-manage-actions{grid-template-columns:1fr 1fr}.handbook-control-board:before{display:none}}

/* Ausbilder-Cloud */
.trainer-cloud-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) 245px;gap:18px;margin-bottom:15px;padding:22px 24px;border:1px solid rgba(70,142,225,.28);border-radius:21px;background:radial-gradient(circle at 4% 0,rgba(31,119,220,.17),transparent 31%),radial-gradient(circle at 88% -10%,rgba(78,148,229,.16),transparent 35%),linear-gradient(145deg,rgba(23,36,55,.98),rgba(12,19,30,.99));box-shadow:0 24px 57px rgba(0,0,0,.27)}.trainer-cloud-hero:before{content:'CLOUD';position:absolute;right:21px;top:-32px;color:rgba(174,203,231,.029);font-size:112px;font-weight:1000;letter-spacing:3px;pointer-events:none}.trainer-cloud-brand,.trainer-cloud-status,.trainer-cloud-kpis{position:relative;z-index:1}.trainer-cloud-brand{display:grid;grid-template-columns:64px minmax(0,1fr);gap:15px;align-items:center}.trainer-cloud-logo{width:62px;height:62px;display:grid;place-items:center;border:1px solid rgba(97,161,235,.29);border-radius:18px;background:linear-gradient(145deg,#196fd1,#3e88dc);box-shadow:0 14px 30px rgba(28,111,207,.25),inset 0 1px rgba(255,255,255,.16);color:#fff;font-size:15px;font-weight:1000;letter-spacing:.6px}.trainer-cloud-brand h1{margin:3px 0 6px;color:#fff;font-size:34px;letter-spacing:-.8px}.trainer-cloud-brand>div>p:not(.eyebrow){max-width:760px;margin:0;color:#79aae3;font-size:11px;line-height:1.55}.trainer-cloud-status{display:grid;grid-template-columns:12px minmax(0,1fr);gap:10px;align-items:center;padding:13px 14px;border:1px solid rgba(107,163,226,.16);border-radius:15px;background:rgba(10,16,25,.43)}.trainer-cloud-status>span{width:10px;height:10px;border-radius:50%;background:#3a8ce9;box-shadow:0 0 0 5px rgba(58,140,233,.08),0 0 13px rgba(58,140,233,.42)}.trainer-cloud-status>span.online{background:#38da88;box-shadow:0 0 0 5px rgba(56,218,136,.08),0 0 13px rgba(56,218,136,.42)}.trainer-cloud-status small,.trainer-cloud-status strong,.trainer-cloud-status p{display:block;margin:0}.trainer-cloud-status small{color:#3b83d6;font-size:7px;text-transform:uppercase;letter-spacing:.55px}.trainer-cloud-status strong{margin:3px 0;color:#eff6ff;font-size:12px}.trainer-cloud-status p{color:#4288d7;font-size:8px}.trainer-cloud-kpis{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:8px;padding-top:14px;border-top:1px solid rgba(111,165,226,.10)}.trainer-cloud-kpis article{display:grid;grid-template-columns:42px minmax(0,1fr);gap:10px;align-items:center;padding:10px 11px;border:1px solid rgba(111,165,226,.11);border-radius:13px;background:rgba(255,255,255,.016)}.trainer-cloud-kpis article>span{width:40px;height:40px;display:grid;place-items:center;border-radius:11px;background:rgba(70,146,232,.10);color:#adc9e6;font-size:7px;font-weight:1000}.trainer-cloud-kpis article:nth-child(2)>span{background:rgba(43,130,229,.10);color:#acc9e6}.trainer-cloud-kpis article:nth-child(3)>span{background:rgba(99,162,235,.11);color:#bdd4eb}.trainer-cloud-kpis article:nth-child(4)>span{background:rgba(47,212,124,.10);color:#75dfa6}.trainer-cloud-kpis small,.trainer-cloud-kpis strong,.trainer-cloud-kpis p{display:block;margin:0}.trainer-cloud-kpis small{color:#3a82d5;font-size:7px;text-transform:uppercase;letter-spacing:.4px}.trainer-cloud-kpis strong{margin:2px 0;color:#eff6ff;font-size:17px}.trainer-cloud-kpis p{color:#2c79d1;font-size:7px}
.trainer-cloud-shell{overflow:visible;border:1px solid rgba(93,155,226,.19);border-radius:20px;background:radial-gradient(circle at 100% 0,rgba(69,139,220,.055),transparent 31%),linear-gradient(145deg,rgba(20,31,48,.93),rgba(12,19,30,.98));box-shadow:0 21px 49px rgba(0,0,0,.22)}.trainer-cloud-pathbar{display:flex;align-items:center;justify-content:space-between;gap:13px;padding:13px 15px;border-bottom:1px solid rgba(111,165,226,.10);background:rgba(255,255,255,.012)}.trainer-cloud-pathbar nav{display:flex;align-items:center;gap:8px;min-width:0;overflow:auto;scrollbar-width:none}.trainer-cloud-pathbar nav::-webkit-scrollbar{display:none}.trainer-cloud-pathbar nav a{flex:0 0 auto;color:#b3cee8;font-size:10px;font-weight:850;text-decoration:none}.trainer-cloud-pathbar nav a:last-child{color:#adc9e6}.trainer-cloud-pathbar nav span{color:#2970c2;font-size:16px}.trainer-cloud-pathbar>div{display:flex;align-items:center;gap:8px;flex:0 0 auto}.trainer-cloud-access{padding:6px 8px;border:1px solid rgba(47,212,124,.17);border-radius:8px;background:rgba(47,212,124,.06);color:#72dca4;font-size:7px;font-weight:1000;text-transform:uppercase;letter-spacing:.4px}
.trainer-cloud-createbar{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:13px 15px 0}.trainer-cloud-drawer{position:relative;border:1px solid rgba(104,161,226,.13);border-radius:14px;background:rgba(10,16,25,.35)}.trainer-cloud-drawer>summary{display:grid;grid-template-columns:43px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 11px;cursor:pointer;list-style:none}.trainer-cloud-drawer>summary::-webkit-details-marker{display:none}.trainer-cloud-drawer>summary>span{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(145deg,rgba(43,130,229,.18),rgba(55,131,217,.13));color:#adc9e6;font-size:18px;font-weight:900}.trainer-cloud-drawer.folder>summary>span{background:linear-gradient(145deg,rgba(99,162,235,.18),rgba(54,130,216,.13));color:#c0d6ec}.trainer-cloud-drawer>summary strong,.trainer-cloud-drawer>summary small{display:block}.trainer-cloud-drawer>summary strong{color:#eff6ff;font-size:11px}.trainer-cloud-drawer>summary small{margin-top:3px;color:#357fd4;font-size:8px}.trainer-cloud-drawer>summary>b{width:27px;height:27px;display:grid;place-items:center;border-radius:8px;background:rgba(70,146,232,.08);color:#80b2ec;font-size:14px}.trainer-cloud-drawer[open]{border-color:rgba(47,129,223,.25);background:linear-gradient(145deg,rgba(20,31,48,.88),rgba(12,19,30,.95))}.trainer-cloud-drawer[open]>summary>b{transform:rotate(45deg)}.trainer-cloud-drawer[data-disabled]{opacity:.66}.trainer-cloud-drawer>form{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:0;padding:12px;border-top:1px solid rgba(111,165,226,.10)}.trainer-cloud-drawer label{display:flex;flex-direction:column;gap:5px;color:#afc9e4;font-size:9px;font-weight:850}.trainer-cloud-drawer label>small{display:inline;color:#2d7ad2;font-size:7px;font-weight:700}.trainer-cloud-drawer label.wide{grid-column:1/-1}.trainer-cloud-drawer input,.trainer-cloud-drawer textarea{border-color:rgba(103,160,226,.17)!important;background:rgba(10,16,25,.68)!important}.trainer-cloud-drawer textarea{min-height:66px}.trainer-cloud-drawer>form>.btn{align-self:end;min-height:39px}.trainer-cloud-form-note{display:grid;grid-template-columns:45px minmax(0,1fr);gap:8px;align-items:center;padding:8px 9px;border:1px solid rgba(111,165,226,.09);border-radius:10px;background:rgba(255,255,255,.014)}.trainer-cloud-form-note span{width:43px;height:32px;display:grid;place-items:center;border-radius:8px;background:rgba(70,146,232,.09);color:#adc9e6;font-size:7px;font-weight:1000}.trainer-cloud-form-note p{margin:0;color:#347fd4;font-size:7px;line-height:1.4}
.trainer-cloud-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end;margin:13px 15px 0;padding:11px;border:1px solid rgba(111,165,226,.10);border-radius:13px;background:rgba(10,16,25,.29)}.trainer-cloud-toolbar>form{display:grid;grid-template-columns:minmax(260px,1fr) 150px 165px auto auto;gap:7px;align-items:end;margin:0}.trainer-cloud-toolbar label{display:flex;flex-direction:column;gap:5px}.trainer-cloud-toolbar label>small{color:#3781d5;font-size:7px;font-weight:900;text-transform:uppercase;letter-spacing:.45px}.trainer-cloud-toolbar input,.trainer-cloud-toolbar select{height:37px!important;border-color:rgba(104,161,226,.15)!important;background:rgba(10,16,25,.65)!important}.trainer-cloud-search{display:grid!important;grid-template-columns:36px minmax(0,1fr)!important;gap:0!important;align-items:center!important;height:37px;border:1px solid rgba(104,161,226,.15);border-radius:10px;background:rgba(10,16,25,.65)}.trainer-cloud-search:focus-within{border-color:rgba(47,129,222,.45);box-shadow:0 0 0 3px rgba(47,129,222,.07)}.trainer-cloud-search>span{display:grid;place-items:center;color:#659dde;font-size:17px}.trainer-cloud-search input{height:35px!important;padding:7px 8px 7px 0!important;border:0!important;background:transparent!important;box-shadow:none!important}.trainer-cloud-toolbar .btn{height:37px}.trainer-cloud-viewstate{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;min-width:82px}.trainer-cloud-viewstate span{color:#2d7ad3;font-size:6px;font-weight:1000;letter-spacing:.6px}.trainer-cloud-viewstate b{margin-top:3px;color:#acc9e7;font-size:9px}
.trainer-cloud-folders,.trainer-cloud-files{padding:15px}.trainer-cloud-files{padding-top:5px}.trainer-cloud-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:9px}.trainer-cloud-section-head small{display:block;color:#4489d7;font-size:7px;font-weight:1000;letter-spacing:.6px}.trainer-cloud-section-head h2{margin:3px 0 0;color:#eff6ff;font-size:18px}.trainer-cloud-section-head>span{padding:6px 8px;border:1px solid rgba(111,165,226,.10);border-radius:8px;background:rgba(255,255,255,.014);color:#4187d7;font-size:7px}.trainer-cloud-folder-grid{display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));gap:8px}.trainer-cloud-folder-card{position:relative;min-width:0;border:1px solid rgba(111,165,226,.11);border-radius:13px;background:linear-gradient(145deg,rgba(21,34,52,.66),rgba(12,19,30,.76));transition:transform .14s ease,border-color .14s ease}.trainer-cloud-folder-card:hover{transform:translateY(-2px);border-color:rgba(49,129,221,.27)}.trainer-cloud-folder-card>a{display:grid;grid-template-columns:43px minmax(0,1fr) auto;gap:10px;align-items:center;padding:11px;color:inherit;text-decoration:none}.trainer-cloud-folder-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(145deg,rgba(43,130,229,.16),rgba(54,130,217,.11));color:#adc9e6;font-size:16px}.trainer-cloud-folder-card>a strong,.trainer-cloud-folder-card>a small,.trainer-cloud-folder-card>a p{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trainer-cloud-folder-card>a strong{color:#eff6ff;font-size:10px}.trainer-cloud-folder-card>a small{margin-top:3px;color:#2f7cd3;font-size:7px}.trainer-cloud-folder-card>a p{margin:4px 0 0;color:#2a74c8;font-size:7px}.trainer-cloud-folder-card>a>b{color:#71a8e6}.trainer-cloud-folder-card>details{position:absolute;right:7px;top:7px}.trainer-cloud-folder-card>details>summary{width:26px;height:26px;display:grid;place-items:center;border-radius:8px;background:rgba(10,16,25,.72);color:#5d99dd;font-size:9px;cursor:pointer;list-style:none}.trainer-cloud-folder-card>details>summary::-webkit-details-marker{display:none}.trainer-cloud-folder-card>details>div{position:absolute;z-index:30;right:0;top:31px;width:275px;padding:9px;border:1px solid rgba(100,159,227,.23);border-radius:12px;background:#121d2d;box-shadow:0 18px 40px rgba(0,0,0,.42)}.trainer-cloud-folder-card>details form{display:flex;flex-direction:column;gap:7px;margin:0}.trainer-cloud-folder-card>details form+form{margin-top:8px;padding-top:8px;border-top:1px solid rgba(111,165,226,.09)}.trainer-cloud-folder-card>details label{display:flex;flex-direction:column;gap:4px;color:#82b0e4;font-size:8px}.trainer-cloud-folder-card>details textarea{min-height:55px}
.trainer-cloud-selection{display:flex;align-items:center;justify-content:flex-end;gap:9px;margin:0 0 8px;padding:7px 9px;border:1px solid rgba(55,142,242,.12);border-radius:10px;background:rgba(55,142,242,.035)}.trainer-cloud-selection span{color:#609add;font-size:8px}.trainer-cloud-selection span b{color:#68a7f0}.trainer-cloud-selection .btn:disabled{opacity:.38}.trainer-cloud-table-wrap{overflow:visible;border:1px solid rgba(111,165,226,.11);border-radius:14px;background:rgba(10,16,25,.37)}.trainer-cloud-table{width:100%;border-collapse:separate;border-spacing:0}.trainer-cloud-table th{padding:9px 10px;border-bottom:1px solid rgba(111,165,226,.12);background:rgba(70,146,232,.045);color:#4388d7;font-size:7px;font-weight:1000;text-align:left;text-transform:uppercase;letter-spacing:.45px}.trainer-cloud-table th:first-child,.trainer-cloud-table td:first-child{width:36px;text-align:center}.trainer-cloud-table th:last-child,.trainer-cloud-table td:last-child{width:46px;text-align:center}.trainer-cloud-table td{padding:9px 10px;border-bottom:1px solid rgba(111,165,226,.08);color:#6fa4e1;font-size:9px;vertical-align:middle}.trainer-cloud-table tbody tr:last-child td{border-bottom:0}.trainer-cloud-table tbody tr{transition:background .13s ease}.trainer-cloud-table tbody tr:hover{background:rgba(44,120,206,.045)}.trainer-cloud-table input[type=checkbox]{width:15px;height:15px;accent-color:#2677d4}.trainer-cloud-file-name{display:grid;grid-template-columns:40px minmax(0,1fr);gap:9px;align-items:center;color:inherit;text-decoration:none}.trainer-cloud-file-name>span{width:39px;height:39px;display:grid;place-items:center;border-radius:10px;background:rgba(112,165,226,.08);color:#acc9e7;font-size:7px;font-weight:1000}.trainer-cloud-file-name>span.pdf{background:rgba(240,74,76,.10);color:#f38b8c}.trainer-cloud-file-name>span.word{background:rgba(67,144,232,.12);color:#adc9e6}.trainer-cloud-file-name>span.sheet{background:rgba(47,212,124,.10);color:#77dfa7}.trainer-cloud-file-name>span.slides{background:rgba(55,142,242,.11);color:#74adef}.trainer-cloud-file-name>span.image{background:rgba(99,162,235,.12);color:#bdd4eb}.trainer-cloud-file-name>span.archive{background:rgba(43,130,229,.10);color:#adc9e6}.trainer-cloud-file-name strong,.trainer-cloud-file-name small{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trainer-cloud-file-name strong{color:#eff6ff;font-size:10px}.trainer-cloud-file-name small{margin-top:3px;color:#2c78cf;font-size:7px}.trainer-cloud-owner{display:grid;grid-template-columns:31px minmax(0,1fr);gap:7px;align-items:center}.trainer-cloud-owner>span{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#1f70cb,#3c84d6);color:#fff;font-size:8px;font-weight:1000}.trainer-cloud-owner strong,.trainer-cloud-owner small{display:block;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trainer-cloud-owner strong{color:#b3cde7;font-size:8px}.trainer-cloud-owner small{margin-top:2px;color:#2970c2;font-size:7px}.trainer-cloud-table time{color:#6fa4e0;font-size:8px}.trainer-cloud-table time small{display:block;margin-top:3px;color:#2970c2;font-size:7px}.trainer-cloud-file-menu{position:relative}.trainer-cloud-file-menu>summary{width:28px;height:28px;display:grid;place-items:center;margin:auto;border-radius:8px;background:rgba(70,146,232,.06);color:#669ede;font-size:9px;cursor:pointer;list-style:none}.trainer-cloud-file-menu>summary::-webkit-details-marker{display:none}.trainer-cloud-file-menu[open]>summary{background:rgba(43,130,229,.10);color:#acc9e6}.trainer-cloud-file-menu>div{position:absolute;z-index:50;right:0;top:32px;width:270px;padding:8px;border:1px solid rgba(99,159,227,.23);border-radius:12px;background:#121d2d;box-shadow:0 20px 45px rgba(0,0,0,.48);text-align:left}.trainer-cloud-file-menu>div>a,.trainer-cloud-file-menu>div>button{display:block;width:100%;padding:7px 8px;border:0;border-radius:7px;background:transparent;color:#b1c9e2;font:inherit;font-size:8px;text-align:left;text-decoration:none;cursor:pointer}.trainer-cloud-file-menu>div>a:hover,.trainer-cloud-file-menu>div>button:hover{background:rgba(70,146,232,.08);color:#eff6ff}.trainer-cloud-file-menu form{display:flex;flex-direction:column;gap:6px;margin:8px 0 0;padding-top:8px;border-top:1px solid rgba(111,165,226,.09)}.trainer-cloud-file-menu label{display:flex;flex-direction:column;gap:4px;color:#6ea3e0;font-size:7px}.trainer-cloud-file-menu input,.trainer-cloud-file-menu select,.trainer-cloud-file-menu textarea{font-size:8px!important}.trainer-cloud-file-menu textarea{min-height:50px}.trainer-cloud-empty{display:flex;flex-direction:column;align-items:center;padding:38px 15px;text-align:center}.trainer-cloud-empty>span{width:50px;height:50px;display:grid;place-items:center;margin-bottom:10px;border-radius:14px;background:rgba(70,146,232,.10);color:#adc9e6;font-size:10px;font-weight:1000}.trainer-cloud-empty strong{color:#eff6ff;font-size:11px}.trainer-cloud-empty p{max-width:460px;margin:5px 0 0;color:#3781d5;font-size:8px}
@media(max-width:1320px){.trainer-cloud-folder-grid{grid-template-columns:repeat(2,minmax(200px,1fr))}.trainer-cloud-toolbar>form{grid-template-columns:minmax(230px,1fr) 140px 150px auto}.trainer-cloud-toolbar>form>.btn:last-child{grid-column:2/5}}
@media(max-width:1050px){.trainer-cloud-hero{grid-template-columns:1fr}.trainer-cloud-status{max-width:360px}.trainer-cloud-kpis{grid-template-columns:repeat(2,minmax(150px,1fr))}.trainer-cloud-createbar{grid-template-columns:1fr}.trainer-cloud-toolbar{grid-template-columns:1fr}.trainer-cloud-viewstate{align-items:flex-start}.trainer-cloud-table th:nth-child(3),.trainer-cloud-table td:nth-child(3){display:none}}
@media(max-width:780px){.trainer-cloud-toolbar>form{grid-template-columns:1fr 1fr}.trainer-cloud-search{grid-column:1/-1}.trainer-cloud-toolbar>form>.btn{width:100%}.trainer-cloud-toolbar>form>.btn:last-child{grid-column:auto}.trainer-cloud-folder-grid{grid-template-columns:1fr}.trainer-cloud-table th:nth-child(4),.trainer-cloud-table td:nth-child(4){display:none}.trainer-cloud-pathbar{align-items:flex-start;flex-direction:column}.trainer-cloud-pathbar>div{width:100%;justify-content:space-between}.trainer-cloud-drawer>form{grid-template-columns:1fr}.trainer-cloud-drawer label.wide{grid-column:auto}}
@media(max-width:560px){.trainer-cloud-hero{padding:16px}.trainer-cloud-brand{grid-template-columns:49px minmax(0,1fr)}.trainer-cloud-logo{width:48px;height:48px;border-radius:14px;font-size:11px}.trainer-cloud-brand h1{font-size:26px}.trainer-cloud-kpis{grid-template-columns:1fr}.trainer-cloud-shell{border-radius:16px}.trainer-cloud-createbar,.trainer-cloud-folders,.trainer-cloud-files{padding-inline:10px}.trainer-cloud-toolbar{margin-inline:10px}.trainer-cloud-toolbar>form{grid-template-columns:1fr}.trainer-cloud-search{grid-column:auto}.trainer-cloud-table th:nth-child(5),.trainer-cloud-table td:nth-child(5){display:none}.trainer-cloud-file-name{grid-template-columns:36px minmax(0,1fr)}.trainer-cloud-file-name>span{width:35px;height:35px}.trainer-cloud-file-menu>div{position:fixed;left:12px;right:12px;top:auto;bottom:12px;width:auto}.trainer-cloud-folder-card>details>div{position:fixed;z-index:60;left:12px;right:12px;top:auto;bottom:12px;width:auto}.trainer-cloud-selection{justify-content:space-between}.trainer-cloud-selection .btn{min-width:0}.trainer-cloud-table th,.trainer-cloud-table td{padding-inline:7px}}

/* Ausbilder-Cloud: Drag-and-drop-Upload */
.trainer-cloud-drawer select{border-color:rgba(103,160,226,.17)!important;background:rgba(10,16,25,.68)!important}.trainer-cloud-dropzone{position:relative;grid-column:1/-1!important;display:grid!important;grid-template-columns:58px minmax(0,1fr);grid-template-rows:auto auto auto;column-gap:13px;align-items:center;min-height:112px;padding:17px 18px!important;border:1px dashed rgba(83,150,226,.35)!important;border-radius:15px;background:radial-gradient(circle at 8% 20%,rgba(39,123,218,.09),transparent 32%),rgba(10,16,25,.46);cursor:pointer;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease,transform .16s ease}.trainer-cloud-dropzone:hover,.trainer-cloud-dropzone:focus-within{border-color:rgba(63,140,229,.62)!important;background:radial-gradient(circle at 8% 20%,rgba(39,123,218,.14),transparent 35%),rgba(16,26,40,.74);box-shadow:inset 0 0 0 1px rgba(85,153,231,.08),0 12px 28px rgba(0,0,0,.15)}.trainer-cloud-dropzone.is-dragover{transform:translateY(-2px);border-color:#559ae9!important;background:radial-gradient(circle at 13% 25%,rgba(43,130,229,.22),transparent 43%),rgba(20,31,49,.92);box-shadow:0 0 0 4px rgba(69,143,228,.09),0 18px 38px rgba(0,0,0,.24)}.trainer-cloud-dropzone.has-files{border-style:solid!important;border-color:rgba(55,218,136,.48)!important;background:radial-gradient(circle at 10% 20%,rgba(55,218,136,.12),transparent 38%),rgba(15,23,36,.78)}.trainer-cloud-dropzone.has-error{border-color:rgba(247,93,108,.65)!important;background:rgba(55,11,23,.22)}.trainer-cloud-dropzone>input{position:absolute!important;width:1px!important;height:1px!important;inset:auto!important;padding:0!important;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;opacity:0}.trainer-cloud-drop-icon{grid-row:1/4;width:56px;height:56px;display:grid;place-items:center;border:1px solid rgba(77,147,228,.22);border-radius:16px;background:linear-gradient(145deg,rgba(43,130,229,.20),rgba(61,136,222,.16));box-shadow:inset 0 1px rgba(255,255,255,.08);color:#acc9e7;font-size:25px;font-weight:900}.trainer-cloud-dropzone>strong{align-self:end;color:#eff6ff;font-size:12px}.trainer-cloud-dropzone>p{align-self:start;margin:3px 0 0;color:#4187d7;font-size:8px;font-weight:700}.trainer-cloud-dropzone>small#trainerCloudDropStatus{align-self:start;margin-top:8px;color:#6aa1df;font-size:8px;font-weight:900;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trainer-cloud-dropzone.has-files>small#trainerCloudDropStatus{color:#72dca4}.trainer-cloud-dropzone.has-error>small#trainerCloudDropStatus{color:#ff8794}.trainer-cloud-drawer.upload>form>.btn{box-shadow:0 9px 24px rgba(48,132,229,.22)}
@media(max-width:560px){.trainer-cloud-dropzone{grid-template-columns:45px minmax(0,1fr);min-height:101px;padding:13px!important}.trainer-cloud-drop-icon{width:44px;height:44px;border-radius:13px;font-size:21px}.trainer-cloud-dropzone>strong{font-size:10px}.trainer-cloud-dropzone>small#trainerCloudDropStatus{white-space:normal}}

/* Sicherheitszentrale */
.security-center-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:14px;padding:22px 24px;border:1px solid rgba(91,157,232,.22);border-radius:21px;background:radial-gradient(circle at 0 0,rgba(47,130,224,.12),transparent 34%),linear-gradient(145deg,rgba(21,33,51,.96),rgba(12,19,30,.98));box-shadow:0 22px 50px rgba(0,0,0,.22)}.security-center-hero h1{margin:3px 0 7px;color:#eff6ff;font-size:34px}.security-center-hero>div>p:last-child{max-width:780px;margin:0;color:#73a6e1;line-height:1.55}.security-center-seal{width:108px;height:76px;display:grid;place-items:center;flex:0 0 auto;border:1px solid rgba(71,143,225,.25);border-radius:17px;background:linear-gradient(145deg,rgba(30,115,213,.18),rgba(73,143,224,.14));box-shadow:inset 0 1px rgba(255,255,255,.07)}.security-center-seal b,.security-center-seal small{display:block}.security-center-seal b{color:#b1cde8;font-size:22px}.security-center-seal small{margin-top:-12px;color:#4f90da;font-size:8px;text-transform:uppercase}.security-kpi-grid{display:grid;grid-template-columns:repeat(5,minmax(145px,1fr));gap:10px;margin-bottom:14px}.security-kpi-grid article{display:grid;grid-template-columns:45px minmax(0,1fr);gap:10px;align-items:center;padding:13px;border:1px solid rgba(111,164,225,.13);border-radius:15px;background:linear-gradient(145deg,rgba(19,31,47,.92),rgba(12,19,30,.95))}.security-kpi-grid article>span{width:43px;height:43px;display:grid;place-items:center;border-radius:12px;background:rgba(51,135,230,.11);color:#acc9e7;font-size:8px;font-weight:1000}.security-kpi-grid article.safe>span{background:rgba(47,212,124,.10);color:#72e5a7}.security-kpi-grid article.warning>span{background:rgba(245,169,52,.11);color:#ffd184}.security-kpi-grid article.danger>span{background:rgba(247,83,102,.11);color:#ff95a2}.security-kpi-grid small,.security-kpi-grid strong,.security-kpi-grid p{display:block}.security-kpi-grid small{color:#4589d7;font-size:8px;text-transform:uppercase}.security-kpi-grid strong{margin:2px 0;color:#eff6ff;font-size:21px}.security-kpi-grid p{margin:0;color:#2b76cc;font-size:8px}.security-center-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(320px,.64fr);gap:13px}.security-incident-panel{overflow:hidden}.security-empty{display:grid;place-items:center;min-height:260px;padding:26px;text-align:center}.security-empty>span{width:58px;height:58px;display:grid;place-items:center;margin-bottom:12px;border-radius:17px;background:rgba(47,212,124,.10);color:#72e5a7;font-size:24px}.security-empty strong{color:#eff6ff}.security-empty p{max-width:560px;color:#4f90da}.security-account-table td strong,.security-account-table td small{display:block}.security-account-table td small{margin-top:3px;color:#337ed4}.security-account-table input{width:16px;height:16px;accent-color:#ee5366}.security-account-table .status-chip+.status-chip{margin-left:4px}.security-form-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:12px}.security-form-actions p{margin:0;color:#4086d7;font-size:9px}.security-actions-stack{display:flex;flex-direction:column;gap:13px}.security-actions-stack>.panel>h2{margin:3px 0 14px;color:#eff6ff}.security-actions-stack form{display:flex;flex-direction:column;gap:6px;padding:10px 0;border-bottom:1px solid rgba(111,164,225,.09)}.security-actions-stack form .btn{width:100%}.security-actions-stack form small{color:#317dd3;font-size:8px}.security-registration-closed{display:grid;grid-template-columns:34px minmax(0,1fr);gap:9px;align-items:center;margin-top:10px;padding:10px;border:1px solid rgba(47,212,124,.14);border-radius:11px;background:rgba(47,212,124,.045)}.security-registration-closed>span{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:rgba(47,212,124,.11);color:#74e3a8}.security-registration-closed p,.security-registration-closed strong,.security-registration-closed small{display:block;margin:0}.security-registration-closed strong{color:#cfeedd;font-size:10px}.security-registration-closed small{margin-top:3px;color:#67937c;font-size:8px}.security-event-list{max-height:420px;overflow:auto}.security-event-list>div{display:grid;grid-template-columns:42px minmax(0,1fr);gap:9px;align-items:center;padding:9px 0;border-bottom:1px solid rgba(111,164,225,.08)}.security-event-list>div>span{padding:5px;border-radius:7px;background:rgba(247,83,102,.09);color:#ff91a0;font-size:7px;font-weight:1000;text-align:center}.security-event-list>div>span.ok{background:rgba(47,212,124,.09);color:#78e5aa}.security-event-list p,.security-event-list strong,.security-event-list small{display:block;margin:0}.security-event-list strong{color:#b6d0ea;font-size:9px}.security-event-list small{margin-top:3px;color:#2c78cf;font-size:7px}
@media(max-width:1200px){.security-kpi-grid{grid-template-columns:repeat(3,minmax(145px,1fr))}.security-center-layout{grid-template-columns:1fr}}@media(max-width:720px){.security-center-hero{align-items:flex-start;padding:17px}.security-center-hero h1{font-size:27px}.security-center-seal{display:none}.security-kpi-grid{grid-template-columns:1fr 1fr}.security-form-actions{align-items:stretch;flex-direction:column}.security-form-actions .btn{width:100%}}@media(max-width:480px){.security-kpi-grid{grid-template-columns:1fr}}
.security-form-actions{align-items:flex-end}.security-form-actions label{display:flex;min-width:280px;flex-direction:column;gap:5px;color:#5d99dd;font-size:8px}.security-form-actions input,.security-actions-stack form>input{background:rgba(10,16,25,.72)!important}@media(max-width:720px){.security-form-actions label{width:100%;min-width:0}}

/* Benutzerverwaltung · Registrierungsanträge */
.registration-review-panel{overflow:hidden;margin:0 0 16px;padding:18px;border:1px solid rgba(53,133,225,.25);border-radius:20px;background:radial-gradient(circle at 0 0,rgba(41,125,220,.12),transparent 30%),radial-gradient(circle at 100% 0,rgba(78,148,229,.10),transparent 32%),linear-gradient(145deg,rgba(21,33,51,.97),rgba(12,19,30,.99));box-shadow:0 22px 52px rgba(0,0,0,.22)}.registration-review-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:15px;border-bottom:1px solid rgba(112,165,226,.11)}.registration-review-title{display:grid;grid-template-columns:54px minmax(0,1fr);gap:13px;align-items:center}.registration-review-icon{width:52px;height:52px;display:grid;place-items:center;border:1px solid rgba(57,136,226,.28);border-radius:15px;background:linear-gradient(145deg,rgba(35,121,219,.25),rgba(71,142,224,.20));box-shadow:0 12px 27px rgba(27,111,207,.18);color:#bfd6ec;font-size:11px;font-weight:1000}.registration-review-title .eyebrow{color:#428de2;font-size:8px;font-weight:1000;letter-spacing:.7px}.registration-review-title h2{margin:3px 0 4px;color:#eff6ff;font-size:21px}.registration-review-title p{margin:0;color:#5392db;font-size:10px;line-height:1.45}.registration-review-count{padding:8px 11px;border:1px solid rgba(55,142,242,.24);border-radius:10px;background:rgba(55,142,242,.08);color:#76b0f3;font-size:9px;font-weight:1000;white-space:nowrap}.registration-request-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding-top:13px}.registration-request-card{display:grid;grid-template-columns:minmax(190px,.85fr) minmax(300px,1.35fr) auto;gap:14px;align-items:center;padding:13px;border:1px solid rgba(112,165,226,.13);border-radius:15px;background:linear-gradient(145deg,rgba(21,32,50,.78),rgba(12,19,30,.86));transition:transform .15s ease,border-color .15s ease}.registration-request-card:hover{transform:translateY(-1px);border-color:rgba(49,130,222,.29)}.registration-request-person{display:grid;grid-template-columns:42px minmax(0,1fr);gap:10px;align-items:center}.registration-request-avatar{width:41px;height:41px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(145deg,#1f70cc,#4188da);box-shadow:0 9px 20px rgba(32,112,202,.22);color:#fff;font-size:12px;font-weight:1000}.registration-request-person strong,.registration-request-person span{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.registration-request-person strong{color:#eff6ff;font-size:10px}.registration-request-person div>span{margin-top:3px;color:#3781d5;font-size:8px}.registration-request-details{display:grid;grid-template-columns:repeat(3,minmax(90px,1fr));gap:7px}.registration-request-details>span{min-width:0;padding:8px;border:1px solid rgba(112,165,226,.09);border-radius:10px;background:rgba(255,255,255,.014)}.registration-request-details small,.registration-request-details strong{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.registration-request-details small{color:#2c79d1;font-size:6px;text-transform:uppercase;letter-spacing:.4px}.registration-request-details strong{margin-top:4px;color:#b1c9e2;font-size:8px}.registration-request-actions{display:flex;align-items:center;gap:7px}.registration-request-actions form{margin:0}.registration-request-actions .btn{height:37px;padding:0 11px;font-size:8px}.registration-approve{border-color:rgba(47,212,124,.30)!important;background:linear-gradient(135deg,#168a59,#1aa876)!important;box-shadow:0 9px 20px rgba(26,168,118,.16)!important}.registration-reject{border-color:rgba(247,83,102,.25)!important;background:rgba(247,83,102,.08)!important;color:#ff9aa6!important}.registration-review-empty{display:flex;align-items:center;justify-content:center;gap:11px;min-height:92px;margin-top:13px;padding:15px;border:1px dashed rgba(47,212,124,.18);border-radius:14px;background:rgba(47,212,124,.035)}.registration-review-empty>span{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:rgba(47,212,124,.11);color:#75e4a7;font-size:17px;font-weight:1000}.registration-review-empty strong,.registration-review-empty p{display:block;margin:0}.registration-review-empty strong{color:#cfeadd;font-size:10px}.registration-review-empty p{margin-top:4px;color:#638b78;font-size:8px}
@media(max-width:1500px){.registration-request-grid{grid-template-columns:1fr}.registration-request-card{grid-template-columns:minmax(180px,.75fr) minmax(280px,1.25fr) auto}}@media(max-width:900px){.registration-review-head{align-items:flex-start;flex-direction:column}.registration-request-card{grid-template-columns:1fr}.registration-request-actions{justify-content:flex-end}.registration-request-details{grid-template-columns:repeat(3,1fr)}}@media(max-width:560px){.registration-review-panel{padding:13px}.registration-review-title{grid-template-columns:43px minmax(0,1fr)}.registration-review-icon{width:42px;height:42px}.registration-review-count{width:100%;text-align:center}.registration-request-details{grid-template-columns:1fr}.registration-request-actions{align-items:stretch;flex-direction:column}.registration-request-actions form,.registration-request-actions .btn{width:100%}}

/* Einstellungen · integrierte Sicherheitszentrale */
.settings-center-tabs.has-security{grid-template-columns:repeat(5,minmax(180px,1fr))}.security-command-head{margin-bottom:16px}.security-settings-workspace{position:relative;overflow:hidden;padding:18px;border:1px solid rgba(66,141,226,.21);border-radius:22px;background:radial-gradient(circle at 0 0,rgba(43,130,229,.08),transparent 27%),radial-gradient(circle at 100% 0,rgba(99,162,235,.09),transparent 30%),linear-gradient(145deg,rgba(19,31,47,.96),rgba(12,18,28,.985));box-shadow:0 26px 60px rgba(0,0,0,.24)}.security-settings-workspace:before{content:'SECURITY';position:absolute;right:30px;top:-28px;color:rgba(177,204,231,.025);font-size:92px;font-weight:1000;letter-spacing:4px;pointer-events:none}.security-settings-workspace>.security-center-hero,.security-settings-workspace>.alert,.security-settings-workspace>.security-kpi-grid,.security-settings-workspace>.security-center-layout{position:relative;z-index:1}.security-settings-workspace .security-center-hero{margin-bottom:13px;padding:19px 20px;border-color:rgba(63,139,225,.23);background:radial-gradient(circle at 5% 20%,rgba(35,122,222,.13),transparent 37%),linear-gradient(135deg,rgba(25,39,61,.94),rgba(20,31,48,.9))}.security-settings-workspace .security-center-hero h1{font-size:29px}.security-settings-workspace .security-center-seal{height:68px}.security-settings-workspace .security-kpi-grid{gap:8px}.security-settings-workspace .security-kpi-grid article{min-height:86px;background:linear-gradient(145deg,rgba(22,35,54,.9),rgba(12,20,30,.94));transition:transform .14s ease,border-color .14s ease}.security-settings-workspace .security-kpi-grid article:hover{transform:translateY(-1px);border-color:rgba(69,141,224,.25)}.security-settings-workspace .security-incident-panel,.security-settings-workspace .security-actions-stack>.panel{border-color:rgba(105,161,225,.16);background:linear-gradient(145deg,rgba(21,32,50,.91),rgba(12,19,30,.96));box-shadow:0 17px 38px rgba(0,0,0,.18)}.security-settings-workspace .security-incident-panel{padding:16px}.security-settings-workspace .security-account-table thead th{background:rgba(70,146,232,.065);color:#7bace3}.security-settings-workspace .security-account-table tbody tr:hover{background:rgba(70,146,232,.04)}.security-settings-workspace .security-actions-stack>.panel{padding:16px}.security-settings-workspace .security-event-list{scrollbar-width:thin;scrollbar-color:#2970c2 transparent}

/* Beförderungscenter · getrennte Arbeitsbereiche */
.promotion-center-tabs{grid-template-columns:repeat(4,minmax(210px,1fr));margin:0 0 18px}.promotion-center-tab{min-height:74px}.promotion-tab-create{background:linear-gradient(145deg,rgba(70,146,232,.32),rgba(62,136,220,.20))!important;color:#bdd4eb!important}.promotion-tab-open{background:linear-gradient(145deg,rgba(43,130,229,.24),rgba(70,146,232,.15))!important;color:#b0cce7!important}.promotion-tab-lock{background:linear-gradient(145deg,rgba(55,142,242,.24),rgba(45,124,215,.14))!important;color:#9cc9f7!important}.promotion-tab-history{background:linear-gradient(145deg,rgba(99,162,235,.25),rgba(64,134,214,.15))!important;color:#eff6ff!important}.promotion-center-tab.active{border-color:rgba(106,167,237,.47);background:linear-gradient(135deg,rgba(39,116,203,.17),rgba(64,134,215,.14));box-shadow:inset 0 0 0 1px rgba(172,201,230,.08),0 12px 28px rgba(0,0,0,.16)}.promotion-center-tab.active .exam-center-tab-icon{box-shadow:0 0 24px rgba(56,137,230,.22)}.promotion-request-panel,.promotion-lock-panel,.promotion-list-panel{animation:promotionTabIn .18s ease both}@keyframes promotionTabIn{from{opacity:.35;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(max-width:1350px){.settings-center-tabs.has-security{grid-template-columns:repeat(3,minmax(210px,1fr))}.promotion-center-tabs{grid-template-columns:repeat(2,minmax(220px,1fr))}}@media(max-width:760px){.settings-center-tabs.has-security,.promotion-center-tabs{grid-template-columns:1fr}.security-settings-workspace{padding:12px}.security-settings-workspace .security-center-hero{padding:16px}.security-settings-workspace:before{display:none}}

/* Einstellungen · Registrierungsfreigaben */
.settings-center-tabs.has-registrations{grid-template-columns:repeat(5,minmax(175px,1fr))}.settings-center-tabs.has-registrations.has-security{grid-template-columns:repeat(6,minmax(165px,1fr))}.registration-settings-workspace{overflow:hidden;padding:18px!important;border-color:rgba(55,134,224,.24)!important;background:radial-gradient(circle at 0 0,rgba(43,130,229,.10),transparent 29%),radial-gradient(circle at 100% 0,rgba(77,148,230,.09),transparent 31%),linear-gradient(145deg,rgba(21,33,51,.97),rgba(12,19,30,.99))!important}.registration-settings-head{margin-bottom:12px;padding-bottom:14px;border-bottom:1px solid rgba(112,165,226,.11)}.registration-settings-info{display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;align-items:center;margin-bottom:12px;padding:10px 12px;border:1px solid rgba(43,130,229,.14);border-radius:12px;background:rgba(43,130,229,.035)}.registration-settings-info>span{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:rgba(43,130,229,.11);color:#adc9e6;font-size:11px;font-weight:1000}.registration-settings-info strong,.registration-settings-info small{display:block}.registration-settings-info strong{color:#eff6ff;font-size:9px}.registration-settings-info small{margin-top:3px;color:#4086d7;font-size:8px;line-height:1.45}.registration-settings-list{display:flex;flex-direction:column;gap:8px}.registration-settings-card{display:grid;grid-template-columns:31px minmax(210px,.7fr) minmax(390px,1.3fr) auto;gap:12px;align-items:center;padding:12px;border:1px solid rgba(112,165,226,.12);border-radius:14px;background:linear-gradient(145deg,rgba(21,32,50,.78),rgba(12,19,30,.87));transition:transform .14s ease,border-color .14s ease}.registration-settings-card:hover{transform:translateY(-1px);border-color:rgba(51,131,222,.28)}.registration-settings-number{color:#2970c2;font-size:8px;font-weight:1000}.registration-settings-person{display:grid;grid-template-columns:40px minmax(0,1fr);gap:9px;align-items:center}.registration-settings-avatar{width:39px;height:39px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(145deg,#1d6fce,#438adc);box-shadow:0 9px 20px rgba(30,111,205,.20);color:#fff;font-size:11px;font-weight:1000}.registration-settings-person strong,.registration-settings-person small{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.registration-settings-person strong{color:#eff6ff;font-size:10px}.registration-settings-person small{margin-top:3px;color:#2f7cd3;font-size:8px}.registration-settings-meta{display:grid;grid-template-columns:repeat(3,minmax(100px,1fr));gap:7px}.registration-settings-meta>span{min-width:0;padding:8px;border:1px solid rgba(112,165,226,.08);border-radius:9px;background:rgba(255,255,255,.012)}.registration-settings-meta small,.registration-settings-meta strong{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.registration-settings-meta small{color:#2b76cb;font-size:6px;text-transform:uppercase;letter-spacing:.4px}.registration-settings-meta strong{margin-top:4px;color:#b1c9e2;font-size:8px}.registration-settings-actions{display:flex;gap:7px}.registration-settings-actions form{margin:0}.registration-settings-actions .btn{height:37px;padding-inline:11px;font-size:8px}.registration-settings-approve{border-color:rgba(47,212,124,.30)!important;background:linear-gradient(135deg,#178c5b,#1aaa77)!important;box-shadow:0 9px 20px rgba(26,168,118,.16)!important}.registration-settings-reject{border-color:rgba(247,83,102,.25)!important;background:rgba(247,83,102,.08)!important;color:#ff99a6!important}.registration-settings-empty{display:flex;align-items:center;justify-content:center;gap:11px;min-height:150px;border:1px dashed rgba(47,212,124,.18);border-radius:14px;background:rgba(47,212,124,.025)}.registration-settings-empty>span{width:45px;height:45px;display:grid;place-items:center;border-radius:13px;background:rgba(47,212,124,.11);color:#75e4a7;font-size:18px}.registration-settings-empty strong,.registration-settings-empty p{display:block;margin:0}.registration-settings-empty strong{color:#d4eddf;font-size:11px}.registration-settings-empty p{margin-top:4px;color:#638b78;font-size:8px}
@media(max-width:1500px){.settings-center-tabs.has-registrations,.settings-center-tabs.has-registrations.has-security{grid-template-columns:repeat(3,minmax(205px,1fr))}.registration-settings-card{grid-template-columns:31px minmax(190px,.65fr) minmax(300px,1fr);}.registration-settings-actions{grid-column:2/4;justify-content:flex-end}}@media(max-width:850px){.settings-center-tabs.has-registrations,.settings-center-tabs.has-registrations.has-security{grid-template-columns:1fr}.registration-settings-card{grid-template-columns:30px minmax(0,1fr)}.registration-settings-meta,.registration-settings-actions{grid-column:2}.registration-settings-actions{justify-content:stretch}.registration-settings-actions form,.registration-settings-actions .btn{width:100%}}@media(max-width:540px){.registration-settings-workspace{padding:12px!important}.registration-settings-meta{grid-template-columns:1fr}.registration-settings-actions{flex-direction:column}}

/* Portal-Seitenschutz, Impressum und Datenschutz */
.portal-public-settings-grid{display:grid;grid-template-columns:minmax(320px,.8fr) minmax(520px,1.2fr);gap:12px;margin-bottom:14px}.site-access-settings-card,.legal-settings-card{padding:15px;border:1px solid rgba(80,151,232,.18);border-radius:16px;background:linear-gradient(145deg,rgba(21,33,52,.88),rgba(12,19,30,.94))}.public-settings-head{display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:11px;align-items:center;margin-bottom:13px;padding-bottom:13px;border-bottom:1px solid rgba(112,165,226,.10)}.public-settings-head>span{width:44px;height:44px;display:grid;place-items:center;border:1px solid rgba(58,138,229,.24);border-radius:12px;background:linear-gradient(145deg,rgba(34,120,218,.20),rgba(72,141,220,.18));color:#b4cfe9;font-size:11px;font-weight:1000}.public-settings-head h2,.public-settings-head p,.public-settings-head small{display:block;margin:0}.public-settings-head h2{margin:3px 0;color:#eff6ff;font-size:17px}.public-settings-head small{color:#4288d7;font-size:8px;line-height:1.4}.public-settings-head>b{padding:7px 9px;border:1px solid rgba(112,165,226,.13);border-radius:9px;color:#4f90da;font-size:8px}.public-settings-head>b.is-on{border-color:rgba(47,212,124,.25);background:rgba(47,212,124,.08);color:#74e2a7}.site-access-settings-form,.legal-settings-form{display:grid;gap:10px}.site-access-settings-form label,.legal-settings-form label{color:#b4cfe9;font-size:8px;font-weight:900}.site-access-settings-form label>input,.legal-settings-form input,.legal-settings-form textarea{width:100%;margin-top:5px}.site-access-settings-form label>small{display:block;margin-top:4px;color:#337ed4;font-size:7px;font-weight:500}.legal-settings-form{grid-template-columns:repeat(2,minmax(0,1fr))}.legal-settings-form .full,.legal-settings-form button{grid-column:1/-1}.legal-settings-form textarea{resize:vertical}.legal-preview-links{display:flex;gap:5px}.legal-preview-links a{padding:6px 8px;border:1px solid rgba(85,153,230,.16);border-radius:8px;background:rgba(58,130,213,.05);color:#80b3ed;font-size:7px;font-weight:900;text-decoration:none}
.site-access-body{min-height:100vh}.site-access-shell{position:relative;z-index:2;width:min(1080px,calc(100% - 34px));min-height:100vh;margin:auto;display:grid;grid-template-columns:1.05fr .95fr;gap:30px;align-items:center}.site-access-brand{padding:28px}.site-access-logo{width:92px;height:92px;display:grid;place-items:center;margin-bottom:24px;border:1px solid rgba(78,150,233,.26);border-radius:25px;background:radial-gradient(circle,rgba(36,125,226,.20),rgba(26,41,63,.48));box-shadow:0 24px 50px rgba(0,0,0,.28)}.site-access-logo img{width:78px;height:78px;object-fit:contain}.site-access-brand h1{margin:8px 0 14px;color:#eff6ff;font-size:clamp(42px,5vw,72px);line-height:.97;letter-spacing:-2.8px}.site-access-brand>p:not(.eyebrow){max-width:540px;color:#6ba2e0;font-size:13px;line-height:1.65}.site-access-security-list{display:flex;flex-wrap:wrap;gap:7px;margin-top:23px}.site-access-security-list span{padding:8px 10px;border:1px solid rgba(112,165,226,.12);border-radius:9px;background:rgba(17,27,42,.55);color:#478bd8;font-size:8px;font-weight:900}.site-access-card{position:relative;overflow:hidden;padding:34px;border:1px solid rgba(73,148,233,.25);border-radius:24px;background:radial-gradient(circle at 100% 0,rgba(69,142,226,.16),transparent 38%),linear-gradient(145deg,rgba(23,36,56,.97),rgba(12,19,30,.99));box-shadow:0 35px 80px rgba(0,0,0,.36)}.site-access-card-mark{width:50px;height:50px;display:grid;place-items:center;margin-bottom:20px;border:1px solid rgba(58,139,231,.30);border-radius:14px;background:linear-gradient(145deg,#1b6fd0,#4086d6);color:#fff;font-size:12px;font-weight:1000}.site-access-card h2{margin:5px 0 8px;color:#eff6ff;font-size:25px}.site-access-card>p:not(.eyebrow){margin:0 0 18px;color:#5996dc;font-size:10px;line-height:1.55}.site-access-form{display:grid;gap:11px}.site-access-form label{color:#bed4eb;font-size:9px;font-weight:900}.site-access-form input{width:100%;height:47px;margin-top:6px}.public-legal-links,.auth-legal-footer{display:flex;align-items:center;justify-content:center;gap:9px}.public-legal-links{margin-top:18px;padding-top:15px;border-top:1px solid rgba(112,165,226,.09)}.public-legal-links a,.auth-legal-footer a{color:#468ad8;font-size:8px;font-weight:800;text-decoration:none}.auth-legal-footer{position:fixed;z-index:4;right:24px;bottom:17px;padding:8px 11px;border:1px solid rgba(112,165,226,.09);border-radius:10px;background:rgba(12,19,30,.72)}
.legal-page-body{min-height:100vh;margin:0;background:radial-gradient(circle at 15% 0,rgba(26,111,208,.15),transparent 28%),radial-gradient(circle at 90% 10%,rgba(62,133,214,.10),transparent 30%),#0c121c;color:#eff6ff;font-family:inherit}.legal-page-shell{width:min(1180px,calc(100% - 32px));margin:auto;padding:18px 0 28px}.legal-page-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:11px 13px;border:1px solid rgba(102,158,223,.14);border-radius:15px;background:rgba(17,27,42,.76)}.legal-brand{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none}.legal-brand img{width:42px;height:42px;object-fit:contain}.legal-brand small,.legal-brand strong{display:block}.legal-brand small{color:#478bd8;font-size:7px;font-weight:900;text-transform:uppercase}.legal-brand strong{margin-top:2px;color:#eff6ff;font-size:13px}.legal-page-head nav,.legal-page-footer nav{display:flex;gap:7px}.legal-page-head nav a,.legal-page-footer a{padding:8px 10px;border-radius:8px;color:#4e8fda;font-size:8px;font-weight:900;text-decoration:none}.legal-page-head nav a.active{background:rgba(51,131,222,.10);color:#adc9e6}.legal-hero{padding:70px 14px 44px;border-bottom:1px solid rgba(112,165,226,.10)}.legal-hero h1{margin:6px 0 9px;color:#eff6ff;font-size:clamp(42px,6vw,76px);line-height:1;letter-spacing:-2.5px}.legal-hero>p:last-child{max-width:650px;margin:0;color:#5996dc;font-size:12px;line-height:1.6}.legal-incomplete-note{display:grid;grid-template-columns:auto 1fr;gap:12px;margin:18px 0;padding:13px 15px;border:1px solid rgba(55,142,242,.22);border-radius:12px;background:rgba(55,142,242,.06)}.legal-content-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:20px 0}.legal-content-grid article{min-height:150px;padding:20px;border:1px solid rgba(112,165,226,.12);border-radius:15px;background:linear-gradient(145deg,rgba(21,33,51,.78),rgba(12,19,30,.87))}.legal-content-grid article.wide{grid-column:1/-1}.legal-content-grid article>span,.legal-document article>span{display:grid;place-items:center;width:42px;height:34px;border-radius:9px;background:rgba(41,124,219,.10);color:#69a3e5;font-size:8px;font-weight:1000}.legal-content-grid h2{margin:14px 0 8px;color:#eff6ff;font-size:17px}.legal-content-grid p,.legal-document p{margin:0;color:#5e99dd;font-size:10px;line-height:1.7}.privacy-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:20px 0}.privacy-summary>div{padding:13px;border:1px solid rgba(112,165,226,.11);border-radius:12px;background:rgba(21,33,51,.72)}.privacy-summary strong,.privacy-summary span{display:block}.privacy-summary strong{color:#468ad8;font-size:7px;text-transform:uppercase}.privacy-summary span{margin-top:5px;color:#eff6ff;font-size:9px}.legal-document{overflow:hidden;border:1px solid rgba(112,165,226,.12);border-radius:17px;background:linear-gradient(145deg,rgba(21,33,51,.78),rgba(12,19,30,.9))}.legal-document article{display:grid;grid-template-columns:46px minmax(0,1fr);gap:15px;padding:20px;border-bottom:1px solid rgba(112,165,226,.09)}.legal-document h2{margin:1px 0 7px;color:#eff6ff;font-size:15px}.legal-template-note{margin:13px 0;padding:10px 12px;border-left:2px solid rgba(55,142,242,.45);background:rgba(55,142,242,.035);color:#2970c2;font-size:8px}.legal-page-footer,.portal-legal-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;color:#2970c2;font-size:8px}.legal-page-footer{margin-top:18px;padding-top:16px;border-top:1px solid rgba(112,165,226,.09)}.portal-legal-footer{margin-top:26px;padding:14px 2px 4px;border-top:1px solid rgba(112,165,226,.07)}.portal-legal-footer nav{display:flex;gap:12px}.portal-legal-footer a{color:#2b76cc;text-decoration:none}
@media(max-width:1100px){.portal-public-settings-grid{grid-template-columns:1fr}.site-access-shell{grid-template-columns:1fr;max-width:720px;padding:70px 0}}@media(max-width:720px){.public-settings-head{grid-template-columns:44px minmax(0,1fr)}.public-settings-head>b,.legal-preview-links{grid-column:2}.legal-settings-form,.legal-content-grid,.privacy-summary{grid-template-columns:1fr}.legal-content-grid article.wide{grid-column:auto}.site-access-shell{width:min(100% - 22px,620px);padding:35px 0}.site-access-brand{padding:0 8px}.site-access-brand h1{font-size:42px}.site-access-card{padding:23px}.auth-legal-footer{position:static;margin:0 auto 14px;width:max-content}.legal-page-head{align-items:flex-start;flex-direction:column}.legal-hero{padding:48px 5px 32px}.legal-document article{grid-template-columns:38px minmax(0,1fr);gap:10px;padding:15px}.legal-page-footer{align-items:flex-start;flex-direction:column}}

/* Öffentliche LSPD-Startseite und Bewerbungsportal */
.lspd-public-body,.lspd-application-body{min-height:100vh;margin:0;background:radial-gradient(circle at 15% 0,rgba(26,111,208,.18),transparent 26%),radial-gradient(circle at 88% 12%,rgba(50,126,212,.13),transparent 28%),#0b111b;color:#eff6ff;font-family:inherit}.lspd-public-nav{position:sticky;z-index:20;top:10px;width:min(1420px,calc(100% - 26px));margin:10px auto 0;display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:center;padding:10px 12px;border:1px solid rgba(103,159,224,.17);border-radius:16px;background:rgba(14,23,35,.84);box-shadow:0 16px 40px rgba(0,0,0,.24);backdrop-filter:blur(18px)}.lspd-public-brand{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none}.lspd-public-brand img{width:44px;height:44px;object-fit:contain}.lspd-public-brand small,.lspd-public-brand strong{display:block}.lspd-public-brand small{color:#4b8dd9;font-size:7px;font-weight:1000;letter-spacing:.7px;text-transform:uppercase}.lspd-public-brand strong{margin-top:2px;color:#eff6ff;font-size:14px}.lspd-public-nav>nav{display:flex;justify-content:center;gap:5px}.lspd-public-nav>nav a{padding:9px 11px;border-radius:9px;color:#4c8ed9;font-size:8px;font-weight:900;text-decoration:none}.lspd-public-nav>nav a:hover{background:rgba(54,131,220,.08);color:#acc9e7}.lspd-public-login{display:flex;align-items:center;gap:12px;padding:9px 12px;border:1px solid rgba(47,129,223,.24);border-radius:10px;background:linear-gradient(135deg,rgba(26,111,208,.18),rgba(45,122,210,.14));color:#c0d7ed;font-size:8px;font-weight:1000;text-decoration:none}.lspd-public-login b{font-size:13px}.lspd-public-hero{width:min(1370px,calc(100% - 32px));min-height:calc(100vh - 88px);margin:auto;display:grid;grid-template-columns:1.08fr .92fr;gap:35px;align-items:center;padding:60px 20px}.lspd-public-hero-copy h1{margin:9px 0 19px;color:#eff6ff;font-size:clamp(55px,7.2vw,106px);line-height:.88;letter-spacing:-5px}.lspd-public-hero-copy h1 span{background:linear-gradient(90deg,#3184e2,#5399ea 70%);-webkit-background-clip:text;background-clip:text;color:transparent}.lspd-public-hero-copy>p:not(.eyebrow){max-width:690px;margin:0;color:#5f9add;font-size:13px;line-height:1.7}.lspd-public-hero-actions{display:flex;gap:9px;margin-top:24px}.lspd-public-trust{display:flex;flex-wrap:wrap;gap:8px;margin-top:25px}.lspd-public-trust span{padding:8px 10px;border:1px solid rgba(101,157,222,.11);border-radius:9px;background:rgba(18,28,43,.55);color:#4086d7;font-size:8px}.lspd-public-trust b{margin-right:5px;color:#78ace7}.lspd-public-emblem{display:flex;flex-direction:column;align-items:center;justify-content:center}.lspd-public-emblem-ring{position:relative;width:min(510px,42vw);aspect-ratio:1;display:grid;place-items:center;border:1px solid rgba(57,135,224,.20);border-radius:50%;background:radial-gradient(circle,rgba(34,116,209,.17),rgba(15,24,37,.05) 64%);box-shadow:0 0 100px rgba(29,111,205,.12)}.lspd-public-emblem-ring:before,.lspd-public-emblem-ring:after{content:"";position:absolute;border:1px solid rgba(94,155,224,.09);border-radius:50%}.lspd-public-emblem-ring:before{inset:8%}.lspd-public-emblem-ring:after{inset:18%}.lspd-public-emblem img{position:relative;z-index:2;width:72%;height:72%;object-fit:contain;filter:drop-shadow(0 26px 40px rgba(0,0,0,.38))}.lspd-public-emblem>span{margin-top:17px;color:#2970c2;font-size:8px;font-weight:1000;letter-spacing:2px;text-transform:uppercase}.lspd-public-section{width:min(1320px,calc(100% - 32px));margin:0 auto;padding:92px 18px}.lspd-section-heading{max-width:760px;margin-bottom:30px}.lspd-section-heading.split{max-width:none;display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:end}.lspd-section-heading h2{margin:6px 0 10px;color:#eff6ff;font-size:clamp(34px,4vw,58px);line-height:1.02;letter-spacing:-2px}.lspd-section-heading>p:last-child,.lspd-section-heading.split>p{margin:0;color:#5392da;font-size:11px;line-height:1.65}.lspd-mission-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.lspd-mission-grid article{min-height:220px;padding:21px;border:1px solid rgba(100,157,223,.13);border-radius:17px;background:linear-gradient(145deg,rgba(22,34,53,.78),rgba(12,19,30,.88))}.lspd-mission-grid article>span{display:grid;place-items:center;width:40px;height:34px;border-radius:9px;background:rgba(38,121,216,.10);color:#6ba4e5;font-size:8px;font-weight:1000}.lspd-mission-grid h3{margin:34px 0 8px;color:#eff6ff;font-size:20px}.lspd-mission-grid p,.lspd-division-grid p,.lspd-career-steps p{margin:0;color:#4f90da;font-size:9px;line-height:1.65}.lspd-division-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.lspd-division-grid article{display:grid;grid-template-columns:64px 1fr;gap:14px;align-items:center;padding:18px;border:1px solid rgba(100,157,223,.13);border-radius:16px;background:rgba(19,30,47,.78)}.lspd-division-grid article>span{width:60px;height:60px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(145deg,rgba(28,112,207,.24),rgba(48,124,211,.19));color:#aecbe7;font-size:12px;font-weight:1000}.lspd-division-grid small{color:#2a73c6;font-size:7px;font-weight:1000;text-transform:uppercase}.lspd-division-grid h3{margin:3px 0 6px;color:#eff6ff;font-size:16px}.lspd-career-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.lspd-career-steps article{position:relative;padding:18px;border-top:2px solid rgba(42,125,220,.30);background:linear-gradient(180deg,rgba(37,59,91,.22),transparent)}.lspd-career-steps b,.lspd-career-steps span{display:block}.lspd-career-steps b{color:#4f91dd;font-size:10px}.lspd-career-steps span{margin:28px 0 7px;color:#eff6ff;font-size:15px;font-weight:1000}.lspd-application-cta{width:min(1280px,calc(100% - 32px));margin:30px auto 80px;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:34px;border:1px solid rgba(57,135,224,.25);border-radius:22px;background:radial-gradient(circle at 0 50%,rgba(38,122,219,.11),transparent 36%),linear-gradient(135deg,rgba(24,38,59,.95),rgba(24,37,58,.94))}.lspd-application-cta h2{margin:5px 0 7px;color:#eff6ff;font-size:30px}.lspd-application-cta p{margin:0;color:#5392db;font-size:10px}.lspd-application-closed{padding:10px 13px;border:1px solid rgba(55,142,242,.22);border-radius:10px;color:#70a7e6;font-size:9px;font-weight:900}.lspd-public-footer{width:min(1400px,calc(100% - 28px));margin:auto;display:grid;grid-template-columns:1fr auto auto;gap:25px;align-items:center;padding:22px 5px;border-top:1px solid rgba(102,158,223,.10);color:#2970c2;font-size:8px}.lspd-public-footer nav{display:flex;gap:13px}.lspd-public-footer nav a{color:#2f7cd3;text-decoration:none}
.lspd-application-shell{width:min(1280px,calc(100% - 30px));margin:auto;display:grid;grid-template-columns:.78fr 1.22fr;gap:28px;padding:80px 0}.lspd-application-intro{padding:30px 15px}.lspd-application-intro h1{margin:7px 0 16px;color:#eff6ff;font-size:clamp(45px,5vw,72px);line-height:.96;letter-spacing:-3px}.lspd-application-intro h1 span{color:#428bdf}.lspd-application-intro>p:not(.eyebrow){color:#5896dc;font-size:11px;line-height:1.7}.lspd-application-facts{display:grid;gap:7px;margin-top:24px}.lspd-application-facts>div{display:grid;grid-template-columns:34px 1fr;gap:9px;align-items:center;padding:10px;border:1px solid rgba(98,156,222,.10);border-radius:10px;background:rgba(18,28,43,.48)}.lspd-application-facts b{color:#5594dd;font-size:8px}.lspd-application-facts span{color:#81afe4;font-size:9px;font-weight:900}.lspd-application-panel{padding:23px;border:1px solid rgba(75,146,228,.22);border-radius:20px;background:linear-gradient(145deg,rgba(21,33,52,.95),rgba(12,19,30,.98));box-shadow:0 30px 65px rgba(0,0,0,.27)}.application-panel-head{display:grid;grid-template-columns:48px 1fr;gap:11px;align-items:center;margin-bottom:16px;padding-bottom:14px;border-bottom:1px solid rgba(105,160,223,.10)}.application-panel-head>span{width:46px;height:46px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(145deg,#1e6fcd,#4288d7);color:#fff;font-size:11px;font-weight:1000}.application-panel-head h2,.application-panel-head p,.application-panel-head small{display:block;margin:0}.application-panel-head h2{margin:3px 0;color:#eff6ff;font-size:19px}.application-panel-head small{color:#347fd4;font-size:8px}.lspd-application-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.lspd-application-form label{color:#b2cde7;font-size:8px;font-weight:900}.lspd-application-form input,.lspd-application-form textarea{width:100%;margin-top:5px}.lspd-application-form textarea{resize:vertical}.lspd-application-form .full{grid-column:1/-1}.application-challenge{padding:10px;border:1px solid rgba(54,133,224,.14);border-radius:11px;background:rgba(54,133,224,.035)}.application-consent{grid-column:1/-1;display:grid!important;grid-template-columns:18px 1fr;gap:8px;align-items:start;padding:10px;border:1px solid rgba(102,158,223,.10);border-radius:10px;background:rgba(255,255,255,.012)}.application-consent input{width:16px;margin:0}.application-consent span{color:#4589d7;font-size:8px;line-height:1.5}.application-consent a{color:#6fa4e0}.application-status-check{display:grid;grid-template-columns:1fr minmax(170px,.8fr) auto;gap:8px;align-items:center;margin-top:16px;padding-top:15px;border-top:1px solid rgba(102,158,223,.10)}.application-status-check strong,.application-status-check small{display:block}.application-status-check strong{color:#eff6ff;font-size:9px}.application-status-check small{margin-top:3px;color:#2c79d2;font-size:7px}.application-status-result,.application-success-card,.application-closed-card{margin-top:12px;padding:15px;border:1px solid rgba(47,212,124,.18);border-radius:13px;background:rgba(47,212,124,.045)}.application-status-result{display:flex;gap:12px;align-items:center}.application-status-result>span{padding:7px 9px;border-radius:8px;background:rgba(48,129,221,.12);color:#adc9e6;font-size:8px;font-weight:1000}.application-status-result strong,.application-status-result small{display:block}.application-status-result small{margin-top:4px;color:#3d84d6;font-size:7px}.application-success-card,.application-closed-card{text-align:center}.application-success-card>span,.application-closed-card>span{width:50px;height:50px;display:grid;place-items:center;margin:0 auto 10px;border-radius:14px;background:rgba(47,212,124,.12);color:#74e3a8;font-size:20px}.application-success-card h2,.application-closed-card h2{margin:0;color:#eff6ff}.application-success-card p,.application-closed-card p{color:#4f90da;font-size:9px}.application-success-card>strong{display:block;margin:13px auto;padding:11px;border:1px dashed rgba(66,140,225,.28);border-radius:10px;color:#84b4ea;font-size:17px;letter-spacing:2px}
.applications-manage-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px}.applications-manage-head h1{margin:4px 0;color:#eff6ff;font-size:34px}.applications-manage-head p{margin:0;color:#5090da;font-size:10px}.application-admin-tabs{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:7px;margin-bottom:12px}.application-admin-tabs a{display:grid;grid-template-columns:30px 1fr auto;gap:8px;align-items:center;padding:10px;border:1px solid rgba(103,159,224,.12);border-radius:11px;background:rgba(19,30,47,.74);color:#5090da;text-decoration:none}.application-admin-tabs a.active{border-color:rgba(52,132,223,.30);background:rgba(38,117,207,.09);color:#b5cfe9}.application-admin-tabs span,.application-admin-tabs b{font-size:7px}.application-admin-tabs strong{font-size:9px}.application-admin-list{display:grid;gap:10px}.application-admin-card{overflow:hidden;border:1px solid rgba(103,159,224,.14);border-radius:16px;background:linear-gradient(145deg,rgba(21,33,52,.87),rgba(12,19,30,.94))}.application-admin-card>header{display:grid;grid-template-columns:46px 1fr auto;gap:11px;align-items:center;padding:14px;border-bottom:1px solid rgba(103,159,224,.09)}.application-admin-avatar{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(145deg,#1c6fcf,#4187d7);color:#fff;font-weight:1000}.application-admin-card header small,.application-admin-card header h2,.application-admin-card header p{display:block;margin:0}.application-admin-card header small{color:#2b77cd;font-size:7px}.application-admin-card header h2{margin:3px 0;color:#eff6ff;font-size:16px}.application-admin-card header p{color:#4e8fda;font-size:8px}.application-status-chip{padding:7px 9px;border:1px solid rgba(66,140,224,.18);border-radius:9px;color:#acc9e7;font-size:8px}.application-admin-content{display:grid;grid-template-columns:.8fr 1.4fr .8fr;gap:8px;padding:12px}.application-admin-content section{padding:10px;border:1px solid rgba(103,159,224,.08);border-radius:10px;background:rgba(255,255,255,.012)}.application-admin-content small{color:#2b76cb;font-size:7px;text-transform:uppercase}.application-admin-content p{max-height:150px;overflow:auto;color:#7eaee4;font-size:8px;line-height:1.55}.application-review-form{display:grid;grid-template-columns:190px 1fr auto;gap:9px;align-items:end;padding:12px;border-top:1px solid rgba(103,159,224,.09)}.application-review-form label{color:#5090da;font-size:7px;font-weight:900}.application-review-form select,.application-review-form textarea{width:100%;margin-top:4px}.application-review-form textarea{resize:vertical}.application-admin-card>footer{padding:8px 13px;border-top:1px solid rgba(103,159,224,.07);color:#2970c2;font-size:7px}.application-admin-empty{padding:60px;text-align:center;border:1px dashed rgba(103,159,224,.15);border-radius:15px;color:#3982d5}.application-settings-links{display:flex;flex-wrap:wrap;gap:6px}.application-settings-links a{padding:7px 9px;border:1px solid rgba(85,153,230,.14);border-radius:8px;color:#79ace6;font-size:7px;font-weight:900;text-decoration:none}
@media(max-width:1000px){.lspd-public-nav{grid-template-columns:1fr auto}.lspd-public-nav>nav{display:none}.lspd-public-hero,.lspd-application-shell{grid-template-columns:1fr}.lspd-public-emblem{display:none}.lspd-public-hero{min-height:auto;padding-block:100px}.lspd-section-heading.split{grid-template-columns:1fr}.lspd-career-steps{grid-template-columns:repeat(2,1fr)}.application-admin-content{grid-template-columns:1fr}.application-review-form{grid-template-columns:1fr 1fr}.application-review-form button{grid-column:1/-1}.application-admin-tabs{grid-template-columns:repeat(3,1fr)}}@media(max-width:650px){.lspd-public-nav{top:5px;width:calc(100% - 12px)}.lspd-public-login span{display:none}.lspd-public-hero-copy h1{font-size:48px;letter-spacing:-2.5px}.lspd-public-hero-actions,.lspd-application-cta{align-items:stretch;flex-direction:column}.lspd-mission-grid,.lspd-division-grid,.lspd-career-steps,.lspd-application-form{grid-template-columns:1fr}.lspd-application-form .full{grid-column:auto}.lspd-public-section{padding-block:65px}.lspd-application-shell{padding:45px 0}.application-status-check,.application-review-form{grid-template-columns:1fr}.lspd-public-footer{grid-template-columns:1fr}.lspd-public-footer nav{flex-wrap:wrap}.application-admin-tabs{grid-template-columns:1fr}.application-admin-card>header{grid-template-columns:44px 1fr}.application-status-chip{grid-column:2}.applications-manage-head{align-items:flex-start;flex-direction:column}}

/* Gruppierte, aufgeräumte Hauptnavigation */
.sidebar nav.sidebar-groups{gap:9px}.sidebar-group{border:1px solid rgba(128,180,239,.12);border-radius:16px;background:rgba(13,21,32,.42);overflow:hidden;transition:border-color .18s ease,background .18s ease}.sidebar-group[open],.sidebar-group.is-active{border-color:rgba(91,158,235,.25);background:rgba(22,34,53,.6)}.sidebar-group summary{min-height:50px;display:grid;grid-template-columns:29px 1fr auto 18px;gap:9px;align-items:center;padding:10px 12px;color:#74a7e2;cursor:pointer;list-style:none;user-select:none}.sidebar-group summary::-webkit-details-marker{display:none}.sidebar-group summary:hover{color:#eff6ff}.sidebar-group.is-active summary{color:#fff}.sidebar-group-icon{width:29px;height:29px;display:grid;place-items:center;border-radius:9px;background:rgba(91,158,235,.1);border:1px solid rgba(128,180,239,.13);color:#adc9e6;font-size:9px;font-weight:1000}.sidebar-group summary strong{font-size:12px;letter-spacing:.15px}.sidebar-group-count{min-width:22px;padding:3px 6px;border-radius:999px;background:rgba(173,201,230,.08);color:#609add;text-align:center;font-size:9px;font-weight:900}.sidebar-group-chevron{font-size:16px;line-height:1;transition:transform .2s ease}.sidebar-group[open] .sidebar-group-chevron{transform:rotate(180deg)}.sidebar-group-links{display:grid;gap:5px;padding:0 7px 8px}.sidebar nav.sidebar-groups .sidebar-group-links a{min-height:42px;padding:8px 10px;border-radius:11px;background:transparent;box-shadow:none}.sidebar nav.sidebar-groups .sidebar-group-links a:hover,.sidebar nav.sidebar-groups .sidebar-group-links a.active{transform:none;background:linear-gradient(135deg,rgba(70,146,232,.24),rgba(41,112,194,.09));border-color:rgba(100,163,236,.35)}.sidebar nav.sidebar-groups .sidebar-group-links .nav-icon{width:25px;height:25px;border-radius:8px;font-size:10px}.sidebar nav.sidebar-groups .sidebar-group-links .nav-label{font-size:11px;font-weight:850}.sidebar nav.sidebar-groups>.logout-link{margin-top:12px!important}.nav-badge{margin-left:auto}.sidebar-group+.sidebar-group{margin-top:0}
@media(max-width:900px){.sidebar nav.sidebar-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.sidebar-group{min-width:0}.sidebar nav.sidebar-groups>.logout-link{margin-top:0!important;min-height:50px}}@media(max-width:560px){.sidebar nav.sidebar-groups{grid-template-columns:1fr}}

/* Öffentliche LSPD-Startseite · Motion Edition */
.lspd-public-body{position:relative;overflow-x:hidden;background:radial-gradient(circle at 18% 4%,rgba(26,111,209,.22),transparent 28%),radial-gradient(circle at 85% 16%,rgba(44,119,205,.16),transparent 30%),linear-gradient(180deg,#0b111b 0%,#0d1520 46%,#0a1019 100%)}.lspd-public-body:before{content:"";position:fixed;inset:0;z-index:-3;opacity:.23;background-image:linear-gradient(rgba(87,149,220,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(87,149,220,.055) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,#000,transparent 78%)}.lspd-ambient{position:fixed;inset:0;z-index:-2;overflow:hidden;pointer-events:none}.lspd-ambient i{position:absolute;width:460px;height:460px;border-radius:50%;filter:blur(100px);opacity:.13;animation:lspdAmbient 18s ease-in-out infinite}.lspd-ambient i:nth-child(1){top:-160px;left:-100px;background:#1a6fd1}.lspd-ambient i:nth-child(2){top:28%;right:-220px;background:#418add;animation-delay:-6s}.lspd-ambient i:nth-child(3){bottom:-260px;left:32%;background:#1a6fd1;animation-delay:-12s}.lspd-ambient span{position:absolute;top:0;left:16%;width:1px;height:40vh;background:linear-gradient(transparent,rgba(113,171,238,.32),transparent);transform:rotate(28deg);box-shadow:260px 80px rgba(113,171,238,.08),620px -120px rgba(113,171,238,.09);animation:lspdScan 9s linear infinite}.lspd-public-nav{transition:transform .25s ease,border-color .25s ease,background .25s ease}.lspd-public-nav:hover{border-color:rgba(79,150,231,.34);background:rgba(14,23,35,.94)}.lspd-public-nav>nav a{position:relative;transition:color .2s ease,background .2s ease}.lspd-public-nav>nav a:after{content:"";position:absolute;left:11px;right:11px;bottom:3px;height:1px;background:#4b93e5;transform:scaleX(0);transition:transform .2s ease}.lspd-public-nav>nav a:hover:after{transform:scaleX(1)}.lspd-public-login{transition:transform .2s ease,box-shadow .2s ease}.lspd-public-login:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(35,120,218,.18)}.lspd-public-hero{position:relative}.lspd-public-hero:after{content:"LSPD";position:absolute;left:-4vw;bottom:4%;z-index:-1;color:rgba(173,201,230,.025);font-size:clamp(140px,24vw,360px);font-weight:1000;line-height:.7;letter-spacing:-20px}.lspd-public-hero-copy .eyebrow{display:flex;align-items:center;gap:8px}.lspd-live-dot{width:7px;height:7px;border-radius:50%;background:#38e49b;box-shadow:0 0 14px #38e49b;animation:lspdPulse 1.8s ease-in-out infinite}.lspd-public-hero-copy h1 span{background-size:200% auto;animation:lspdGradient 6s linear infinite}.lspd-public-hero-actions .btn,.lspd-application-cta .btn{position:relative;overflow:hidden}.lspd-public-hero-actions .btn:after,.lspd-application-cta .btn:after{content:"";position:absolute;inset:-40% auto -40% -45%;width:30%;background:rgba(255,255,255,.18);transform:skewX(-18deg);transition:left .5s ease}.lspd-public-hero-actions .btn:hover:after,.lspd-application-cta .btn:hover:after{left:125%}.lspd-public-emblem-ring{isolation:isolate;animation:lspdFloat 6s ease-in-out infinite}.lspd-public-emblem-ring:before{animation:lspdSpin 28s linear infinite}.lspd-public-emblem-ring:after{animation:lspdSpin 20s linear infinite reverse}.lspd-public-emblem-ring .orbit{position:absolute;z-index:1;border-radius:50%;border:1px dashed rgba(89,155,230,.18);pointer-events:none}.orbit-one{inset:-7%;animation:lspdSpin 22s linear infinite}.orbit-two{inset:13%;animation:lspdSpin 15s linear infinite reverse}.orbit-one:after,.orbit-two:after{content:"";position:absolute;top:50%;left:-4px;width:8px;height:8px;border-radius:50%;background:#5096e7;box-shadow:0 0 18px #5096e7}.emblem-status{position:absolute;right:-5%;bottom:13%;z-index:3;display:flex;align-items:center;gap:7px;padding:9px 12px;border:1px solid rgba(88,152,226,.25);border-radius:11px;background:rgba(14,23,35,.86);box-shadow:0 16px 40px rgba(0,0,0,.35);backdrop-filter:blur(12px);color:#adc9e6;font-size:8px;letter-spacing:.4px}.emblem-status i{width:7px;height:7px;border-radius:50%;background:#39dc97;box-shadow:0 0 12px #39dc97}.lspd-public-stats{width:min(1280px,calc(100% - 44px));margin:-15px auto 22px;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid rgba(93,155,226,.14);border-radius:20px;background:rgba(15,24,37,.72);box-shadow:0 26px 70px rgba(0,0,0,.25);backdrop-filter:blur(16px);overflow:hidden}.lspd-public-stats article{display:grid;gap:5px;padding:22px 26px;border-right:1px solid rgba(93,155,226,.11)}.lspd-public-stats article:last-child{border-right:0}.lspd-public-stats b{color:#eff6ff;font-size:20px}.lspd-public-stats span{color:#337ed4;font-size:8px;font-weight:850;text-transform:uppercase;letter-spacing:.7px}.lspd-mission-grid article,.lspd-division-grid article,.lspd-career-steps article{transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease,background .3s ease}.lspd-mission-grid article:hover,.lspd-division-grid article:hover{transform:translateY(-7px);border-color:rgba(69,142,226,.35);box-shadow:0 24px 60px rgba(0,0,0,.28),0 0 40px rgba(30,111,205,.07)}.lspd-mission-grid article{position:relative;overflow:hidden}.lspd-mission-grid article:after{content:"";position:absolute;width:180px;height:180px;right:-100px;bottom:-110px;border-radius:50%;background:rgba(46,124,214,.08);transition:transform .45s ease}.lspd-mission-grid article:hover:after{transform:scale(1.45)}.lspd-mission-grid article>i{position:absolute;right:22px;top:21px;color:rgba(105,164,232,.45);font-style:normal;font-size:18px}.lspd-mission-grid article>b{position:absolute;left:21px;bottom:19px;color:#2970c2;font-size:7px;text-transform:uppercase;letter-spacing:1.8px}.lspd-division-grid article:hover>span{transform:rotate(-4deg) scale(1.06)}.lspd-division-grid article>span{transition:transform .3s ease}.lspd-career-steps article:after{content:"";position:absolute;left:0;top:-2px;width:0;height:2px;background:linear-gradient(90deg,#438fe6,#4f97e9);transition:width .5s ease}.lspd-career-steps article:hover{transform:translateY(-5px);background:linear-gradient(180deg,rgba(35,112,199,.24),transparent)}.lspd-career-steps article:hover:after{width:100%}.lspd-application-cta{position:relative;overflow:hidden;box-shadow:0 35px 100px rgba(0,0,0,.3)}.lspd-application-cta:before{content:"";position:absolute;inset:-80% 50% -80% -20%;background:linear-gradient(90deg,transparent,rgba(70,144,229,.10),transparent);transform:rotate(16deg);animation:lspdCtaGlow 8s ease-in-out infinite}.lspd-application-cta>*{position:relative;z-index:1}.lspd-reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}.lspd-reveal.is-visible{opacity:1;transform:none}
@keyframes lspdAmbient{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(50px,35px,0) scale(1.12)}}@keyframes lspdScan{0%{transform:translateX(-35vw) rotate(28deg)}100%{transform:translateX(120vw) rotate(28deg)}}@keyframes lspdPulse{0%,100%{opacity:.65;transform:scale(.9)}50%{opacity:1;transform:scale(1.2)}}@keyframes lspdGradient{to{background-position:200% center}}@keyframes lspdFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes lspdSpin{to{transform:rotate(360deg)}}@keyframes lspdCtaGlow{0%,100%{transform:translateX(-15%) rotate(16deg)}50%{transform:translateX(95%) rotate(16deg)}}
@media(max-width:1000px){.lspd-public-stats{grid-template-columns:repeat(2,1fr)}.lspd-public-stats article:nth-child(2){border-right:0}.lspd-public-stats article:nth-child(-n+2){border-bottom:1px solid rgba(93,155,226,.11)}}@media(max-width:650px){.lspd-public-stats{grid-template-columns:1fr;margin-top:0}.lspd-public-stats article{border-right:0;border-bottom:1px solid rgba(93,155,226,.11)}.lspd-public-stats article:last-child{border-bottom:0}.lspd-public-hero:after{display:none}}@media(prefers-reduced-motion:reduce){.lspd-ambient i,.lspd-ambient span,.lspd-live-dot,.lspd-public-hero-copy h1 span,.lspd-public-emblem-ring,.lspd-public-emblem-ring:before,.lspd-public-emblem-ring:after,.orbit-one,.orbit-two,.lspd-application-cta:before{animation:none!important}.lspd-reveal{opacity:1;transform:none;transition:none}.lspd-mission-grid article,.lspd-division-grid article,.lspd-career-steps article{transition:none}}

/* Portalmenü · kompakter Command-Rail */
.sidebar{padding:18px 13px 14px}.sidebar .brand-modern{margin:0 2px 14px;padding:13px;border:1px solid rgba(105,164,231,.17);border-radius:18px;background:linear-gradient(145deg,rgba(27,42,66,.88),rgba(15,24,37,.9));box-shadow:0 16px 38px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.05)}.sidebar .brand-modern .brand-mark{width:42px;height:42px;border-radius:13px}.sidebar .brand-modern .brand-text strong{font-size:17px}.sidebar .brand-modern .brand-text small{font-size:7px;letter-spacing:1.15px}.sidebar .brand-modern .brand-text span{font-size:7px;letter-spacing:.35px}.sidebar-navigation-head{display:flex;align-items:center;justify-content:space-between;padding:2px 9px 8px;color:#2a73c6}.sidebar-navigation-head span{font-size:8px;font-weight:1000;letter-spacing:1.45px;text-transform:uppercase}.sidebar-navigation-head small{font-size:7px}.sidebar nav.sidebar-groups{gap:7px}.sidebar-group{border-radius:13px;background:rgba(13,21,32,.28)}.sidebar-group[open],.sidebar-group.is-active{background:linear-gradient(145deg,rgba(25,39,60,.78),rgba(15,24,37,.72));box-shadow:0 12px 28px rgba(0,0,0,.18)}.sidebar-group summary{min-height:46px;grid-template-columns:27px 1fr auto 16px;padding:8px 10px}.sidebar-group-icon{width:27px;height:27px;border-radius:8px;font-size:8px}.sidebar-group summary strong{font-size:11px}.sidebar-group-links{gap:3px;padding:0 6px 7px 12px;border-left:1px solid rgba(70,142,224,.15);margin-left:19px}.sidebar nav.sidebar-groups .sidebar-group-links a{min-height:37px;margin-left:-1px;padding:6px 8px;border-radius:9px}.sidebar nav.sidebar-groups .sidebar-group-links a.active{position:relative;background:linear-gradient(90deg,rgba(38,125,224,.24),rgba(41,112,194,.07));box-shadow:inset 0 0 0 1px rgba(79,151,233,.18)}.sidebar nav.sidebar-groups .sidebar-group-links a.active:before{content:"";position:absolute;left:-13px;top:9px;bottom:9px;width:2px;border-radius:5px;background:#4994e9;box-shadow:0 0 12px #4994e9}.sidebar nav.sidebar-groups .sidebar-group-links .nav-icon{width:23px;height:23px;font-size:9px}.sidebar nav.sidebar-groups .sidebar-group-links .nav-label{font-size:10px}.sidebar-external-links{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:4px;padding-top:9px;border-top:1px solid rgba(102,158,222,.11)}.sidebar nav.sidebar-groups .sidebar-external-links>a{min-width:0;display:grid;grid-template-columns:25px 1fr;gap:7px;align-items:center;padding:8px;border:1px solid rgba(102,158,222,.12);border-radius:11px;background:rgba(21,32,50,.48);color:#aec9e5;text-decoration:none}.sidebar nav.sidebar-groups .sidebar-external-links>a:hover{transform:none;border-color:rgba(66,142,228,.28);background:rgba(24,66,130,.19)}.sidebar-external-links .nav-icon{width:25px;height:25px;font-size:8px}.sidebar-external-links strong,.sidebar-external-links small{display:block;overflow:hidden;text-overflow:ellipsis}.sidebar-external-links strong{color:#eff6ff;font-size:8px;white-space:nowrap}.sidebar-external-links small{margin-top:2px;color:#2a72c4;font-size:6px;white-space:nowrap}.sidebar nav.sidebar-groups>.logout-link{min-height:42px;margin-top:3px!important;padding:8px 11px;border-radius:11px}.sidebar nav.sidebar-groups>.logout-link span:last-child{font-size:10px;font-weight:900}
@media(max-width:900px){.sidebar-navigation-head{display:none}.sidebar .brand-modern{margin-bottom:10px}.sidebar-external-links{grid-column:1/-1}.sidebar nav.sidebar-groups>.logout-link{grid-column:1/-1}}@media(max-width:560px){.sidebar-external-links{grid-template-columns:1fr 1fr}}

/* Hauptseiten-Menü */
.lspd-public-nav{grid-template-columns:minmax(190px,auto) minmax(420px,1fr) auto}.lspd-public-nav .lspd-desktop-menu{display:flex;align-items:center;justify-content:center;gap:4px;padding:4px;border:1px solid rgba(105,161,224,.10);border-radius:12px;background:rgba(9,15,23,.28)}.lspd-public-nav .lspd-desktop-menu a{display:flex;align-items:center;gap:6px;min-height:34px;padding:7px 12px}.lspd-public-nav .lspd-desktop-menu a>span{color:#2970c2;font-size:6px;font-weight:1000}.lspd-public-nav .lspd-desktop-menu a.application-link{border:1px solid rgba(55,133,222,.13);background:rgba(34,112,201,.08);color:#adc9e6}.lspd-mobile-menu{display:none;position:relative}.lspd-mobile-menu summary{width:40px;height:40px;display:grid;place-content:center;gap:4px;border:1px solid rgba(76,146,226,.22);border-radius:11px;background:rgba(23,65,129,.16);cursor:pointer;list-style:none}.lspd-mobile-menu summary::-webkit-details-marker{display:none}.lspd-mobile-menu summary i{display:block;width:16px;height:1px;background:#afcbe7;transition:transform .2s ease,opacity .2s ease}.lspd-mobile-menu[open] summary i:nth-child(1){transform:translateY(5px) rotate(45deg)}.lspd-mobile-menu[open] summary i:nth-child(2){opacity:0}.lspd-mobile-menu[open] summary i:nth-child(3){transform:translateY(-5px) rotate(-45deg)}.lspd-mobile-menu>nav{position:absolute;right:0;top:48px;width:min(340px,calc(100vw - 24px));display:grid;gap:5px;padding:9px;border:1px solid rgba(94,157,230,.22);border-radius:16px;background:rgba(13,20,32,.97);box-shadow:0 25px 70px rgba(0,0,0,.48);backdrop-filter:blur(22px)}.lspd-mobile-menu>nav a{display:grid;grid-template-columns:30px 1fr;gap:10px;align-items:center;padding:11px;border:1px solid transparent;border-radius:11px;color:#b6d0e9;text-decoration:none}.lspd-mobile-menu>nav a:hover{border-color:rgba(72,144,226,.19);background:rgba(40,112,194,.11)}.lspd-mobile-menu>nav a>b{width:29px;height:29px;display:grid;place-items:center;border-radius:8px;background:rgba(45,122,211,.10);color:#659edf;font-size:8px}.lspd-mobile-menu>nav a>span{font-size:10px;font-weight:950}.lspd-mobile-menu>nav a small{display:block;margin-top:3px;color:#2b77cd;font-size:7px;font-weight:600}.lspd-mobile-menu[open]>nav{animation:lspdMenuIn .2s ease both}@keyframes lspdMenuIn{from{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:1000px){.lspd-public-nav{grid-template-columns:1fr auto auto}.lspd-public-nav .lspd-desktop-menu{display:none}.lspd-mobile-menu{display:block}.lspd-public-login{min-height:40px}}@media(max-width:520px){.lspd-public-nav{gap:7px}.lspd-public-brand small{display:none}.lspd-public-brand img{width:38px;height:38px}.lspd-public-login{padding:8px 10px}.lspd-public-login span{display:none}.lspd-mobile-menu>nav{right:-1px}}

/* Modernes Bewerbungsportal */
.lspd-application-body{position:relative;overflow-x:hidden;background:radial-gradient(circle at 10% 10%,rgba(25,111,209,.20),transparent 28%),radial-gradient(circle at 92% 22%,rgba(47,124,211,.13),transparent 30%),#0b111b}.lspd-application-shell{position:relative;grid-template-columns:.72fr 1.28fr;gap:42px;align-items:start;padding:72px 0 90px}.lspd-application-intro{position:sticky;top:110px;padding:30px 12px}.application-intro-badge{display:inline-flex;align-items:center;gap:7px;margin-bottom:25px;padding:8px 11px;border:1px solid rgba(64,138,222,.17);border-radius:999px;background:rgba(36,112,199,.06);color:#7aabe3;font-size:7px;font-weight:1000;text-transform:uppercase;letter-spacing:.8px}.application-intro-badge i{width:7px;height:7px;border-radius:50%;background:#3de298;box-shadow:0 0 12px #3de298}.lspd-application-intro h1{font-size:clamp(48px,5vw,76px);text-shadow:0 22px 70px rgba(0,0,0,.25)}.lspd-application-intro h1 span{background:linear-gradient(90deg,#408ce3,#5198e9);-webkit-background-clip:text;background-clip:text;color:transparent}.lspd-application-facts>div{grid-template-columns:38px 1fr;padding:13px;border-color:rgba(98,156,222,.13);background:linear-gradient(135deg,rgba(23,37,57,.68),rgba(15,24,37,.5));transition:transform .2s ease,border-color .2s ease}.lspd-application-facts>div:hover{transform:translateX(5px);border-color:rgba(61,137,223,.27)}.lspd-application-facts b{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:rgba(44,120,207,.10)}.lspd-application-facts span small{display:block;margin-top:3px;color:#2a72c4;font-size:7px;font-weight:600}.application-confidence{display:flex;flex-wrap:wrap;gap:6px;margin-top:18px}.application-confidence span{padding:6px 8px;border:1px solid rgba(74,142,219,.10);border-radius:8px;color:#2d7ad3;font-size:7px}.lspd-application-panel{position:relative;padding:27px;border-radius:24px;background:radial-gradient(circle at 0 0,rgba(32,112,202,.09),transparent 30%),linear-gradient(145deg,rgba(21,33,52,.97),rgba(12,19,30,.99));box-shadow:0 38px 90px rgba(0,0,0,.36),inset 0 1px rgba(255,255,255,.045)}.lspd-application-panel:before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(135deg,rgba(72,145,229,.35),rgba(68,138,218,.08),rgba(72,145,229,.18));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.application-panel-head{grid-template-columns:48px 1fr auto}.application-progress{display:grid;grid-template-columns:repeat(3,24px);gap:4px;align-items:center}.application-progress i{height:3px;border-radius:4px;background:rgba(95,154,221,.12)}.application-progress i.active{background:linear-gradient(90deg,#3482dc,#4792e7);box-shadow:0 0 10px rgba(54,132,221,.24)}.application-progress small{grid-column:1/-1;color:#2970c2;font-size:6px;text-align:right}.application-form-section{grid-column:1/-1;display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:center;margin-top:8px;padding:12px 0 8px;border-bottom:1px solid rgba(105,160,223,.09)}.application-form-section>span{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:linear-gradient(145deg,rgba(32,112,204,.18),rgba(47,124,211,.14));color:#70a7e5;font-size:8px;font-weight:1000}.application-form-section strong,.application-form-section small{display:block}.application-form-section strong{color:#eff6ff;font-size:10px}.application-form-section small{margin-top:3px;color:#2b76cb;font-size:7px}.lspd-application-form{gap:12px}.lspd-application-form label{font-size:8px;letter-spacing:.1px}.lspd-application-form input,.lspd-application-form textarea{border-color:rgba(102,158,223,.18);background:rgba(10,16,25,.56);transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.lspd-application-form input:hover,.lspd-application-form textarea:hover{border-color:rgba(94,156,226,.30)}.lspd-application-form input:focus,.lspd-application-form textarea:focus{background:rgba(12,20,30,.88);border-color:#3883d9;box-shadow:0 0 0 3px rgba(50,127,216,.09)}.application-challenge{display:grid;align-content:start}.application-consent{padding:13px}.lspd-application-form>.btn.full{min-height:50px;margin-top:2px;border-color:rgba(78,149,230,.25);background:linear-gradient(135deg,#1a6fd0,#3f89dd);box-shadow:0 17px 38px rgba(37,117,208,.22)}.application-status-check{grid-template-columns:36px 1fr minmax(170px,.8fr) auto;margin-top:22px;padding:15px;border:1px solid rgba(102,158,223,.11);border-radius:14px;background:rgba(12,19,29,.45)}.application-status-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:rgba(44,120,206,.10);color:#6aa1e0}.application-status-check input{background:rgba(9,15,23,.65)}
@media(max-width:1000px){.lspd-application-intro{position:static;padding-bottom:0}.lspd-application-shell{gap:20px}.lspd-application-facts{grid-template-columns:repeat(3,1fr)}.lspd-application-facts>div{grid-template-columns:1fr}.application-confidence{margin-bottom:10px}}@media(max-width:700px){.lspd-application-shell{padding-top:45px}.lspd-application-panel{padding:17px}.lspd-application-facts{grid-template-columns:1fr}.application-panel-head{grid-template-columns:42px 1fr}.application-progress{grid-column:1/-1;margin-top:8px}.application-status-check{grid-template-columns:34px 1fr}.application-status-check input,.application-status-check button{grid-column:1/-1}.application-form-section{grid-column:auto}.lspd-application-form .application-form-section{grid-column:1/-1}}

/* Rückmeldung und Gesprächstermin für Bewerber */
.application-review-form-extended{grid-template-columns:180px 230px minmax(260px,1fr);align-items:start}.application-review-form-extended .public-message,.application-review-form-extended .note{grid-column:auto}.application-review-form-extended label>small{display:block;margin-top:5px;color:#2b76cb;font-size:7px}.application-review-form-extended button{align-self:end;min-height:46px}.application-status-result-detailed{display:grid;grid-template-columns:auto 1fr;align-items:start}.application-status-result-detailed>section{grid-column:1/-1;margin-top:5px;padding:12px;border:1px solid rgba(76,145,224,.13);border-radius:10px;background:rgba(32,112,202,.055)}.application-status-result-detailed>section small,.application-status-result-detailed>section strong{display:block}.application-status-result-detailed>section small{color:#307cd3;font-size:7px;text-transform:uppercase;letter-spacing:.7px}.application-status-result-detailed>section strong{margin-top:5px;color:#eff6ff;font-size:12px}.application-status-result-detailed>section.message{border-color:rgba(49,203,148,.16);background:rgba(35,169,119,.055)}.application-status-result-detailed>section.message p{margin:7px 0 0;color:#b0c9e3;font-size:9px;line-height:1.6}@media(max-width:1100px){.application-review-form-extended{grid-template-columns:1fr 1fr}.application-review-form-extended .public-message,.application-review-form-extended .note{grid-column:1/-1}.application-review-form-extended button{grid-column:1/-1}}@media(max-width:650px){.application-review-form-extended{grid-template-columns:1fr}.application-review-form-extended>*{grid-column:1!important}}

/* Eigenständige Bewerbungsprüfung */
.application-status-center{grid-column:1/-1;position:relative;display:grid;grid-template-columns:minmax(280px,.75fr) minmax(430px,1.25fr);gap:20px;align-items:center;margin-top:4px;padding:25px;border:1px solid rgba(74,144,223,.18);border-radius:22px;background:radial-gradient(circle at 0 0,rgba(41,115,200,.10),transparent 34%),linear-gradient(145deg,rgba(20,32,50,.94),rgba(12,19,29,.98));box-shadow:0 28px 75px rgba(0,0,0,.28)}.application-status-center>header{display:grid;grid-template-columns:44px 1fr;gap:12px;align-items:center}.application-status-center>header>span{width:43px;height:43px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(145deg,#1c6fce,#3680d4);color:#fff;font-size:9px;font-weight:1000;box-shadow:0 12px 28px rgba(35,112,200,.20)}.application-status-center header h2,.application-status-center header p,.application-status-center header small{display:block;margin:0}.application-status-center header h2{margin:4px 0;color:#eff6ff;font-size:18px}.application-status-center header small{max-width:430px;color:#317dd3;font-size:8px;line-height:1.5}.application-status-center .application-status-check{display:grid;grid-template-columns:minmax(220px,1fr) auto;gap:9px;margin:0;padding:0;border:0;background:transparent}.application-status-center .application-status-check label{display:block;color:#3781d5;font-size:7px;font-weight:900}.application-status-center .application-status-check label>span{display:block;margin:0 0 5px 2px;text-transform:uppercase;letter-spacing:.65px}.application-status-center .application-status-check input{height:48px;margin:0;border-color:rgba(77,146,224,.25);font-size:13px;font-weight:900;letter-spacing:1px;text-transform:uppercase}.application-status-center .application-status-check button{align-self:end;height:48px;box-shadow:0 14px 34px rgba(39,119,211,.22)}.application-status-center>.application-status-result{grid-column:1/-1;margin:0;padding:17px;border-color:rgba(52,207,151,.24);background:linear-gradient(135deg,rgba(32,154,114,.08),rgba(25,39,61,.06))}@media(max-width:900px){.application-status-center{grid-template-columns:1fr}.application-status-center .application-status-check{grid-template-columns:1fr auto}}@media(max-width:570px){.application-status-center{padding:18px}.application-status-center .application-status-check{grid-template-columns:1fr}.application-status-center .application-status-check button{width:100%}}

/* Kompaktes Portalmenü */
.sidebar nav.sidebar-groups{gap:2px}.sidebar-group,.sidebar-group[open],.sidebar-group.is-active{border:0;border-radius:10px;background:transparent;box-shadow:none;overflow:visible}.sidebar-group summary{min-height:46px;grid-template-columns:31px 1fr 15px;gap:9px;padding:7px 9px;border:1px solid transparent;border-radius:10px;color:#72a6e1}.sidebar-group summary:hover{border-color:rgba(80,144,218,.12);background:rgba(35,55,86,.18)}.sidebar-group[open]>summary,.sidebar-group.is-active>summary{border-color:rgba(61,138,226,.22);background:linear-gradient(90deg,rgba(34,112,201,.18),rgba(35,56,86,.06));color:#eff6ff}.sidebar-group-icon{width:31px;height:31px;border-radius:9px;background:rgba(41,112,194,.11);font-size:8px}.sidebar-group[open] .sidebar-group-icon,.sidebar-group.is-active .sidebar-group-icon{background:linear-gradient(145deg,#2577d5,#3a82d5);color:#fff;box-shadow:0 8px 20px rgba(36,112,199,.18)}.sidebar-group-title{min-width:0}.sidebar-group-title strong,.sidebar-group-title small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-group-title strong{font-size:10px}.sidebar-group-title small{margin-top:2px;color:#2970c2;font-size:6px;font-weight:650}.sidebar-group-links{gap:1px;margin:1px 0 3px 24px;padding:3px 0 4px 10px;border-left:1px solid rgba(63,133,214,.14)}.sidebar nav.sidebar-groups .sidebar-group-links a{min-height:32px;padding:4px 7px;border:0!important;border-radius:8px}.sidebar nav.sidebar-groups .sidebar-group-links a:hover,.sidebar nav.sidebar-groups .sidebar-group-links a.active{background:rgba(36,112,199,.12);box-shadow:none}.sidebar nav.sidebar-groups .sidebar-group-links .nav-icon{width:21px;height:21px;border:0;border-radius:6px;font-size:8px}.sidebar nav.sidebar-groups .sidebar-group-links .nav-label{font-size:9px}.sidebar-group-count{display:none}.sidebar-external-links{margin-top:5px;padding-top:6px}.sidebar nav.sidebar-groups .sidebar-external-links>a{padding:6px;border:0;background:transparent}.sidebar nav.sidebar-groups>.logout-link{border:0!important;background:transparent!important}

/* Bewerbungsverwaltung · klare Arbeitsfläche */
.application-admin-card{border-radius:20px;box-shadow:0 22px 60px rgba(0,0,0,.24);transition:transform .25s ease,border-color .25s ease}.application-admin-card:hover{transform:translateY(-2px);border-color:rgba(72,143,225,.25)}.application-admin-card>header{padding:17px 18px;background:linear-gradient(90deg,rgba(33,112,201,.07),transparent)}.application-admin-content{grid-template-columns:1fr 1.6fr;gap:10px;padding:15px 17px}.application-admin-content section:last-child{grid-column:1/-1}.application-admin-content section{min-height:95px;padding:14px;border-color:rgba(103,159,224,.11);background:rgba(15,24,37,.42)}.application-review-form-extended{grid-template-columns:180px 250px minmax(300px,1fr);gap:12px;padding:17px;background:rgba(10,16,25,.25)}.application-review-form-extended .public-message{grid-column:3}.application-review-form-extended .note{grid-column:1/3}.application-review-form-extended textarea{min-height:98px}.application-review-form-extended .note textarea{min-height:82px}.application-review-form-extended button{grid-column:3;align-self:end;min-height:48px}.application-review-form-extended input,.application-review-form-extended select,.application-review-form-extended textarea{border-color:rgba(88,149,219,.20);background:rgba(12,19,29,.72)}

/* Animierte Statuskarte */
.application-status-result-detailed{position:relative;overflow:hidden;animation:applicationResultIn .5s cubic-bezier(.2,.8,.2,1) both}.application-status-result-detailed:before{content:"";position:absolute;inset:-100% 65% -100% -25%;background:linear-gradient(90deg,transparent,rgba(55,211,177,.07),transparent);transform:rotate(18deg);animation:applicationResultGlow 6s ease-in-out infinite}.application-status-result-detailed>*{position:relative;z-index:1}.application-status-result-detailed>span{box-shadow:0 0 20px rgba(42,123,216,.15)}.application-status-result-detailed>section{transition:transform .2s ease,border-color .2s ease}.application-status-result-detailed>section:hover{transform:translateY(-2px);border-color:rgba(63,206,173,.28)}@keyframes applicationResultIn{from{opacity:0;transform:translateY(14px) scale(.99)}to{opacity:1;transform:none}}@keyframes applicationResultGlow{0%,100%{transform:translateX(-20%) rotate(18deg)}50%{transform:translateX(160%) rotate(18deg)}}

/* Proportionierte Hauptseiten-Navigation */
.lspd-public-nav{width:min(1280px,calc(100% - 28px));grid-template-columns:220px minmax(430px,1fr) 125px;padding:8px 10px;border-radius:15px}.lspd-public-nav .lspd-desktop-menu{width:min(100%,540px);justify-self:center;border:0;background:rgba(9,15,23,.18)}.lspd-public-nav .lspd-desktop-menu a{padding-inline:14px}.lspd-public-nav .lspd-public-login{justify-self:end}@media(max-width:1100px){.application-review-form-extended{grid-template-columns:1fr 1fr}.application-review-form-extended .public-message,.application-review-form-extended .note{grid-column:1/-1}.application-review-form-extended button{grid-column:1/-1}.lspd-public-nav{grid-template-columns:1fr auto auto}}@media(max-width:700px){.application-admin-content{grid-template-columns:1fr}.application-admin-content section:last-child{grid-column:auto}}@media(prefers-reduced-motion:reduce){.application-status-result-detailed,.application-status-result-detailed:before{animation:none!important}}

/* Compact public segmented navigation */
.lspd-public-nav{grid-template-columns:220px minmax(560px,1fr) 125px}
.lspd-public-nav .lspd-desktop-menu{width:auto;max-width:none;gap:3px;padding:4px;border:1px solid rgba(94,157,230,.14);border-radius:999px;background:rgba(12,19,30,.58);box-shadow:inset 0 1px rgba(255,255,255,.025)}
.lspd-public-nav .lspd-desktop-menu a{min-height:32px;padding:8px 14px;border-radius:999px;color:#659dde;font-size:8px;font-weight:900;letter-spacing:.01em;transition:color .2s ease,background .2s ease,transform .2s ease}
.lspd-public-nav .lspd-desktop-menu a:hover{color:#eff6ff;background:rgba(44,121,209,.12);transform:translateY(-1px)}
.lspd-public-nav .lspd-desktop-menu a.application-link{border:0;background:linear-gradient(135deg,rgba(30,111,205,.22),rgba(65,136,218,.2));color:#eff6ff}
.lspd-public-nav .lspd-desktop-menu a.status-link{color:#eff6ff;background:rgba(76,142,217,.1)}
@media(max-width:1100px){.lspd-public-nav{grid-template-columns:1fr auto auto}}

/* Readable recruitment status */
.status-page-result{padding:20px}.status-page-result>header{gap:14px}.status-page-result>header>span{padding:8px 12px;font-size:10px;line-height:1.2}.status-page-result>header small{color:#5c98dd;font-size:9px;font-weight:800;letter-spacing:.04em}.status-page-result>header strong{margin-top:4px;font-size:17px;letter-spacing:.015em}.status-page-timeline{margin:23px 0 17px}.status-page-timeline>span{padding:18px 10px 7px}.status-page-timeline strong{color:#eff6ff;font-size:11px;line-height:1.25}.status-page-timeline small{margin-top:6px;color:#5694db;font-size:9px;line-height:1.35}.status-page-timeline i{width:10px;height:10px;top:-6px}.status-page-message{padding:15px}.status-page-message small{color:#619bdd;font-size:9px;font-weight:800;letter-spacing:.03em}.status-page-message strong{margin-top:5px;font-size:14px}.status-page-message p{font-size:11px;color:#b2c9e1}.interview-response-saved{font-size:9px!important;color:#629cde!important}

/* Accepted application account provisioning */
.application-create-account,.application-account-created{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 16px 16px;padding:14px 16px;border:1px solid rgba(45,213,155,.24);border-radius:14px;background:linear-gradient(135deg,rgba(24,139,107,.11),rgba(36,57,89,.13))}.application-create-account>div,.application-account-created{align-items:center}.application-create-account>div{display:flex;gap:12px}.application-create-account>div>span,.application-account-created>span{width:38px;height:38px;display:grid;place-items:center;flex:none;border-radius:11px;background:rgba(43,207,150,.13);color:#57e2ae;font-size:9px;font-weight:1000}.application-create-account p{margin:0}.application-create-account strong,.application-create-account small,.application-account-created strong,.application-account-created small{display:block}.application-create-account strong,.application-account-created strong{color:#e6fff5;font-size:11px}.application-create-account small,.application-account-created small{margin-top:4px;color:#71a595;font-size:8px}.application-account-created>div{margin-right:auto}.application-account-credentials{display:grid;grid-template-columns:48px 1fr;gap:15px;margin:16px 0;padding:18px;border:1px solid rgba(52,221,158,.34);border-radius:16px;background:linear-gradient(135deg,rgba(19,133,96,.18),rgba(23,37,57,.35));box-shadow:0 15px 45px rgba(0,0,0,.18)}.application-account-credentials>span{width:46px;height:46px;display:grid;place-items:center;border-radius:13px;background:#1fbf83;color:white;font-size:20px}.application-account-credentials small,.application-account-credentials em{color:#8ab5a7;font-size:9px}.application-account-credentials h2{margin:4px 0 12px}.application-account-credentials p{display:grid;grid-template-columns:120px minmax(180px,360px);align-items:center;gap:10px;margin:7px 0}.application-account-credentials code{padding:9px 11px;border:1px solid rgba(79,210,165,.24);border-radius:9px;background:rgba(10,16,25,.55);color:#caffeb;font-size:12px;user-select:all}.application-account-credentials em{display:block;margin-top:11px;font-style:normal}@media(max-width:700px){.application-create-account,.application-account-created{align-items:stretch;flex-direction:column}.application-create-account button,.application-account-created a{width:100%}.application-account-credentials p{grid-template-columns:1fr}}

/* Central portal calendar */
.calendar-hero{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid rgba(80,144,218,.14)}.calendar-hero h1{margin:4px 0 5px;font-size:36px}.calendar-hero p{margin:0;color:#4489d7}.portal-calendar-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px;align-items:start}.portal-month-card,.calendar-side>section{border:1px solid rgba(77,146,224,.2);border-radius:19px;background:linear-gradient(145deg,rgba(22,35,54,.94),rgba(14,22,34,.98));box-shadow:0 18px 55px rgba(0,0,0,.18)}.portal-month-card>header{display:grid;grid-template-columns:42px 1fr 42px;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid rgba(76,142,217,.13)}.portal-month-card>header>a{width:40px;height:40px;display:grid;place-items:center;border:1px solid rgba(73,140,217,.21);border-radius:11px;background:rgba(41,112,194,.09);color:#adc9e6;font-size:22px;text-decoration:none}.portal-month-card>header>a:hover{background:rgba(44,121,208,.18)}.portal-month-card>header div{text-align:center}.portal-month-card>header small,.calendar-side header small{color:#2e7bd3;font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.portal-month-card>header h2,.calendar-side h2{margin:3px 0 0;color:#eff6ff;font-size:18px}.portal-month-week,.portal-month-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.portal-month-week{padding:9px 10px 0}.portal-month-week span{padding:7px;text-align:center;color:#2f7cd3;font-size:9px;font-weight:900}.portal-month-grid{padding:0 10px 10px}.portal-month-grid>article{min-height:116px;padding:8px;border-top:1px solid rgba(55,129,213,.12);border-right:1px solid rgba(55,129,213,.08);background:rgba(19,30,47,.22);transition:background .2s ease}.portal-month-grid>article:nth-child(7n){border-right:0}.portal-month-grid>article:hover{background:rgba(41,112,194,.09)}.portal-month-grid>article>b{width:25px;height:25px;display:grid;place-items:center;border-radius:8px;color:#b1c9e1;font-size:10px}.portal-month-grid>article.outside{opacity:.35}.portal-month-grid>article.today>b{background:linear-gradient(135deg,#2074d5,#428ee4);color:white;box-shadow:0 5px 18px rgba(36,121,218,.25)}.portal-month-grid article>div{display:grid;gap:4px;margin-top:4px}.calendar-event{display:grid;grid-template-columns:31px 1fr;gap:5px;align-items:center;padding:5px 6px;border-left:2px solid #3c89e2;border-radius:5px;background:rgba(41,112,194,.1);color:#c1d7ed;text-decoration:none;overflow:hidden}.calendar-event time{font-size:7px;font-weight:900}.calendar-event span{overflow:hidden;font-size:8px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.calendar-event.type-bewerbung{border-color:#54dfa8;background:rgba(46,180,132,.09);color:#a9f1d5}.calendar-event.type-prüfung{border-color:#adc9e6;background:rgba(74,140,217,.1)}.calendar-event.type-frist{border-color:#ff7184;background:rgba(199,64,82,.1)}.portal-month-grid article>div>small{color:#3680d4;font-size:7px}.calendar-side{display:grid;gap:14px}.calendar-side>section{padding:16px}.calendar-side>section>header{margin-bottom:13px;padding-bottom:12px;border-bottom:1px solid rgba(66,136,215,.12)}.calendar-upcoming{display:grid;grid-template-columns:44px 1fr;gap:10px;padding:10px 0;border-bottom:1px solid rgba(46,123,211,.1)}.calendar-upcoming:last-child{border-bottom:0}.calendar-upcoming>time{width:43px;height:48px;display:grid;place-content:center;text-align:center;border-radius:11px;background:rgba(41,112,194,.12)}.calendar-upcoming>time b{color:#eff6ff;font-size:15px}.calendar-upcoming>time span{color:#5291da;font-size:8px;text-transform:uppercase}.calendar-upcoming small,.calendar-upcoming strong{display:block}.calendar-upcoming small{color:#317dd3;font-size:7px}.calendar-upcoming strong{margin-top:4px;color:#eff6ff;font-size:9px}.calendar-upcoming p{margin:4px 0 0;color:#4589d7;font-size:8px}.calendar-empty{color:#3a82d5;font-size:9px}.calendar-editor form{display:grid;gap:10px}.calendar-editor label{color:#5090da;font-size:8px;font-weight:900}.calendar-editor input,.calendar-editor select,.calendar-editor textarea{margin-top:5px}.calendar-time-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.calendar-editor form+form{margin-top:8px}@media(max-width:1100px){.portal-calendar-layout{grid-template-columns:1fr}.calendar-side{grid-template-columns:1fr 1fr}}@media(max-width:760px){.calendar-side{grid-template-columns:1fr}.portal-month-card{overflow-x:auto}.portal-month-week,.portal-month-grid{min-width:760px}.calendar-hero{align-items:stretch;flex-direction:column}.calendar-time-row{grid-template-columns:1fr}}

.calendar-audience{margin:2px 0 4px;padding:12px;border:1px solid rgba(74,141,217,.18);border-radius:12px;background:rgba(16,26,40,.48)}.calendar-audience legend{padding:0 6px;color:#74a7e2;font-size:9px;font-weight:950}.calendar-audience>p{margin:0 0 9px;color:#2b76cc;font-size:8px;line-height:1.45}.calendar-audience>div{display:grid;grid-template-columns:1fr 1fr;gap:6px}.calendar-audience label{display:flex;align-items:center;gap:7px;min-width:0;padding:8px;border:1px solid rgba(59,131,213,.13);border-radius:9px;background:rgba(41,112,194,.06);cursor:pointer}.calendar-audience label:hover{border-color:rgba(67,141,226,.34);background:rgba(38,112,197,.1)}.calendar-audience input{width:16px;height:16px;margin:0;accent-color:#257adc}.calendar-audience span{overflow:hidden;color:#b1c9e2;font-size:8px;font-weight:850;text-overflow:ellipsis;white-space:nowrap}@media(max-width:420px){.calendar-audience>div{grid-template-columns:1fr}}

/* Separate Bewerbungsstatus-Seite */
.lspd-status-page-body{min-height:100vh;margin:0;overflow-x:hidden;background:radial-gradient(circle at 12% 8%,rgba(25,111,209,.18),transparent 30%),radial-gradient(circle at 88% 18%,rgba(49,125,211,.13),transparent 30%),#0b111b;color:#eff6ff}.lspd-status-page-shell{width:min(1180px,calc(100% - 30px));min-height:calc(100vh - 160px);margin:auto;display:grid;grid-template-columns:.8fr 1.2fr;gap:55px;align-items:center;padding:75px 0}.lspd-status-page-intro h1{margin:8px 0 18px;color:#eff6ff;font-size:clamp(48px,5vw,78px);line-height:.94;letter-spacing:-3px}.lspd-status-page-intro h1 span{background:linear-gradient(90deg,#3d89df,#4f97e9);-webkit-background-clip:text;background-clip:text;color:transparent}.lspd-status-page-intro>p:not(.eyebrow){max-width:480px;color:#4a8dd9;font-size:11px;line-height:1.7}.status-privacy-note{display:grid;grid-template-columns:36px 1fr;gap:11px;align-items:center;max-width:410px;margin-top:24px;padding:13px;border:1px solid rgba(67,138,220,.12);border-radius:12px;background:rgba(20,31,49,.48)}.status-privacy-note>span{width:35px;height:35px;display:grid;place-items:center;border-radius:10px;background:rgba(39,191,149,.10);color:#56d7aa}.status-privacy-note p,.status-privacy-note strong,.status-privacy-note small{display:block;margin:0}.status-privacy-note strong{font-size:9px}.status-privacy-note small{margin-top:3px;color:#2c78ce;font-size:7px}.lspd-status-page-card{padding:28px;border:1px solid rgba(77,147,226,.22);border-radius:24px;background:radial-gradient(circle at 0 0,rgba(36,112,199,.09),transparent 30%),linear-gradient(145deg,rgba(21,33,52,.97),rgba(12,19,30,.99));box-shadow:0 38px 100px rgba(0,0,0,.38)}.lspd-status-page-card>header{display:grid;grid-template-columns:48px 1fr;gap:12px;align-items:center;padding-bottom:18px;border-bottom:1px solid rgba(101,157,222,.10)}.lspd-status-page-card>header>span{width:47px;height:47px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(145deg,#1a6fd1,#3a82d5);color:#fff;font-size:10px;font-weight:1000}.lspd-status-page-card header h2,.lspd-status-page-card header p,.lspd-status-page-card header small{display:block;margin:0}.lspd-status-page-card header h2{margin:3px 0;color:#eff6ff;font-size:20px}.lspd-status-page-card header p{color:#2d7ad3;font-size:8px}.lspd-status-page-card header small{color:#2970c2;font-size:7px;text-transform:uppercase}.status-page-form{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end;margin-top:20px}.status-page-form label{color:#5291da;font-size:8px;font-weight:900}.status-page-form input{height:50px;margin-top:6px;font-size:14px;font-weight:950;letter-spacing:1px;text-transform:uppercase}.status-page-form button{height:50px}.status-page-result{margin-top:20px;padding:17px;border:1px solid rgba(48,207,151,.23);border-radius:17px;background:linear-gradient(145deg,rgba(19,112,93,.10),rgba(18,29,45,.22));animation:applicationResultIn .5s cubic-bezier(.2,.8,.2,1) both}.status-page-result>header{display:flex;gap:12px;align-items:center}.status-page-result>header>span{padding:7px 10px;border-radius:9px;background:rgba(39,112,195,.13);color:#adc9e6;font-size:8px;font-weight:1000}.status-page-result>header small,.status-page-result>header strong{display:block}.status-page-result>header strong{margin-top:3px;color:#eff6ff;font-size:15px}.status-page-timeline{display:grid;grid-template-columns:repeat(3,1fr);margin:20px 0 14px}.status-page-timeline>span{position:relative;padding:16px 8px 5px;border-top:1px solid rgba(92,152,220,.14)}.status-page-timeline i{position:absolute;top:-5px;left:8px;width:9px;height:9px;border-radius:50%;background:#223553;border:2px solid #131e2f}.status-page-timeline .done i{background:#3bd69b;box-shadow:0 0 14px rgba(59,214,155,.55)}.status-page-timeline strong,.status-page-timeline small{display:block}.status-page-timeline strong{font-size:8px}.status-page-timeline small{margin-top:4px;color:#2970c2;font-size:7px}.status-page-message{display:grid;grid-template-columns:38px 1fr;gap:11px;margin-top:8px;padding:13px;border:1px solid rgba(58,192,164,.15);border-radius:12px;background:rgba(28,142,118,.055);transition:transform .2s ease}.status-page-message:hover{transform:translateY(-2px)}.status-page-message>span{width:37px;height:37px;display:grid;place-items:center;border-radius:10px;background:rgba(41,168,145,.10)}.status-page-message small,.status-page-message strong{display:block}.status-page-message strong{margin-top:4px;font-size:12px}.status-page-message p{margin:5px 0 0;color:#82b0e5;font-size:9px;line-height:1.6}.application-status-page-link{display:grid;grid-template-columns:36px 1fr auto;gap:10px;align-items:center;margin-top:24px;padding:12px;border:1px solid rgba(65,138,221,.16);border-radius:12px;background:rgba(34,112,200,.07);color:inherit;text-decoration:none;transition:transform .2s ease}.application-status-page-link:hover{transform:translateX(5px)}.application-status-page-link>span{width:35px;height:35px;display:grid;place-items:center;border-radius:10px;background:rgba(40,117,205,.12);color:#6ca3e2;font-size:8px;font-weight:1000}.application-status-page-link strong,.application-status-page-link small{display:block}.application-status-page-link strong{font-size:9px}.application-status-page-link small{margin-top:3px;color:#2b75ca;font-size:7px}@media(max-width:900px){.lspd-status-page-shell{grid-template-columns:1fr;gap:25px;padding:55px 0}}@media(max-width:580px){.lspd-status-page-card{padding:18px}.status-page-form{grid-template-columns:1fr}.status-page-timeline{grid-template-columns:1fr}.status-page-timeline>span{border-top:0;border-left:1px solid rgba(92,152,220,.14)}}