*{box-sizing:border-box;margin:0;padding:0;font-family:"Salesforce Sans",-apple-system,"Segoe UI",Roboto,sans-serif}
body{background:#f3f7fb;color:#16325c}
.sf-header{background:#0176d3;display:flex;align-items:center;height:60px;padding:0 1.5rem;position:sticky;top:0;z-index:10}
.sf-brand{color:#fff;font-weight:800;font-size:1.1rem;margin-right:2rem}
.sf-brand .sub{background:rgba(255,255,255,.25);padding:.15rem .5rem;border-radius:4px;font-size:.65rem;margin-left:.4rem;vertical-align:middle}
.layout{display:flex;min-height:calc(100vh - 60px)}
.sidebar{width:230px;flex-shrink:0;background:#fff;border-right:1px solid #e5e9f0;padding:.8rem 0;position:sticky;top:60px;height:calc(100vh - 60px);overflow-y:auto}
.sidebar a{display:flex;align-items:center;gap:.6rem;padding:.65rem 1.2rem;color:#16325c;text-decoration:none;font-size:.9rem;font-weight:600;border-left:3px solid transparent}
.sidebar a:hover{background:#f0f6fd;color:#0176d3}
.sidebar a.on{background:#f0f6fd;color:#0176d3;border-left-color:#0176d3}
.sidebar .grp{font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;color:#8ea3c0;padding:1rem 1.2rem .4rem}
#me{margin-left:auto;color:#fff;font-size:.85rem;display:flex;align-items:center;gap:.6rem}
#me img{width:32px;height:32px;border-radius:50%}
#main{padding:1.5rem;flex:1;min-width:0}
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}
.kpi{background:#fff;border-radius:8px;box-shadow:0 2px 2px rgba(0,0,0,.07);padding:1.2rem;border-top:4px solid #0176d3}
.kpi b{font-size:2rem;color:#0176d3;display:block}
.kpi span{font-size:.8rem;color:#54698d;text-transform:uppercase;letter-spacing:.05em}
.panel{background:#fff;border-radius:8px;box-shadow:0 2px 2px rgba(0,0,0,.07);padding:1.4rem;margin-bottom:1.5rem}
.panel h2{font-size:1.05rem;margin-bottom:1rem;border-bottom:1px solid #e5e9f0;padding-bottom:.8rem}
table{width:100%;border-collapse:collapse;font-size:.88rem}
th{background:#fafbfe;text-align:left;padding:.65rem .8rem;border-bottom:2px solid #e5e9f0;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;color:#54698d}
td{padding:.65rem .8rem;border-bottom:1px solid #eef1f6}
tr:hover td{background:#f0f6fd;cursor:pointer}
.pill{display:inline-block;padding:.15rem .7rem;border-radius:999px;font-size:.75rem;font-weight:700}
.pill.Neu,.pill.Offen{background:#fce9d6;color:#b35a00}
.pill.Angenommen{background:#d9f2e6;color:#0c7a43}
.pill.Abgelehnt,.pill.Geschlossen{background:#fbe3e5;color:#c22a33}
.pill.Whitelisted{background:#e0f2fd;color:#0176d3}
.pill.Mitglied{background:#e9eafc;color:#4a4ab8}
.detail{background:#fff;border-radius:8px;box-shadow:0 2px 2px rgba(0,0,0,.07);overflow:hidden}
.detail-head{padding:1.4rem;border-bottom:1px solid #e5e9f0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}
.detail-head h2{font-size:1.3rem}
.detail-body{display:grid;grid-template-columns:1fr 1fr;gap:0 2rem;padding:1.4rem}
.field{margin-bottom:1.1rem}
.field label{display:block;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;color:#54698d;margin-bottom:.25rem}
.field .val{white-space:pre-wrap;font-size:.93rem}
.btn{background:#0176d3;color:#fff;border:0;padding:.5rem 1.2rem;border-radius:5px;font-weight:600;cursor:pointer;font-size:.88rem}
.btn.ok{background:#2e844a}.btn.no{background:#c22a33}.btn.ghost{background:#e9eafc;color:#16325c}
.back{color:#0176d3;text-decoration:none;font-size:.9rem;display:inline-block;margin-bottom:1rem}
.act{font-size:.85rem;padding:.5rem 0;border-bottom:1px solid #eef1f6;color:#54698d}
@media(max-width:800px){.detail-body{grid-template-columns:1fr}.layout{flex-direction:column}.sidebar{width:100%;height:auto;position:static;display:flex;flex-wrap:wrap;border-right:0;border-bottom:1px solid #e5e9f0}.sidebar a{border-left:0;border-bottom:2px solid transparent}.sidebar a.on{border-bottom-color:#0176d3}}