.client-app{--color-bg:#0a0a0b;--color-card:#0e0e10;--color-card-hover:#131316;--color-elevated:#131316;--color-hover:#1a1c1f;--color-border:#ffffff14;--color-border-hover:#ffffff29;--color-fg:#f3f4f6;--color-fg-dim:#d4d4d8;--color-fg-2:#a1a1aa;--color-fg-3:#7c7c86;--color-muted:#a1a1aa;--color-accent:#2563eb;--color-accent-strong:#3b82f6;--color-accent-soft:#2563eb1a;--color-success:#22c55e;font-family:var(--font-body)}.client-app .font-display{font-family:var(--font-body);letter-spacing:-.015em}.client-app .a-primary,.client-app .a-primary:disabled,.client-app a.a-primary{border-radius:2px!important;padding:8px 14px!important;font-size:13px!important;line-height:1.25!important;font-weight:500!important;box-shadow:none!important;transition:background-color .16s ease,border-color .16s ease,color .16s ease,opacity .16s ease!important}.client-app .c-panel{background:var(--color-card)}.client-app .c-elevated,.client-app .c-panel{border:1px solid var(--color-border);border-radius:2px}.client-app .c-elevated{background:var(--color-elevated)}.client-app .c-hover-item{transition:background-color .15s ease}.client-app .c-hover-item:hover{background:rgba(255,255,255,.04)}.client-app .c-hover-item.active,.client-app .c-hover-item.active:hover{background:var(--color-hover)}.client-app .c-input{background:var(--color-elevated);border:1px solid #ffffff14;border-radius:2px;color:var(--color-fg);outline:none;transition:border-color .15s ease,background-color .15s ease}.client-app .c-input::placeholder{color:var(--color-fg-3)}.client-app .c-input:focus{border-color:rgba(37,99,235,.55)}.client-app .c-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:2px;font-size:12px;font-weight:500;color:var(--color-fg-2);background:transparent;border:1px solid transparent;padding:6px 10px;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.client-app .c-btn:hover{color:var(--color-fg);background:rgba(255,255,255,.05)}.client-app .c-btn-ghost{border-color:var(--color-border)}.client-app .c-btn-ghost:hover{background:var(--color-hover);border-color:var(--color-border-hover)}.client-app .c-btn-accent{background:var(--color-accent);color:#fff}.client-app .c-btn-accent:hover{background:var(--color-accent-strong);color:#fff}.client-app .c-btn:disabled{opacity:.45;pointer-events:none}.client-app .c-nav-label{font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--color-fg-3);margin:18px 0 6px;padding:0 12px}.client-app .c-nav-item{position:relative;display:flex;align-items:center;gap:10px;width:100%;padding:7px 12px;border-radius:2px;color:var(--color-fg-2);font-size:13px;font-weight:500;transition:background-color .15s ease,color .15s ease}.client-app .c-nav-item:hover{background:rgba(255,255,255,.04);color:var(--color-fg)}.client-app .c-nav-item.active{background:var(--color-hover);color:var(--color-fg)}.client-app .c-nav-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:16px;border-radius:2px;background:var(--color-accent)}.client-app .c-nav-item .c-nav-icon{color:var(--color-fg-3);transition:color .15s ease}.client-app .c-nav-item.active .c-nav-icon,.client-app .c-nav-item:hover .c-nav-icon{color:var(--color-fg)}.client-app .c-nav-item.active .c-nav-icon{color:var(--color-accent)}.client-app .c-divider{height:1px;background:var(--color-border);border:0}.client-app .c-scroll::-webkit-scrollbar,.client-app ::-webkit-scrollbar{width:8px;height:8px}.client-app .c-scroll::-webkit-scrollbar-track,.client-app ::-webkit-scrollbar-track{background:transparent}.client-app .c-scroll::-webkit-scrollbar-thumb,.client-app ::-webkit-scrollbar-thumb{background:#2a2d31;border-radius:2px}.client-app .c-scroll::-webkit-scrollbar-thumb:hover,.client-app ::-webkit-scrollbar-thumb:hover{background:#3a3e44}@keyframes c-msg-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.client-app .c-msg-in{animation:c-msg-in .18s ease-out both}@keyframes c-pill-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.client-app .c-pill-in{animation:c-pill-in .18s ease-out both}@keyframes c-msg-flash{0%,to{background:transparent}25%{background:rgba(37,99,235,.12)}}.client-app .c-msg-flash{border-radius:2px;animation:c-msg-flash 2s ease-out both}