*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#0f0f0f;color:#e0e0e0}a{color:#7c8aff;text-decoration:none}a:hover{text-decoration:underline}.app{display:flex;min-height:100vh}.sidebar{width:220px;background:#1a1a2e;padding:20px 0;flex-shrink:0;display:flex;flex-direction:column}.sidebar h2{padding:0 20px 20px;font-size:14px;color:#7c8aff;border-bottom:1px solid #2a2a4a;margin-bottom:10px}.sidebar a{display:block;padding:10px 20px;color:#aaa;font-size:13px}.sidebar a:hover,.sidebar a.active{background:#2a2a4a;color:#fff;text-decoration:none}.main{flex:1;padding:30px;overflow-y:auto}.card{background:#1a1a2e;border-radius:10px;padding:20px;margin-bottom:16px}.card h3{font-size:14px;color:#888;margin-bottom:12px;text-transform:uppercase;letter-spacing:1px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.stat{text-align:center}.stat .value{font-size:32px;font-weight:700;color:#7c8aff}.stat .label{font-size:12px;color:#888;margin-top:4px}.badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600}.badge.green{background:#1a3a2a;color:#4ade80}.badge.blue{background:#1a2a3a;color:#60a5fa}.badge.orange{background:#3a2a1a;color:#fb923c}.badge.red{background:#3a1a1a;color:#f87171}.btn{padding:8px 16px;border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:600}.btn-primary{background:#7c8aff;color:#fff}.btn-primary:hover{background:#6b7bff}.btn-danger{background:#dc2626;color:#fff}.btn-success{background:#16a34a;color:#fff}.btn-sm{padding:4px 10px;font-size:11px}input,textarea,select{background:#0f0f0f;border:1px solid #333;color:#e0e0e0;padding:8px 12px;border-radius:6px;width:100%;font-size:13px}textarea{resize:vertical;min-height:80px}.msg-list{max-height:400px;overflow-y:auto}.msg{padding:8px 12px;margin:4px 0;border-radius:8px;max-width:75%;font-size:13px}.msg.from-them{background:#2a2a4a;align-self:flex-start}.msg.from-us{background:#3a2a5a;align-self:flex-end;margin-left:auto}.msg .meta{font-size:10px;color:#666;margin-top:2px}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.media-item img{width:100%;border-radius:8px;aspect-ratio:1;object-fit:cover}.media-item .info{padding:8px 0;font-size:12px;color:#aaa}.comment{padding:10px;border-bottom:1px solid #2a2a4a}.comment:last-child{border-bottom:none}.comment .author{font-weight:600;color:#7c8aff;font-size:13px}.comment .text{margin:4px 0;font-size:13px}.comment .actions{display:flex;gap:8px;margin-top:6px}.loading{text-align:center;padding:40px;color:#666}.error{color:#f87171;padding:12px;background:#3a1a1a;border-radius:6px;margin:8px 0;font-size:13px}.permission-tag{font-size:10px;color:#666;margin-top:8px;display:block}.flex{display:flex}.flex-col{flex-direction:column}.gap-2{gap:8px}.gap-4{gap:16px}.items-center{align-items:center}.justify-between{justify-content:space-between}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.mb-4{margin-bottom:16px}