:root{font-family:Inter,system-ui,Arial,sans-serif;background:#10151d;color:#e9edf2}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}header{background:#171e28;border-bottom:3px solid #f6d528;padding:18px 25px;display:flex;justify-content:space-between;align-items:center;gap:12px}h1{font-size:22px;margin:0}h2{margin:0 0 14px}h3{margin:0 0 12px}small,.muted{color:#aeb9c8}.layout{display:flex;min-height:calc(100vh - 80px)}nav{width:210px;background:#171e28;padding:18px;flex-shrink:0}nav button{width:100%;display:block;border:0;background:transparent;color:#e9edf2;padding:12px;text-align:left;border-radius:9px;margin:5px 0}nav button.active,nav button:hover{background:#f6d528;color:#141820;font-weight:750}main{padding:28px;flex:1;min-width:0}.panel{background:#202936;border:1px solid #394557;border-radius:13px;padding:19px;margin:13px 0}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.metric{font-size:34px;color:#f6d528;font-weight:800}.controls{display:flex;gap:9px;flex-wrap:wrap;margin:12px 0;align-items:center}input,select{background:#111923;color:#fff;border:1px solid #4b596a;padding:10px;border-radius:8px;max-width:100%}.btn{background:#f6d528;color:#171a20;border:0;border-radius:8px;padding:10px 14px;font-weight:750}.ghost{background:#344152;color:#fff;border:0;border-radius:8px;padding:9px 12px}.danger{color:#ff9c9c}table{width:100%;border-collapse:collapse}th,td{padding:10px;border-bottom:1px solid #3c4655;text-align:left;vertical-align:middle}th{color:#f6d528}td select{max-width:170px}.scroll{overflow-x:auto}.pill{border-radius:20px;padding:4px 9px;background:#384456;display:inline-block}.login{max-width:420px;margin:12vh auto;padding:25px}.login input{display:block;width:100%;margin:12px 0}.org{text-align:center}.node{display:inline-block;background:#283340;border:1px solid #d4b91e;border-radius:10px;padding:14px;margin:8px;min-width:170px}.branches{display:flex;justify-content:center;flex-wrap:wrap}.tree{border-left:2px solid #f6d528;margin-left:16px;padding-left:12px}.toast{position:fixed;bottom:20px;right:20px;background:#f6d528;color:#151515;border-radius:9px;padding:12px 16px;z-index:3}.green{color:#5be3a0}.yellow{color:#f6d528}.red{color:#ff8585}.topmeta{display:flex;align-items:center;gap:12px;flex-wrap:wrap}@media(max-width:750px){header{padding:14px;align-items:flex-start;flex-direction:column}.layout{display:block}nav{width:100%;display:flex;overflow-x:auto;padding:8px}nav button{width:auto;white-space:nowrap}main{padding:14px}table{font-size:13px}.login{margin:7vh 12px}}
/* Taktikplaner */
.tactic-layout{display:grid;grid-template-columns:minmax(380px,1.3fr) minmax(280px,1fr);gap:18px;align-items:start}.pitch{background:repeating-linear-gradient(0deg,#176645 0,#176645 19.9%,#1c714e 20%,#1c714e 40%);border:3px solid #c9e6d4;border-radius:12px;min-height:650px;padding:26px 14px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.pitch:before{content:"";position:absolute;inset:16px;border:2px solid #d2eee0aa;pointer-events:none}.pitch:after{content:"";position:absolute;top:50%;left:0;right:0;border-top:2px solid #d2eee0aa;pointer-events:none}.pitch-row{display:flex;justify-content:space-evenly;align-items:center;gap:5px;z-index:1}.pitch-slot{min-width:0;width:24%;max-width:160px;text-align:center}.position-label{display:block;font-size:12px;font-weight:750;text-shadow:0 1px 2px #000}.shirt{width:42px;height:43px;margin:5px auto;background:#f6d528;color:#111923;clip-path:polygon(20% 0,80% 0,100% 23%,85% 42%,85% 100%,15% 100%,15% 42%,0 23%);display:grid;place-items:center;font-weight:900;font-size:20px}.pitch-select{width:100%;font-size:12px;padding:7px 4px;background:#132b25;border-color:#a1c3af;white-space:nowrap;text-overflow:ellipsis}.kit-panel{margin:0}.kit-list{max-height:570px;overflow-y:auto}.kit-row{display:flex;justify-content:space-between;align-items:center;gap:8px;border-bottom:1px solid #394557;padding:7px 0}.kit-row span{min-width:0}.kit-row input{width:78px;flex-shrink:0}@media(max-width:980px){.tactic-layout{grid-template-columns:1fr}.pitch{min-height:580px}}@media(max-width:500px){.pitch{min-height:540px;padding:22px 4px}.pitch-slot{width:24%}.pitch-select{font-size:10px}.shirt{width:34px;height:36px;font-size:16px}}

/* Kaderplanung & Spieltage */
.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:13px;align-items:end}.form-grid label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:#cbd5e1}.form-grid input,.form-grid select,.form-grid textarea{width:100%}.form-grid textarea{background:#111923;color:white;border:1px solid #4b596a;border-radius:8px;padding:10px;font:inherit}.form-grid button{align-self:end}td .muted{font-size:12px;max-width:230px;white-space:normal}
/* Version 4.0 Vorschau: Spielerprofile */
.profile-head{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.profile-avatar{width:94px;height:94px;display:grid;place-items:center;background:#2d2d2d;color:#f6ce31;border:2px solid #f6ce31;border-radius:20px;font-size:28px;font-weight:800}.profile-head h2{margin:0 0 8px}.profile-stat small{display:block}.profile-stat .metric{margin:8px 0}.profile-cards{margin-top:14px}