:root{--ink:#15231e;--muted:#6d7773;--paper:#f4f5f1;--card:#fff;--line:#e2e5df;--green:#123f32;--mint:#d9ecdf;--accent:#d5ef95;--danger:#a33b37;--shadow:0 18px 55px rgba(25,42,35,.08)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.5 'DM Sans',sans-serif}h1,h2,strong,.brand{font-family:Manrope,sans-serif}h1{font-size:clamp(30px,4vw,48px);letter-spacing:-.045em;line-height:1.08;margin:8px 0 12px}h2{font-size:24px;letter-spacing:-.03em;margin:5px 0 12px}p{color:var(--muted)}button,input,textarea,select{font:inherit}.app-shell{min-height:100vh;display:grid;grid-template-columns:260px 1fr}.sidebar{background:#102a22;color:white;padding:30px 22px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:12px;font-weight:700;font-size:17px;color:inherit;text-decoration:none}.brand-mark{width:39px;height:39px;display:grid;place-items:center;border:1px solid #66857a;border-radius:12px;font-size:13px;letter-spacing:.08em}.brand small{display:block;color:#92a79f;font:10px 'DM Sans';letter-spacing:.03em;margin-top:3px}.sidebar nav{display:grid;gap:7px;margin:55px 0}.sidebar nav a{color:#a9bbb4;text-decoration:none;padding:12px 14px;border-radius:10px}.sidebar nav a:hover,.sidebar nav .active{background:#1b3b31;color:#fff}.sidebar-foot{margin-top:auto;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px}.sidebar-foot small{display:block;color:#8fa49c;font-size:11px}.avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--mint);color:var(--green);font-weight:700}.icon-btn{border:0;background:none;color:white;font-size:20px;cursor:pointer}main{padding:45px clamp(24px,5vw,72px);min-width:0}.mobile-head{display:none}.page-head{display:flex;justify-content:space-between;gap:30px;align-items:flex-start;margin-bottom:34px}.page-head p{font-size:17px;max-width:630px}.eyebrow{text-transform:uppercase;letter-spacing:.15em;font-size:10px;font-weight:700;color:#6d7b75}.safety{display:flex;gap:12px;align-items:center;background:#e9f4eb;border:1px solid #d3e7d8;border-radius:13px;padding:13px 18px;min-width:220px}.safety i{width:9px;height:9px;border-radius:50%;background:#4f9868;box-shadow:0 0 0 5px #d4e9d9}.safety span{font-size:11px;color:#67806e}.safety strong{display:block;font-size:13px;color:#315540}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:14px}.metrics article,.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:23px;box-shadow:0 2px 2px rgba(20,30,26,.01)}.metrics span,.metrics small{display:block;color:var(--muted);font-size:12px}.metrics strong{display:block;font-size:30px;margin:13px 0 4px;letter-spacing:-.04em}.metrics sup{font-size:14px;color:#78817d}.main-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:14px;margin-bottom:14px}.card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.status,.online,.role,.state{font-size:10px;text-transform:uppercase;letter-spacing:.1em;border-radius:20px;padding:6px 10px;background:#eff2ee}.online{color:#397951;background:#e2f1e6}.decision{background:#f2f6ef;border-left:3px solid #6f947d;border-radius:4px 12px 12px 4px;padding:17px;margin:22px 0}.decision span{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#738078}.decision strong{display:block;margin:5px 0}.decision p{margin:0;font-size:12px}.primary{border:0;border-radius:11px;background:var(--green);color:white;padding:12px 18px;font-weight:600;cursor:pointer;box-shadow:0 8px 20px rgba(18,63,50,.12)}.primary:hover{background:#18513f}.full{width:100%}.messages{height:280px;overflow:auto;display:flex;flex-direction:column;gap:10px;padding-top:10px}.message{max-width:88%;border-radius:5px 14px 14px 14px;background:#f1f3ef;padding:12px 14px}.message.user{align-self:flex-end;background:#e0eee4}.message small{font-weight:700;font-size:10px;color:#557064}.message p{color:var(--ink);margin:4px 0;font-size:13px}.progress,.history{margin-bottom:14px}.progress>.card-head p{font-size:12px}.activity-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px}.activity{display:flex;gap:11px;align-items:center;border:1px solid #e9ebe7;padding:13px;border-radius:12px}.activity strong,.activity small{display:block}.activity strong{font-size:13px}.activity small{font-size:11px;color:var(--muted)}.dot{width:8px;height:8px;border-radius:50%;background:#c6cbc7}.dot.in-arbeit{background:#dda84e}.dot.konsistent,.dot.gemeistert{background:#4e9866}.table{margin-top:12px}.tr{display:grid;grid-template-columns:120px 100px 100px 1fr;gap:18px;padding:13px 8px;border-top:1px solid var(--line);font-size:13px}.th{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-size:9px;border:0}.empty{text-align:center;padding:25px}.baseline{display:grid;grid-template-columns:50px 1fr;gap:20px}.section-no{font:700 12px Manrope;color:#789084}.grid-form{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.grid-form label,.login-box label{font-weight:600;font-size:12px}.wide{grid-column:1/-1}input,textarea,select{width:100%;background:#fafbf9;border:1px solid #dce1dc;border-radius:9px;padding:11px 12px;margin-top:6px;color:var(--ink)}textarea{min-height:90px;resize:vertical}input:focus,textarea:focus,select:focus{outline:2px solid #8daf9c;outline-offset:1px}dialog{border:0;border-radius:20px;padding:0;width:min(680px,calc(100% - 30px));box-shadow:0 30px 90px rgba(0,0,0,.25)}dialog::backdrop{background:rgba(13,30,24,.66);backdrop-filter:blur(4px)}dialog>form{padding:28px}.dialog-head{display:flex;justify-content:space-between}.dialog-head>button{border:0;background:none;font-size:26px}.chips{display:flex;flex-wrap:wrap;gap:7px}.chips label input{display:none}.chips span{display:block;border:1px solid var(--line);border-radius:20px;padding:7px 11px;font-size:11px}.chips input:checked+span{background:var(--green);color:white}.danger{border:1px solid #f0d7d5;border-radius:10px;padding:13px;color:#74322f}.danger label{display:inline-flex;margin:6px 15px 6px 0;font-weight:400}.danger input{width:auto;margin:0 7px 0 0}.toast,.alert{padding:12px 15px;border-radius:10px;margin-bottom:14px;background:#e3f1e6;color:#2f6440}.toast.error,.alert{background:#f5e4e2;color:#843e38}.impersonation{background:#fff2c9;padding:10px 20px;margin:-45px calc(clamp(24px,5vw,72px)*-1) 25px;display:flex;justify-content:center;gap:15px;align-items:center}.impersonation form{display:inline}.impersonation button{background:none;border:0;text-decoration:underline;cursor:pointer}.login-page{background:#0e2b22}.login-wrap{padding:0;display:grid;grid-template-columns:1.15fr .85fr;min-height:100vh}.login-brand{padding:clamp(35px,7vw,85px);color:white;display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(circle at 10% 90%,#245643 0,transparent 38%),#102f25}.login-brand .eyebrow{color:#9eb3aa}.login-brand h1{font-size:clamp(42px,6vw,76px);margin-top:18px}.login-brand h1 em{color:var(--accent);font-style:normal}.login-brand p{color:#b5c4be;font-size:18px;max-width:520px}.principles{display:flex;gap:28px;border-top:1px solid #385349;padding-top:25px}.principles span{font-size:11px;color:#b2c0bb;max-width:130px}.principles b{display:block;color:var(--accent);margin-bottom:5px}.login-card{display:grid;place-items:center;background:#f4f5f1;padding:28px}.login-box{width:min(390px,100%)}.login-box h2{font-size:34px;margin-top:9px}.login-box>p{margin-bottom:30px}.login-box label{display:block;margin:14px 0}.password-field{position:relative}.password-field input{padding-right:48px}.eye{position:absolute;right:5px;top:11px;width:38px;height:38px;border:0;background:none;color:#65736d;cursor:pointer}.form-row{display:flex;justify-content:space-between}.check{display:flex!important;align-items:center;gap:8px;font-weight:400!important}.check input{width:auto;margin:0}.privacy{text-align:center;font-size:11px;margin-top:24px!important}.user-list{display:grid}.user-row{border-bottom:1px solid var(--line)}.user-row summary{list-style:none;display:grid;grid-template-columns:45px 1fr 100px 100px 170px;gap:12px;align-items:center;padding:14px;cursor:pointer}.user-row summary small{color:var(--muted)}.state{color:#834944}.state.active{color:#35734a;background:#e2f1e6}.user-edit{background:#f7f8f5;padding:18px;border-radius:12px;margin-bottom:12px}.user-actions{display:flex;gap:8px;margin-top:14px}.user-actions form{display:flex;gap:7px}.user-actions button{border:1px solid var(--line);background:white;border-radius:8px;padding:8px 11px}.user-actions input{margin:0}
@media(max-width:980px){.app-shell{grid-template-columns:1fr}.sidebar{display:none}main{padding:24px}.mobile-head{display:flex;gap:10px;align-items:center;margin-bottom:28px}.metrics{grid-template-columns:repeat(2,1fr)}.main-grid{grid-template-columns:1fr}.activity-grid{grid-template-columns:repeat(2,1fr)}.login-wrap{grid-template-columns:1fr}.login-brand{min-height:46vh}.principles{display:none}.login-card{padding:45px 24px}.user-row summary{grid-template-columns:45px 1fr 70px}.user-row summary>small,.user-row summary>.state{display:none}.impersonation{margin:-24px -24px 20px}}@media(max-width:600px){.page-head{display:block}.safety{margin-top:20px}.metrics{grid-template-columns:1fr 1fr}.metrics article{padding:17px}.activity-grid{grid-template-columns:1fr}.grid-form{grid-template-columns:1fr}.wide{grid-column:auto}.tr{grid-template-columns:80px 70px 1fr}.tr span:last-child{grid-column:1/-1}.login-brand{padding:32px 24px}.login-brand h1{font-size:42px}.user-actions{flex-direction:column}.user-actions form{width:100%}}

/* Modernisierte Farbwelt nach spiele.fesselspiel.com: Signalrot, Weiß, Grau, Schwarz. */
:root{--ink:#211d1e;--muted:#716b6d;--paper:#f5f3f4;--card:#fff;--line:#e5dfe1;--green:#d91435;--mint:#f9dce2;--accent:#ffced7;--danger:#a90f29;--shadow:0 18px 55px rgba(54,17,25,.09)}
.sidebar{background:#211d1e;border-right:4px solid #d91435}.brand-mark{background:#d91435;border-color:#ef6078;color:#fff}.sidebar nav a:hover,.sidebar nav .active{background:#d91435;color:#fff}.sidebar-foot .avatar{background:#fff;color:#d91435}.login-page{background:#a90f29}.login-brand{background:radial-gradient(circle at 8% 92%,#780c20 0,transparent 42%),linear-gradient(145deg,#df1538,#a90f29 74%)}.login-brand h1 em{color:#fff}.login-brand .eyebrow,.login-brand p{color:#fbdde3}.principles{border-top-color:#ed6a80}.principles b{color:#fff}.login-card{background:#f6f3f4}.primary{background:#d91435;box-shadow:0 8px 20px rgba(217,20,53,.2)}.primary:hover{background:#b70f2d}.status{background:#fbe4e8;color:#a90f29}.decision{background:#faf0f2;border-left-color:#d91435}.eyebrow{color:#a90f29}.metrics article,.card{border-color:#e8dfe2}.activity{border-color:#eee5e7}.dot.in-arbeit{background:#d91435}.impersonation{background:#fff0d0}.check input{accent-color:#d91435}a{accent-color:#d91435}.mobile-head .brand-mark{box-shadow:0 6px 16px rgba(217,20,53,.2)}