.wb-app{--wb-primary:#6d28d9;--wb-primary-dark:#5b21b6;--wb-border:#e5e7eb;--wb-muted:#6b7280;--wb-bg:#f8fafc;max-width:1100px;margin:24px auto;color:#111827}.wb-app *{box-sizing:border-box}.wb-panel{background:#fff;border:1px solid var(--wb-border);border-radius:16px;padding:24px;margin-bottom:24px;box-shadow:0 8px 24px rgba(15,23,42,.05)}.wb-panel h2{margin:0 0 20px;font-size:1.5rem}.wb-form,.wb-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.wb-filters{grid-template-columns:2fr repeat(3,1fr);align-items:end}.wb-field{display:flex;flex-direction:column;gap:6px}.wb-field-wide{grid-column:1/-1}.wb-field label{font-weight:650;font-size:.92rem}.wb-field input,.wb-field textarea,.wb-field select{width:100%;border:1px solid #cbd5e1;border-radius:9px;padding:10px 12px;background:#fff;color:#111827;font:inherit}.wb-field input:focus,.wb-field textarea:focus,.wb-field select:focus{outline:3px solid rgba(109,40,217,.16);border-color:var(--wb-primary)}.wb-button,.wb-pagination button,.wb-vote{border:0;border-radius:9px;padding:10px 15px;font:inherit;font-weight:650;cursor:pointer}.wb-button:disabled,.wb-vote:disabled{opacity:.55;cursor:not-allowed}.wb-primary{background:var(--wb-primary);color:#fff}.wb-primary:hover{background:var(--wb-primary-dark)}.wb-secondary{background:#e5e7eb;color:#111827}.wb-filter-actions{display:flex;gap:8px;grid-column:1/-1}.wb-message{display:inline-block;margin-left:12px}.wb-success{color:#15803d}.wb-error{color:#b91c1c}.wb-count,.wb-meta,.wb-loading,.wb-empty{color:var(--wb-muted)}.wb-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.wb-card{border:1px solid var(--wb-border);border-radius:14px;padding:18px;background:var(--wb-bg);display:flex;flex-direction:column;gap:12px}.wb-card h3{font-size:1.2rem;margin:0}.wb-card-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.wb-badge{display:inline-block;background:#e2e8f0;border-radius:999px;padding:4px 9px;margin:0 6px 4px 0;font-size:.78rem;font-weight:650}.wb-status{background:#ede9fe;color:#5b21b6}.wb-score{font-size:.85rem;white-space:nowrap}.wb-description p{margin:.35em 0}.wb-meta{font-size:.82rem;margin-top:auto}.wb-votes{display:flex;gap:8px}.wb-vote{background:#fff;border:1px solid var(--wb-border);min-width:72px}.wb-up.is-active{background:#dcfce7;border-color:#86efac;color:#166534}.wb-down.is-active{background:#fee2e2;border-color:#fca5a5;color:#991b1b}.wb-pagination{display:flex;justify-content:center;gap:6px;margin-top:20px;flex-wrap:wrap}.wb-pagination button{background:#e5e7eb}.wb-pagination .is-current{background:var(--wb-primary);color:#fff}.wb-login{padding:18px;border:1px solid #e5e7eb;border-radius:12px;background:#fff}@media(max-width:800px){.wb-filters{grid-template-columns:1fr 1fr}.wb-search{grid-column:1/-1}.wb-grid{grid-template-columns:1fr}}@media(max-width:560px){.wb-panel{padding:16px}.wb-form,.wb-filters{grid-template-columns:1fr}.wb-field,.wb-search{grid-column:1/-1}.wb-filter-actions{flex-direction:column}.wb-button{width:100%}.wb-message{display:block;margin:10px 0 0}}