:root { --bg:#0d0d0f; --card:#101015; --muted:#9aa0a6; --accent:#ffd54f; --pink:#ff6fb5; --box-border:#232326; color-scheme: dark; }
[data-theme="B"] { --card:#0b0f1a; --accent:#a78bfa; --pink:#ff6fb5; }
[data-theme="C"] { --card:#ffffff; --bg:#f6f6f6; --muted:#333; --accent:#222; --pink:#ff6fb5; color-scheme: light; }

body{background:var(--bg);color:#e9e9e9;font-family:Inter,Arial,Helvetica,sans-serif;margin:0;padding:0;}
.topbar{display:flex;align-items:center;justify-content:space-between;padding:14px;border-bottom:1px solid var(--box-border);}
.globe{font-size:28px;margin-right:10px;color:var(--pink);}
.title .main{font-size:20px;font-weight:700;color:var(--accent);}
.title .subtitle{font-size:13px;color:var(--muted);}
.rightbox{display:flex;gap:12px;align-items:center;}
.container{padding:12px;}
.card{background:var(--card);border:1px solid var(--box-border);border-radius:10px;margin:12px 0;overflow:hidden;}
.card-head{display:flex;justify-content:space-between;padding:12px;cursor:pointer;font-weight:700;color:var(--accent);border-bottom:1px solid rgba(255,255,255,0.02);}
.card-body{padding:10px;display:block;max-height:0;overflow:hidden;transition:all .28s ease;}
.card-body.open{max-height:2000px;transition:all .35s ease;}
.count{background:rgba(255,255,255,0.03);padding:4px 8px;border-radius:8px;font-weight:600;color:var(--muted);font-size:13px;}
.placeholder{color:var(--muted);padding:8px;}
.list-row{padding:6px 0;border-bottom:1px dashed rgba(255,255,255,0.02);font-size:14px;}
.item{display:flex;justify-content:space-between;align-items:center;padding:8px;border-bottom:1px solid rgba(255,255,255,0.02);}
.item-left{flex:1;}
.item-title{font-weight:700;color:#fff;font-size:15px;}
.item-sub{font-size:13px;color:var(--muted);margin-top:4px;}
.item-right{display:flex;flex-direction:column;align-items:flex-end;gap:6px;}
.badge{background:var(--pink);color:#fff;padding:4px 8px;border-radius:8px;font-weight:700;}
.meta{font-size:12px;color:var(--muted);font-weight:600;margin-top:4px;}
.sector-list{list-style:none;padding-left:0;margin:0;}
.sec-name{font-weight:700;margin-bottom:4px;}
.sec-leaders{color:var(--muted);font-size:13px;margin-bottom:4px;}
@media (min-width: 700px){ .container{max-width:900px;margin:0 auto;} }