:root{--bg: #0e1016;--panel: #171a22;--panel-2: #1e222c;--border: #262b37;--text: #e7e9f0;--muted: #9aa1b1;--faint: #6b7280;--brand: #818cf8;--brand-strong: #6366f1;--success: #34d399;--warning: #fbbf24;--danger: #f87171;--info: #60a5fa;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Inter,sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100vh;background:var(--bg);color:var(--text)}a{color:var(--brand);text-decoration:none}.topbar{display:flex;align-items:center;justify-content:space-between;padding:16px 28px;border-bottom:1px solid var(--border);background:linear-gradient(180deg,#14161d,#0e1016);position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:12px;font-weight:700;font-size:18px;letter-spacing:-.2px}.brand .logo{width:34px;height:34px;border-radius:9px;background:linear-gradient(135deg,var(--brand-strong),var(--brand));display:grid;place-items:center;font-weight:800;color:#fff}.topbar-right{display:flex;align-items:center;gap:14px;font-size:13px;color:var(--muted)}.nav{display:flex;gap:4px}.nav-item{border:none;background:transparent;color:var(--muted);padding:7px 14px;border-radius:8px;font-size:14px}.nav-item:hover{background:var(--panel-2);border-color:transparent}.nav-item.active{background:var(--panel-2);color:var(--text);font-weight:600}.row-between{display:flex;align-items:center;justify-content:space-between}.list-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px;flex-wrap:wrap}.search{max-width:320px}.pager{display:flex;align-items:center;gap:10px;font-size:13px}.pager button{padding:6px 12px;font-size:13px}.container{max-width:1200px;margin:0 auto;padding:28px}.section-title{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--faint);margin:32px 0 14px;font-weight:600}.section-title:first-child{margin-top:8px}button{font:inherit;cursor:pointer;border:1px solid var(--border);background:var(--panel-2);color:var(--text);border-radius:8px;padding:8px 14px;transition:border-color .15s,background .15s}button:hover{border-color:var(--brand)}button.primary{background:var(--brand-strong);border-color:var(--brand-strong);color:#fff;font-weight:600}button.primary:hover{background:var(--brand)}button.ghost{background:transparent}button:disabled{opacity:.5;cursor:not-allowed}input{font:inherit;background:var(--panel);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:10px 12px;width:100%}input:focus{outline:none;border-color:var(--brand)}.seg{display:inline-flex;border:1px solid var(--border);border-radius:8px;overflow:hidden}.seg button{border:none;border-radius:0;background:var(--panel);padding:6px 12px;font-size:13px;color:var(--muted)}.seg button.active{background:var(--brand-strong);color:#fff}.grid{display:grid;gap:14px}.stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.cols-2{grid-template-columns:1.4fr 1fr}.card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:18px}.card h3{margin:0 0 14px;font-size:14px;font-weight:600;color:var(--text)}.stat .value{font-size:28px;font-weight:700;letter-spacing:-.5px}.stat .label{font-size:12px;color:var(--muted);margin-top:4px}.stat .sub{font-size:11px;color:var(--faint);margin-top:2px}.hbar-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;margin-bottom:10px;font-size:13px}.hbar-track{position:relative;height:22px;background:var(--panel-2);border-radius:5px;overflow:hidden}.hbar-fill{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,var(--brand-strong),var(--brand));border-radius:5px}.hbar-label{position:absolute;left:8px;top:0;bottom:0;display:flex;align-items:center;color:var(--text);font-size:12px;max-width:92%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.hbar-count{color:var(--muted);font-variant-numeric:tabular-nums;min-width:40px;text-align:right}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;color:var(--faint);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.05em;padding:8px 10px;border-bottom:1px solid var(--border)}td{padding:9px 10px;border-bottom:1px solid var(--border);color:var(--text)}tr:last-child td{border-bottom:none}.mono{font-family:ui-monospace,JetBrains Mono,monospace;font-variant-numeric:tabular-nums}.pill{display:inline-block;padding:2px 9px;border-radius:999px;font-size:11px;font-weight:600}.pill.free{background:#9aa1b126;color:var(--muted)}.pill.metered{background:#60a5fa26;color:var(--info)}.pill.unlimited{background:#818cf82e;color:var(--brand)}.pill.trial{background:#fbbf2426;color:var(--warning)}.pill.neutral{background:#9aa1b126;color:var(--muted)}.pill.owner{background:#818cf82e;color:var(--brand)}.pill.admin{background:#60a5fa26;color:var(--info)}.pill.member{background:#9aa1b126;color:var(--muted)}.pill.active{background:#34d39926;color:var(--success)}.pill.invited{background:#fbbf2426;color:var(--warning)}.pill.removed{background:#f8717126;color:var(--danger)}.pill.open,.pill.under_review,.pill.in_progress{background:#fbbf2426;color:var(--warning)}.pill.resolved,.pill.shipped{background:#34d39926;color:var(--success)}.pill.closed{background:#9aa1b126;color:var(--muted)}.pill.planned{background:#60a5fa26;color:var(--info)}.pill.rejected{background:#f8717126;color:var(--danger)}.detail-panel{display:flex;flex-direction:column;gap:14px;margin-bottom:20px}.thread{display:flex;flex-direction:column;gap:10px}.bubble{border:1px solid var(--border);border-radius:10px;padding:12px 14px;background:var(--panel-2)}.bubble.admin{border-color:#818cf866;background:#818cf814}.bubble .meta{font-size:11px;color:var(--faint);margin-bottom:6px}.bubble p{margin:0;white-space:pre-wrap;font-size:13px}.thumbs{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}.thumbs img{width:64px;height:64px;object-fit:cover;border-radius:8px;border:1px solid var(--border)}.reply-box textarea{width:100%;min-height:80px;background:var(--panel-2);border:1px solid var(--border);border-radius:8px;color:var(--text);padding:10px 12px;font:inherit;resize:vertical}.reply-box select{background:var(--panel-2);border:1px solid var(--border);border-radius:8px;color:var(--text);padding:6px 10px;font:inherit}.back-link{font-size:12px;color:var(--muted);cursor:pointer;background:none;border:none;padding:0;margin-bottom:8px}.back-link:hover{color:var(--text)}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:100%;max-width:360px;background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:32px}.login-card h1{font-size:20px;margin:16px 0 4px}.login-card p.muted{color:var(--muted);font-size:13px;margin:0 0 22px}.field{margin-bottom:14px}.field label{display:block;font-size:12px;color:var(--muted);margin-bottom:6px}.error{color:var(--danger);font-size:13px;margin:4px 0 12px}.muted{color:var(--muted)}.center{text-align:center}.spacer{height:10px}.loading{display:grid;place-items:center;min-height:60vh;color:var(--muted)}.hint{font-size:12px;color:var(--faint);margin-top:10px}