:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#111827;background-color:#f3f4f6}*,*:before,*:after{box-sizing:border-box}body{margin:0}.app-root{min-height:100vh;display:flex;flex-direction:column}.app-header{padding:12px 20px;border-bottom:1px solid #e5e7eb;background:#fff;display:flex;align-items:center;justify-content:space-between;gap:12px}.app-header-left{display:flex;flex-direction:column;gap:2px}.brand{font-weight:700;font-size:1rem}.sub-brand{font-size:.8rem;color:#6b7280}.app-header-right{display:flex;gap:8px;align-items:center}.logout-btn,.header-link{border-radius:999px;border:none;padding:6px 12px;font-size:.9rem;cursor:pointer;font-weight:600}.logout-btn{background:#ef4444;color:#fff}.logout-btn:hover{background:#dc2626}.header-link{background:#e5e7eb;color:#111827}.header-link:hover{background:#d1d5db}.app-main{flex:1;padding:16px}.card{max-width:480px;margin:40px auto;background:#fff;padding:20px 22px;border-radius:12px;box-shadow:0 3px 10px #00000014}.login-card h2{margin-top:0}.card-intro{font-size:.9rem;color:#4b5563}.form{display:flex;flex-direction:column;gap:10px;margin-top:10px}.label{font-size:.9rem;display:flex;flex-direction:column;gap:4px}.input,.textarea,select{padding:8px 10px;border-radius:8px;border:1px solid #d1d5db;font:inherit}.input:focus,.textarea:focus,select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f666}.textarea{resize:vertical}.primary-btn{background:#3b82f6;color:#fff;border:none;padding:8px 14px;border-radius:999px;font-size:.95rem;font-weight:600;cursor:pointer}.primary-btn:hover{background:#2563eb}.primary-btn:disabled{opacity:.7;cursor:default}.secondary-btn{background:#e5e7eb;border:none;padding:8px 14px;border-radius:999px;font-size:.9rem;font-weight:500;cursor:pointer}.secondary-btn:hover{background:#d1d5db}.button-row{display:flex;justify-content:flex-end;gap:8px;margin-top:4px}.error-msg{color:#b91c1c;font-size:.85rem}.small-text{font-size:.8rem;color:#6b7280;margin-top:10px}.loading,.muted{font-size:.9rem;color:#6b7280}.forum-layout{display:grid;grid-template-columns:220px minmax(0,260px) minmax(0,1.4fr);gap:16px;align-items:flex-start}.sidebar{background:#fff;border-radius:12px;padding:14px;box-shadow:0 3px 10px #00000014}.sidebar h3{margin-top:0;font-size:1rem}.chip{display:inline-flex;padding:4px 10px;border-radius:999px;border:1px solid #e5e7eb;background:#f9fafb;font-size:.8rem;margin:3px 4px 0 0;cursor:pointer}.chip-active{background:#dbeafe;border-color:#3b82f6;color:#1d4ed8}.sidebar-section{margin-top:16px}.full-width{width:100%}.thread-list-section{background:#fff;border-radius:12px;padding:14px;box-shadow:0 3px 10px #00000014}.thread-list-section h3{margin-top:0;font-size:1rem}.thread-list{list-style:none;padding:0;margin:8px 0 0}.thread-item{padding:8px 10px;border-radius:8px;cursor:pointer;border:1px solid transparent}.thread-item:hover{background:#f3f4f6}.thread-item-active{background:#eff6ff;border-color:#3b82f6}.thread-title{font-size:.95rem;font-weight:600;margin-bottom:2px}.thread-meta{font-size:.8rem;color:#6b7280;display:flex;gap:4px;flex-wrap:wrap}.thread-detail-section{background:#fff;border-radius:12px;padding:14px;box-shadow:0 3px 10px #00000014;min-height:300px}.thread-detail h3{margin-top:0}.thread-body{margin-top:6px;margin-bottom:10px}.divider{border:none;border-top:1px solid #e5e7eb;margin:12px 0}.empty-state h3{margin-top:0}.posts{margin-bottom:12px}.post{padding:8px 0;border-bottom:1px solid #f3f4f6}.post:last-child{border-bottom:none}.post-header{font-size:.8rem;color:#6b7280;margin-bottom:4px}.post-author{font-weight:600}.reply-form{margin-top:8px}@media(max-width:900px){.forum-layout{grid-template-columns:1fr}.sidebar{order:1}.thread-list-section{order:2}.thread-detail-section{order:3}}