:root{--bg:#07090e;--panel:#0c1220;--border:#ffffff12;--muted:#8b95a3;--muted-2:#4e5a68;--accent:#38bdf8;--text:#e2e8f0;--text-dim:#cbd5e1}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff3}.app-header{background:linear-gradient(#0d1728 0%,#090f1b 100%);padding:18px 0}.header-inner{align-items:center;gap:16px;width:100%;padding:0 28px;display:flex}.logo-box{background:linear-gradient(135deg,#1189c1 0%,#8661f6 50%,#e93894 100%);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex;box-shadow:0 4px 20px #8661f666,0 2px 8px #00000080}.logo-emoji{font-size:22px}.title{letter-spacing:-.3px;background:linear-gradient(135deg,#e2e8f0 30%,#a78bfa 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:26px;font-weight:700}.subtitle{color:var(--muted);margin:3px 0 0;font-size:13px}.container{flex-direction:column;gap:20px;width:100%;margin:0;padding:24px 28px 56px;display:flex}.section-card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:22px 26px;box-shadow:0 2px 20px #00000059,inset 0 1px #ffffff08}.filters{background:var(--panel);border:1px solid var(--border);border-left:3px solid #06b6d4;border-radius:12px;padding:20px 26px;box-shadow:0 2px 20px #00000059,inset 0 1px #ffffff08}.filters h2{align-items:center;gap:12px;margin:0 0 16px;font-size:16px;font-weight:600;display:flex}.filters-row{align-items:flex-start;gap:18px;display:flex}.filter-col{flex:1}.filter-label{color:var(--muted);align-items:center;gap:8px;margin-bottom:8px;font-size:13px;font-weight:500;display:flex}.filter-label-icon{width:20px;height:20px;color:var(--accent);border-radius:4px;justify-content:center;align-items:center;display:inline-flex}.filter-label-icon svg{display:block}.filter-icon{color:#06b6d4;background:#06b6d41f;border:1px solid #06b6d433;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.filter-icon svg{width:16px;height:16px}