body{margin:0;background:#1b2127;color:#fff;font-family:system-ui}
.header{text-align:center;padding:32px 16px 10px}
.logo{width:180px;margin-bottom:10px;filter:drop-shadow(0 4px 7px rgba(0,0,0,.35));animation:pulse 3s ease-in-out infinite}
@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.06)}100%{transform:scale(1)}}
.tabs{display:flex;justify-content:center;gap:8px;padding:10px}
.tabs button{background:#0d1114;border:1px solid #2a3036;color:#fff;padding:10px 14px;border-radius:12px;cursor:pointer}
.tabs .active{background:#fff;color:#000;font-weight:700}
.view{padding:16px;max-width:900px;margin:0 auto}
.card{background:#12161a;border:1px solid #2a3036;border-radius:16px;padding:16px;margin-bottom:14px}
input,select{width:100%;padding:10px;background:#0d1114;border:1px solid #2a3036;border-radius:10px;color:#fff;margin-bottom:10px}
button{padding:10px 14px;border-radius:10px;cursor:pointer;border:0}
.primary{background:#fff;color:#000;font-weight:700}
.ghost{background:transparent;border:1px solid #2a3036;color:#fff}