/* Dunkles Verwaltungsdesign: kompakte Karten, ruhige Linien und lesbare Zahlen. */
:root{color-scheme:dark;--bg:#0a0b0c;--panel:#111314;--line:#242729;--muted:#8a9196;--text:#edf0f2;--mint:#89ceb2;--red:#ec8585;--sidebar:208px}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:13px/1.5 'Segoe UI',Arial,sans-serif}button,input,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--mint);outline-offset:3px}[hidden]{display:none!important}a{color:inherit;text-decoration:none}small,.muted{color:var(--muted)}p{margin:0 0 14px}h1{font-size:25px;line-height:1.25;letter-spacing:-.7px;margin:0 0 7px}h2{font-size:13px;font-weight:600;margin:0 0 3px}h3{font-size:12px;font-weight:600;margin:0 0 14px}svg.icon{width:16px;height:16px;flex:none;vertical-align:middle}
aside{width:var(--sidebar);position:fixed;inset:0 auto 0 0;border-right:1px solid var(--line);background:#0c0d0e;display:flex;flex-direction:column;z-index:2}.brand{display:flex;align-items:center;gap:10px;padding:22px 18px;border-bottom:1px solid var(--line);font-weight:700;font-size:15px}.brand-mark{display:inline-grid;place-items:center;width:29px;height:29px;border-radius:7px;background:linear-gradient(145deg,#acdfc8,#4d896f);color:#0f2920;font-size:22px;font-weight:800;transform:rotate(-5deg)}.brand small{display:block;font-size:8px;letter-spacing:2px;font-weight:400}.brand>span:last-child{line-height:1.4}nav{padding:10px;overflow:auto;flex:1}.nav-label{font-size:9px;letter-spacing:1.4px;color:#62696e;margin:20px 9px 7px}.nav{display:flex;gap:10px;align-items:center;width:100%;background:none;border:1px solid transparent;color:#a4aaae;padding:8px 10px;text-align:left;border-radius:5px;margin:2px 0;font-size:12px}.nav:hover{background:#191c1e;color:white}.nav.active{background:#202325;border-color:#353a3c;color:#f2f5f6}.nav.active svg{color:var(--mint)}.nav small{margin-left:auto;font-size:8px;letter-spacing:.4px}.nav.unavailable{opacity:.4;cursor:default}.sidebar-bottom{padding:17px 18px;border-top:1px solid var(--line);font-size:10px;color:#a5acae}.sidebar-bottom small{display:block;font-size:9px;margin:5px 0 0 12px}
.workspace{margin-left:var(--sidebar)}header{height:58px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:12px;padding:0 28px;background:#0c0e0f}.pill{display:flex;align-items:center;border:1px solid var(--line);border-radius:20px;padding:4px 10px;font-size:10px;color:#acb4b8;white-space:nowrap}.header-right{margin-left:auto;display:flex;gap:10px;align-items:center;font-size:11px}.user-avatar{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;border:1px solid #405348;background:#26372f;color:var(--mint);font-size:11px}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--mint);margin-right:7px;flex:none}.dot.neutral{background:#667176}.dot.offline{background:#d67d7d}#mode{font-size:10px}main{padding:28px;max-width:2200px;margin:auto}.eyebrow{font-size:9px;letter-spacing:1.7px;color:#757e83;margin:0 0 8px}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.page-heading p:last-child{margin:0;font-size:11px}.subtle{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:7px 11px;border:1px solid #303437;border-radius:6px;background:#16191a;color:#c9d0d4;font-size:11px}.subtle:hover{border-color:#667a6d;color:white}.primary{display:inline-block;padding:11px 19px;background:var(--mint);color:#102c24;border:0;border-radius:6px;font-weight:600}.banner{border:1px solid #3b3c31;background:#191b15;color:#b7be9e;padding:9px 13px;border-radius:6px;margin-bottom:22px;font-size:10px}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:18px}.card,.panel{border:1px solid var(--line);background:var(--panel);border-radius:8px}.card{padding:18px;position:relative;overflow:hidden}.card .metric{font-size:27px;font-weight:650;letter-spacing:-.9px;margin:10px 0 3px;font-variant-numeric:tabular-nums}.card .label{font-size:9px;letter-spacing:1.1px;color:var(--muted)}.card .glyph{position:absolute;right:18px;top:18px;color:var(--mint);background:#1d3028;border-radius:7px;width:32px;height:32px;display:grid;place-items:center}.card.unwired .glyph{background:#23272a;color:#8d979e}.card.unwired .metric{color:#717a80}.card small{font-size:10px}.panel{padding:18px;min-width:0}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:18px}.panel-heading h2{display:flex;align-items:center;gap:8px}.panel-heading h2 svg{color:#9ba4aa;width:14px;height:14px}.panel-heading small{font-size:10px}.grid{display:grid;grid-template-columns:1.6fr 1fr;gap:18px;margin-bottom:18px}.dashboard-middle{display:grid;grid-template-columns:1.65fr 1fr 1fr;gap:16px;margin-bottom:18px}.dashboard-bottom{display:grid;grid-template-columns:1.8fr 1fr;gap:16px;margin-bottom:18px}.badge{background:#1c2d24;color:var(--mint);padding:3px 8px;border:1px solid #2a4434;border-radius:5px;font-size:10px}.badge.pending{background:#302a1c;border-color:#4c4025;color:#dbbf7a}.badge.neutral{background:#22272a;border-color:#30383d;color:#a3b1ba}.status-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 0;border-bottom:1px solid var(--line);font-size:11px}.status-row:last-child{border:0}.status-row strong{font-size:11px;font-weight:500}.status-row>span{display:flex;align-items:center}.notice{color:var(--muted);font-size:11px;line-height:1.7;margin:12px 0 0}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;text-align:left;white-space:nowrap}th{color:#868e94;font-size:9px;letter-spacing:1px;font-weight:500;padding:12px 10px;border-bottom:1px solid var(--line)}td{padding:13px 10px;border-bottom:1px solid #232628;font-size:11px}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#171c1d}.money{color:var(--mint);font-weight:600;font-variant-numeric:tabular-nums}.expense{color:var(--red)}.mono{font:10px Consolas,monospace;color:#8c9da6}.identity{display:flex;align-items:center;gap:10px}.avatar{width:30px;height:30px;display:grid;place-items:center;background:#262d2a;border:1px solid #35443c;color:var(--mint);border-radius:8px;flex:none}.tools{display:flex;gap:10px;margin:0 0 18px;align-items:center;flex-wrap:wrap}input,select{background:#171b1e;color:var(--text);border:1px solid #343b40;border-radius:6px;padding:9px 11px}input{width:330px;max-width:100%}.empty{padding:32px;text-align:center;color:var(--muted);font-size:11px}.table-button{background:none;border:0;color:var(--mint);text-align:left;padding:0;text-decoration:underline}.error{background:#35201f;color:#ffb5ab;padding:13px;border-radius:6px}footer{margin-top:25px;font-size:9px;color:#616b71;display:flex;justify-content:space-between;gap:10px}.setup-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.step{padding:16px 0;border-top:1px solid var(--line)}code{color:var(--mint);overflow-wrap:anywhere;font-size:12px}.structure{margin-top:18px}.profile-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:20px 0}.profile-value{font-weight:600;margin:10px 0 0;overflow-wrap:anywhere}.player-open{margin:8px 0 0 40px;font-size:10px}.admin-form{display:grid;gap:14px;margin:16px 0}.admin-form label{display:grid;gap:6px;color:var(--muted);font-size:12px}.admin-form input,.admin-form select{width:100%;min-width:0}.admin-form .tools{margin:0}.admin-form .tools label{flex:1}.admin-form .check{display:flex;align-items:center;gap:10px}.admin-form .check input{width:auto}.danger{background:#382025;border:1px solid #63353e;color:#efb3b8;border-radius:6px;padding:10px 15px}.danger:hover{background:#502931}button:disabled{opacity:.45;cursor:default}
/* Grafik und Statistik bleiben auch ohne Messwerte lesbar. Null bedeutet hier nicht null Spieler. */
.range-tabs{display:flex;gap:2px;padding:3px;border-radius:5px;background:#1b1e20}.range-tabs button{background:none;color:#959fa5;border:0;border-radius:3px;padding:4px 7px;font-size:9px}.range-tabs button.active{background:#303638;color:white}.chart-stats{display:flex;gap:30px;margin:0 0 22px}.chart-stats span{display:block;font-size:9px;color:var(--muted)}.chart-stats strong{font:600 16px Consolas,monospace;color:#dfe6e9}.chart-area{height:220px;display:grid;place-items:center;position:relative}.chart-area svg{width:100%;height:100%}.chart-empty{text-align:center;color:#758086;font-size:11px}.chart-empty>svg{width:30px;height:30px;display:block;margin:0 auto 14px;color:#515e63}.chart-note{font-size:9px;color:#727d82;margin-top:15px}.health-tiles{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:13px}.health-tiles>div,.age-tile{background:#1a1d1f;border:1px solid #24292c;border-radius:5px;padding:10px}.health-tiles small{display:block;font-size:9px;margin-bottom:5px}.health-tiles strong{font:600 16px Consolas,monospace}.health-rows .status-row{background:#191c1e;border:1px solid #24292c;padding:9px 10px;border-radius:5px;margin:6px 0}.tech-rows{margin-top:15px}.tech-rows .status-row{padding:9px 0;font-size:10px}.demographic-row{margin:16px 0}.demographic-row>div:first-child{display:flex;justify-content:space-between;font-size:10px;margin-bottom:6px}.meter{height:4px;background:#292f33;border-radius:3px;overflow:hidden}.meter svg{display:block;width:100%;height:4px}.age-title{display:flex;justify-content:space-between;font-size:10px;margin-top:22px;margin-bottom:8px}.age-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}.age-tile{text-align:center;padding:8px 3px}.age-tile strong{font:600 12px Consolas,monospace}.age-tile small{display:block;font-size:8px;margin-top:3px}.demographic-footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:18px;padding-top:14px;font-size:10px;color:var(--muted)}.activity-item{display:flex;align-items:flex-start;gap:11px;border-bottom:1px solid var(--line);padding:14px 0}.activity-item:last-child{border-bottom:0}.activity-icon{width:26px;height:26px;display:grid;place-items:center;background:#23292b;border-radius:5px;color:#9caaae;flex:none}.activity-info{min-width:0;flex:1}.activity-title{font-size:11px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:5px}.activity-title strong{font-weight:600}.activity-info p{font-size:10px;color:#99a4a9;overflow-wrap:anywhere;margin:0 0 3px}.activity-info small{font-size:9px}.activity-tag{font-size:8px;letter-spacing:.4px;color:#a6cbb7;border:1px solid #35443c;border-radius:4px;padding:2px 5px}.economy-content{display:flex;align-items:center;gap:24px;margin:23px 0}.donut{width:125px;height:125px;flex:none}.donut svg{width:100%;height:100%}.economy-legend{flex:1;min-width:0}.legend-row{display:flex;justify-content:space-between;gap:10px;font-size:11px;padding:8px 0}.legend-row>span{display:flex;align-items:center}.legend-row strong{font:500 11px Consolas,monospace}.legend-dot{width:6px;height:6px;border-radius:50%;display:inline-block;margin-right:7px;background:#8dd0b0}.legend-dot.bank{background:#a6b6c6}.legend-dot.faction{background:#777e83}.section-link{border:0;background:none;color:#97b8a8;font-size:10px;padding:0}.summary-line{display:flex;gap:16px;flex-wrap:wrap;font-size:10px;margin-bottom:16px;color:var(--muted)}.summary-line strong{color:#d0d8dc;font-weight:500}.faction-card{margin-bottom:14px}.faction-card summary{display:flex;gap:14px;align-items:center;cursor:pointer;padding:4px 0}.faction-card summary>div{flex:1}.faction-card summary strong{font-size:13px}.faction-card summary small{display:block;font-size:10px}.faction-card .members{padding-top:16px}
#login{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.login-card{padding:14vh 9vw;display:flex;align-items:flex-start;flex-direction:column;justify-content:center}.login-card .eyebrow{margin-top:30px}.login-card h1{font-size:50px;margin:0 0 22px}.login-card p:not(.eyebrow){color:var(--muted);max-width:390px;line-height:1.8}.login-card .primary{margin:12px 0 20px}.login-art{background:radial-gradient(ellipse at 80% 20%,#284b3b 0,transparent 50%),linear-gradient(135deg,#14221c,#0d1316);padding:13vh 6vw;display:flex;flex-direction:column;justify-content:flex-end;border-left:1px solid #29342e}.login-art span{font-size:10px;letter-spacing:3px;color:var(--mint);margin-bottom:auto}.login-art h2{font-size:38px;line-height:1.25;letter-spacing:-1px;margin-bottom:25px}.login-art p{color:var(--mint);font-size:12px}#login-message{font-size:12px}
@media(min-width:1800px){main{padding:32px}.chart-area{height:270px}.panel{padding:22px}.card{padding:22px}}
@media(max-width:1250px){.dashboard-middle{grid-template-columns:1fr 1fr}.dashboard-middle>.activity-panel{grid-column:1/-1}.dashboard-bottom{grid-template-columns:1.3fr 1fr}.age-grid{gap:6px}.economy-content{gap:14px}.donut{width:100px;height:100px}#mode{display:none}}
@media(max-width:950px){:root{--sidebar:175px}main{padding:20px}header{padding:0 20px}.cards{grid-template-columns:repeat(2,1fr)}.dashboard-bottom,.grid,.setup-grid{grid-template-columns:1fr}.profile-grid{grid-template-columns:repeat(2,1fr)}.brand{padding:20px 12px;font-size:13px}.sidebar-bottom{padding:14px 12px}.nav{padding:8px;font-size:11px}}
@media(max-width:620px){aside{position:static;width:100%;padding:0;display:block}.brand{padding:14px 16px}nav{display:flex;gap:5px;overflow:auto;padding:8px 12px}.nav{width:auto;flex:none;white-space:nowrap;font-size:11px;padding:7px 9px}.nav-label,.sidebar-bottom,.nav.unavailable{display:none}.workspace{margin:0}header{padding:12px;height:auto;flex-wrap:wrap;gap:6px}.header-right{gap:6px}#username{display:none}main{padding:20px 12px}.page-heading h1{font-size:23px}.card{padding:14px}.card .glyph{right:12px;top:12px;width:25px;height:25px}.card .metric{font-size:24px}.panel{padding:15px}.dashboard-middle{grid-template-columns:1fr}.dashboard-middle>.activity-panel{grid-column:auto}.profile-grid{grid-template-columns:1fr}.status-row{flex-wrap:wrap}.summary-line{gap:10px}footer{flex-direction:column}#login{grid-template-columns:1fr}.login-art{display:none}.login-card{padding:60px 10vw;min-height:100vh}.login-card h1{font-size:40px}.range-tabs button{padding:5px 7px}}
/* Dieselben Statusfarben wie im Spiel; native Progress-Elemente zeigen gueltige Prozentwerte. */
.player-status{margin:0 0 18px}.vital-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:22px}.vital-bar{--vital-color:#a5b7c4;min-width:0}.vital-health{--vital-color:#ff325c}.vital-armor{--vital-color:#04acf4}.vital-hunger{--vital-color:#a8f51c}.vital-thirst{--vital-color:#00d5da}.vital-stamina{--vital-color:#ffa34c}.vital-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:11px}.vital-heading>span{display:flex;align-items:center;gap:7px;font-size:11px;color:#b2bcc2}.vital-heading svg{color:var(--vital-color);width:15px;height:15px}.vital-heading strong{font-size:13px;font-variant-numeric:tabular-nums;white-space:nowrap}.vital-bar progress,.vital-track{appearance:none;display:block;width:100%;height:8px;border:0;border-radius:5px;overflow:hidden;background:#292f33}.vital-bar progress::-webkit-progress-bar{background:#292f33;border-radius:5px}.vital-bar progress::-webkit-progress-value{background:var(--vital-color);border-radius:5px}.vital-bar progress::-moz-progress-bar{background:var(--vital-color);border-radius:5px}.unknown-meter{background:repeating-linear-gradient(135deg,#23282c,#23282c 5px,#30363a 5px,#30363a 7px)}.vital-bar>small{display:block;margin-top:7px;font-size:9px;color:#7e8d95}.status-updated{font-size:10px;margin-top:18px}
@media(max-width:1200px){.vital-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}}
@media(max-width:720px){.vital-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}}
@media(max-width:370px){.vital-grid{grid-template-columns:1fr}}
#access-denied{min-height:100vh;display:grid;grid-template-columns:minmax(0,650px);justify-content:center}#access-denied .login-card{padding:12vh 8vw}@media(max-width:620px){#access-denied{display:block}#access-denied .login-card{padding:60px 10vw}}
.discord-role-cell{min-width:180px;max-width:360px;white-space:normal}.discord-role-list{display:flex;flex-wrap:wrap;gap:5px}.discord-role-list .badge{white-space:normal}
.vehicle-cargo-form textarea{width:100%;min-height:120px;resize:vertical;background:#171b1e;color:var(--text);border:1px solid #343b40;border-radius:6px;padding:9px 11px;font:11px/1.5 Consolas,monospace}.vehicle-cargo-form textarea:focus-visible{outline:2px solid var(--mint);outline-offset:3px}.panel details{margin-top:12px}.panel summary{cursor:pointer;color:var(--mint)}
.profile-asset-tabs{display:flex;gap:6px;border-bottom:1px solid var(--line);padding-bottom:10px;margin-bottom:18px;flex-wrap:wrap}.profile-asset-tab{border:0;border-radius:5px;padding:9px 14px;background:#1a1e20;color:#aab4b9}.profile-asset-tab.active{background:#294236;color:#e7f5ec}.profile-asset-content{min-width:0}.profile-asset-content .structure{margin-top:0}.asset-list{display:grid;gap:8px;margin-top:16px}.asset-list-item{display:grid;grid-template-columns:minmax(140px,1fr) minmax(150px,1fr) auto;gap:12px;align-items:center;width:100%;padding:15px;border:1px solid #30383b;border-radius:6px;background:#192024;color:var(--text);text-align:left}.asset-list-item:hover{border-color:var(--mint)}.asset-list-item span{color:var(--muted)}.asset-detail-title{font-size:17px;margin:18px 0 4px}.asset-prefab{white-space:normal;overflow-wrap:anywhere;min-width:200px}.vehicle-cargo-editor textarea{width:100%;min-height:190px;resize:vertical;background:#171b1e;color:var(--text);border:1px solid #343b40;border-radius:6px;padding:10px;font:11px/1.5 Consolas,monospace}@media(max-width:650px){.asset-list-item{grid-template-columns:1fr auto}.asset-list-item span:nth-child(2){grid-column:1;grid-row:2}}