.cop-app{background:hsl(var(--cop-bg));grid-template-rows:1fr;grid-template-columns:auto 1fr;height:100vh;display:grid;overflow:hidden}.cop-rail{background:hsl(var(--cop-bg-sunken));border-right:1px solid hsl(var(--cop-line));flex-direction:column;align-items:center;gap:4px;width:64px;padding:12px 0;transition:width .18s;display:flex}.cop-rail.expanded{align-items:stretch;width:220px;padding:12px 8px}.cop-rail-mark{background:hsl(var(--cop-bg-2));width:38px;height:38px;color:hsl(var(--cop-fg));letter-spacing:-.04em;border:1px solid hsl(var(--cop-line));border-radius:10px;justify-content:center;align-items:center;margin-bottom:14px;font-size:18px;font-weight:700;display:flex;position:relative}.cop-rail-mark:after{content:"";background:hsl(var(--ai));width:6px;height:6px;box-shadow:0 0 8px hsl(var(--ai-glow));border-radius:50%;position:absolute;bottom:7px;right:7px}.cop-rail-btn{width:40px;height:40px;color:hsl(var(--cop-fg-dim));cursor:pointer;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.cop-rail-btn:hover{background:hsl(var(--cop-bg-2));color:hsl(var(--cop-fg))}.cop-rail-btn.active{background:hsl(var(--cop-bg-2));color:hsl(var(--ai))}.cop-rail-btn.active:after{content:"";background:hsl(var(--ai));border-radius:2px;width:2px;position:absolute;top:8px;bottom:8px;left:-8px}.cop-rail.expanded .cop-rail-btn{justify-content:flex-start;gap:12px;width:100%;height:36px;padding:0 10px}.cop-rail.expanded .cop-rail-btn.active:after{display:none}.cop-rail.expanded .cop-rail-btn.active{background:hsl(var(--ai-soft));color:hsl(var(--ai))}.cop-rail-label{white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:13px;font-weight:500;display:none;overflow:hidden}.cop-rail.expanded .cop-rail-label{display:inline}.cop-rail.expanded .cop-rail-btn[data-tip]:hover:before,.cop-rail.expanded .cop-rail-mark[data-tip]:hover:before{display:none}.cop-rail.expanded .cop-rail-mark{justify-content:flex-start;align-items:center;gap:10px;width:auto;padding:0 12px;font-size:14px;display:flex}.cop-rail.expanded .cop-rail-mark:after{display:none}.cop-rail-mark-text{color:hsl(var(--cop-fg));letter-spacing:-.02em;font-size:14px;font-weight:600;display:none}.cop-rail-mark-text-dot{background:hsl(var(--ai));width:5px;height:5px;box-shadow:0 0 6px hsl(var(--ai-glow));border-radius:50%;margin-left:2px;display:inline-block}.cop-rail.expanded .cop-rail-mark-text{align-items:baseline;gap:1px;display:inline-flex}.cop-rail-toggle{border:1px solid hsl(var(--cop-line));width:24px;height:24px;color:hsl(var(--cop-fg-dim));cursor:pointer;background:0 0;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;margin:6px 0;font-family:inherit;transition:background .15s,color .15s;display:flex}.cop-rail-toggle:hover{background:hsl(var(--cop-bg-2));color:hsl(var(--cop-fg))}.cop-rail-toggle svg{transition:transform .18s}.cop-rail.expanded .cop-rail-toggle{align-self:flex-end}.cop-rail.expanded .cop-rail-toggle svg{transform:rotate(180deg)}.cop-rail.expanded .cop-rail-sep{width:100%;margin:8px 0 4px}.cop-rail.expanded button.cop-rail-avatar{background:hsl(var(--cop-bg-2));border:1px solid hsl(var(--cop-line));border-radius:8px;grid-template-columns:28px 1fr;align-items:center;gap:10px;width:100%;height:44px;padding:0 10px;font-size:12px;display:grid}.cop-rail.expanded button.cop-rail-avatar .cop-rail-avatar-initials{background:linear-gradient(135deg, hsl(var(--go)), hsl(var(--cop-info)));width:28px;height:28px;color:hsl(var(--cop-bg));border-radius:50%;justify-content:center;align-items:center;font-size:11px;font-weight:600;display:flex}.cop-rail-avatar-name{color:hsl(var(--cop-fg));text-align:left;white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:600;display:none;overflow:hidden}.cop-rail-avatar-role{color:hsl(var(--cop-fg-dim));text-align:left;white-space:nowrap;font-size:10.5px;display:none}.cop-rail.expanded .cop-rail-avatar-name,.cop-rail.expanded .cop-rail-avatar-role{display:block}.cop-rail.expanded .cop-rail-avatar-meta{flex-direction:column;min-width:0;display:flex}.cop-rail-avatar-meta{display:none}.cop-rail.expanded .cop-rail-avatar-meta{display:flex}.cop-rail.expanded .cop-user-menu{width:auto;bottom:calc(100% + 8px);left:0;right:0}.cop-rail-spacer{flex:1}.cop-rail-avatar{background:linear-gradient(135deg, hsl(var(--go)), hsl(var(--cop-info)));width:32px;height:32px;color:hsl(var(--cop-bg));border:1.5px solid hsl(var(--cop-bg));box-shadow:0 0 0 2px hsl(var(--go));border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:600;display:flex}.cop-main{flex-direction:column;min-width:0;height:100vh;display:flex;overflow:hidden}.cop-top{border-bottom:1px solid hsl(var(--cop-line));background:hsl(var(--cop-bg));flex-shrink:0;align-items:center;gap:16px;height:52px;padding:10px 18px;display:flex}.cop-top-title{letter-spacing:-.01em;font-size:14px;font-weight:600}.cop-top-crumb{color:hsl(var(--cop-fg-dim));font-size:12px;font-family:var(--mono)}.cop-search{background:hsl(var(--cop-bg-2));border:1px solid hsl(var(--cop-line));border-radius:var(--cop-r);max-width:480px;color:hsl(var(--cop-fg));flex:1;align-items:center;height:32px;padding:6px 10px 6px 30px;font-size:13px;display:flex;position:relative}.cop-search input{color:inherit;background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:13px}.cop-search input::placeholder{color:hsl(var(--cop-fg-faint))}.cop-search-kbd{font-family:var(--mono);color:hsl(var(--cop-fg-dim));border:1px solid hsl(var(--cop-line));border-radius:3px;margin-left:8px;padding:1px 5px;font-size:10px}.cop-search-icon{color:hsl(var(--cop-fg-dim));position:absolute;top:50%;left:10px;transform:translateY(-50%)}.cop-top-spacer{flex:1}.cop-top-action{color:hsl(var(--cop-fg-muted));cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;display:flex}.cop-top-action:hover{background:hsl(var(--cop-bg-2));color:hsl(var(--cop-fg))}.cop-bell{align-items:center;display:inline-flex;position:relative}.cop-bell-btn{width:32px;height:32px;color:hsl(var(--cop-fg-muted));cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;transition:all .1s;display:inline-flex;position:relative}.cop-bell-btn:hover{background:hsl(var(--cop-bg-2));color:hsl(var(--cop-fg));border-color:hsl(var(--cop-line))}.cop-bell-badge{background:hsl(var(--hot));color:#fff;min-width:16px;height:16px;font-size:9.5px;font-weight:700;font-family:var(--mono);border:2px solid hsl(var(--cop-bg));border-radius:8px;justify-content:center;align-items:center;padding:0 4px;display:inline-flex;position:absolute;top:-2px;right:-2px}.cop-bell-panel{background:hsl(var(--cop-bg-1));border:1px solid hsl(var(--cop-line));z-index:200;border-radius:10px;flex-direction:column;min-width:320px;max-width:380px;max-height:min(70vh,480px);display:flex;position:absolute;top:calc(100% + 6px);right:0;overflow:hidden;box-shadow:0 12px 32px #0003}.cop-bell-head{border-bottom:1px solid hsl(var(--cop-line));color:hsl(var(--cop-fg));justify-content:space-between;align-items:center;padding:10px 12px;font-size:12px;font-weight:600;display:flex}.cop-bell-mark-all{color:hsl(var(--cop-info,220 90% 65%));cursor:pointer;background:0 0;border:0;border-radius:4px;padding:2px 4px;font-size:11px;font-weight:600}.cop-bell-mark-all:hover{background:hsl(var(--cop-bg-2))}.cop-bell-mark-all:disabled{opacity:.5;cursor:default}.cop-bell-list{flex:1;overflow-y:auto}.cop-bell-empty{text-align:center;color:hsl(var(--cop-fg-muted));padding:24px 12px;font-size:12px}.cop-bell-item{text-align:left;border:0;border-bottom:1px solid hsl(var(--cop-line));cursor:pointer;width:100%;color:hsl(var(--cop-fg));background:0 0;padding:10px 12px;transition:background .1s;display:block}.cop-bell-item:hover{background:hsl(var(--cop-bg-2))}.cop-bell-item.unread{background:hsl(var(--cop-info,220 90% 65%) / .06)}.cop-bell-item.unread:hover{background:hsl(var(--cop-info,220 90% 65%) / .1)}.cop-bell-item-msg{color:hsl(var(--cop-fg));font-size:12.5px;line-height:1.4}.cop-bell-item.unread .cop-bell-item-msg{font-weight:600}.cop-bell-item-meta{color:hsl(var(--cop-fg-muted));font-size:10.5px;font-family:var(--mono);margin-top:4px}.cop-ai-pulse{font-family:var(--mono);color:hsl(var(--ai));letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:6px;font-size:11px;display:inline-flex}.cop-ai-pulse-dot{background:hsl(var(--ai));width:7px;height:7px;box-shadow:0 0 0 0 hsl(var(--ai));border-radius:50%;animation:1.8s ease-out infinite copPulse}@keyframes copPulse{0%{box-shadow:0 0 0 0 hsl(var(--ai) / .7)}70%{box-shadow:0 0 0 8px hsl(var(--ai) / 0)}to{box-shadow:0 0 0 0 hsl(var(--ai) / 0)}}.cop-body{background:hsl(var(--cop-bg));min-height:0;color:hsl(var(--cop-fg));flex:1;overflow:auto}.cop-rail-btn[data-tip],.cop-rail-mark[data-tip]{position:relative}.cop-rail-btn[data-tip]:hover:before,.cop-rail-mark[data-tip]:hover:before{content:attr(data-tip);background:hsl(var(--cop-bg-3));border:1px solid hsl(var(--cop-line-strong));color:hsl(var(--cop-fg));white-space:nowrap;z-index:100;pointer-events:none;border-radius:6px;padding:5px 9px;font-size:11.5px;font-weight:500;position:absolute;top:50%;left:calc(100% + 12px);transform:translateY(-50%);box-shadow:0 4px 12px #0006}.cop-rail-sep{background:hsl(var(--cop-line));width:28px;height:1px;margin:6px 0}button.cop-rail-btn,a.cop-rail-btn{background:0 0;border:none;font-family:inherit;text-decoration:none}.cop-rail-btn .cop-rail-dot{background:hsl(var(--hot));border:1px solid hsl(var(--cop-bg-sunken));border-radius:50%;width:7px;height:7px;position:absolute;top:6px;right:6px}button.cop-rail-avatar{border:1.5px solid hsl(var(--cop-bg));cursor:pointer;font-family:inherit;position:relative}button.cop-rail-avatar:hover{filter:brightness(1.1)}.cop-user-menu{background:hsl(var(--cop-bg-1));border:1px solid hsl(var(--cop-line));border-radius:var(--cop-r);z-index:100;width:240px;padding:8px 0;font-size:13px;position:absolute;bottom:0;left:calc(100% + 12px);box-shadow:0 12px 40px #00000080}.cop-user-menu-head{border-bottom:1px solid hsl(var(--cop-line));margin-bottom:6px;padding:8px 14px 10px}.cop-user-menu-name{color:hsl(var(--cop-fg));font-weight:600}.cop-user-menu-meta{color:hsl(var(--cop-fg-dim));margin-top:2px;font-size:11.5px}.cop-user-menu-item{width:100%;color:hsl(var(--cop-fg-muted));cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;padding:7px 14px;font-family:inherit;font-size:12.5px;display:flex}.cop-user-menu-item:hover{background:hsl(var(--cop-bg-2));color:hsl(var(--cop-fg))}.cop-user-menu-item.danger{color:hsl(var(--hot))}.cop-user-menu-item.danger:hover{background:hsl(var(--hot-soft))}.cop-user-menu-section{border-top:1px solid hsl(var(--cop-line));border-bottom:1px solid hsl(var(--cop-line));gap:8px;margin:6px 0;padding:8px 14px;display:grid}.cop-user-menu-section-label{font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;color:hsl(var(--cop-fg-dim));font-size:10px}.cop-theme-row{gap:6px;display:flex}.cop-theme-pick{background:hsl(var(--cop-bg-2));border:1px solid hsl(var(--cop-line));color:hsl(var(--cop-fg-dim));cursor:pointer;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:6px;padding:6px 8px;font-family:inherit;font-size:11.5px;display:inline-flex}.cop-theme-pick:hover{color:hsl(var(--cop-fg))}.cop-theme-pick.on{background:hsl(var(--ai));border-color:hsl(var(--ai));color:hsl(var(--cop-bg));font-weight:600}.cop-accent-row{align-items:center;gap:6px;display:flex}.cop-accent-swatch{border:2px solid hsl(var(--cop-bg-1));outline:1px solid hsl(var(--cop-line));cursor:pointer;border-radius:50%;width:18px;height:18px;padding:0;transition:transform .15s,outline-color .15s}.cop-accent-swatch:hover{transform:scale(1.1)}.cop-accent-swatch.on{outline:2px solid hsl(var(--cop-fg));outline-offset:1px;transform:scale(1.1)}button.cop-search{text-align:left;cursor:pointer;width:100%;font-family:inherit}button.cop-search:hover{background:hsl(var(--cop-bg-3))}button.cop-search span.placeholder{color:hsl(var(--cop-fg-dim));font-size:13px}
:where(.cop-page){background:hsl(var(--cop-bg));color:hsl(var(--cop-fg))}:where(.cop-page) h1,:where(.cop-page) h2,:where(.cop-page) h3{color:hsl(var(--cop-fg));letter-spacing:-.015em}:where(.cop-page) h1{font-size:20px;font-weight:600}:where(.cop-page) h2{font-size:16px;font-weight:600}:where(.cop-page) h3{font-size:13px;font-weight:600}:where(.cop-page) input[type=text],:where(.cop-page) input[type=email],:where(.cop-page) input[type=tel],:where(.cop-page) input[type=search],:where(.cop-page) input[type=password],:where(.cop-page) input[type=number],:where(.cop-page) input[type=date],:where(.cop-page) input:not([type]),:where(.cop-page) select,:where(.cop-page) textarea{background:hsl(var(--cop-bg-2));border:1px solid hsl(var(--cop-line));color:hsl(var(--cop-fg));border-radius:var(--cop-r)}:where(.cop-page) input:focus,:where(.cop-page) select:focus,:where(.cop-page) textarea:focus{border-color:hsl(var(--ai) / .5);box-shadow:0 0 0 2px hsl(var(--ai) / .15);outline:none}:where(.cop-page) input::placeholder,:where(.cop-page) textarea::placeholder{color:hsl(var(--cop-fg-faint))}:where(.cop-page) table{border-color:hsl(var(--cop-line));color:hsl(var(--cop-fg))}:where(.cop-page) table thead{background:hsl(var(--cop-bg-1));color:hsl(var(--cop-fg-muted))}:where(.cop-page) table th,:where(.cop-page) table td{border-color:hsl(var(--cop-line))}:where(.cop-page) table tbody tr:hover{background:hsl(var(--cop-bg-2))}:where(.cop-page) .bg-white,[data-cop=dark] :where(.cop-page) .bg-gray-50,[data-cop=dark] :where(.cop-page) .bg-gray-100,[data-cop=dark] :where(.cop-page) .bg-slate-50,[data-cop=dark] :where(.cop-page) .bg-zinc-50,[data-cop=dark] :where(.cop-page) .bg-neutral-50{background-color:hsl(var(--cop-bg-1));border-color:hsl(var(--cop-line))}[data-cop=dark] :where(.cop-page) .bg-white,[data-cop=dark] :where(.cop-page) .bg-gray-50,[data-cop=dark] :where(.cop-page) .bg-gray-100,[data-cop=dark] :where(.cop-page) .bg-slate-50,[data-cop=dark] :where(.cop-page) .bg-zinc-50,[data-cop=dark] :where(.cop-page) .bg-neutral-50{--txt:hsl(var(--cop-fg));--txt2:hsl(var(--cop-fg-muted));--txt3:hsl(var(--cop-fg-dim))}[data-cop=dark] [style*="background: white"],[data-cop=dark] [style*=background\:white],[data-cop=dark] [style*="background: #fff"],[data-cop=dark] [style*="background:#fff"],[data-cop=dark] [style*="background: #FFF"],[data-cop=dark] [style*="background:#FFF"],[data-cop=dark] [style*="background: rgb(255, 255, 255)"],[data-cop=dark] [style*="background: var(--bg)"],[data-cop=dark] [style*="background:var(--bg)"],[data-cop=dark] [style*="background: var(--white)"],[data-cop=dark] [style*="background:var(--white)"],[data-cop=dark] [style*="background-color: white"],[data-cop=dark] [style*=background-color\:white],[data-cop=dark] [style*="background-color: #fff"],[data-cop=dark] [style*="background-color:#fff"]{color:#0f172a;--txt:#0f172a;--txt2:#475569;--txt3:#94a3b8}[data-cop=dark] input[style*="background: white"]::placeholder,[data-cop=dark] input[style*=background\:white]::placeholder,[data-cop=dark] input[style*="background: #fff"]::placeholder,[data-cop=dark] input[style*="background:#fff"]::placeholder,[data-cop=dark] textarea[style*="background: white"]::placeholder,[data-cop=dark] textarea[style*=background\:white]::placeholder,[data-cop=dark] textarea[style*="background: #fff"]::placeholder,[data-cop=dark] textarea[style*="background:#fff"]::placeholder{color:#94a3b8;opacity:1}[data-cop=dark] :where(.cop-page) .bg-white h1,[data-cop=dark] :where(.cop-page) .bg-white h2,[data-cop=dark] :where(.cop-page) .bg-white h3,[data-cop=dark] :where(.cop-page) .bg-white h4{color:hsl(var(--cop-fg))}[data-cop=dark] button[style*="background: white"],[data-cop=dark] button[style*=background\:white],[data-cop=dark] button[style*="background: #fff"],[data-cop=dark] button[style*="background:#fff"]{color:#0f172a}[data-cop=dark] button[style*="background: white"][style*="var(--txt2)"],[data-cop=dark] button[style*=background\:white][style*="var(--txt2)"]{--txt2:#475569}[data-cop=dark] :where(.cop-page) button.bg-white{color:#0f172a}[data-cop=dark] :where(.cop-page) .bg-white,[data-cop=dark] :where(.cop-page) .bg-gray-50,[data-cop=dark] :where(.cop-page) .bg-gray-100,[data-cop=dark] :where(.cop-page) .bg-slate-50,[data-cop=dark] :where(.cop-page) .bg-zinc-50,[data-cop=dark] :where(.cop-page) .bg-neutral-50{--row-hover-bg:hsl(var(--cop-bg-2));--row-selected-bg:#36e2dd2e;--row-selected-fg:hsl(var(--cop-fg));--current-user-border:1px solid #36e2dd99;--btn-outline-hover-bg:hsl(var(--cop-bg-2));--thead-bg:hsl(var(--cop-bg-2))}.cop-page-section-title{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:hsl(var(--cop-fg-dim));align-items:center;gap:10px;margin:16px 0 8px;font-size:11px;display:flex}.cop-page-section-title:after{content:"";background:hsl(var(--cop-line));flex:1;height:1px}