:root{--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-mono:"SF Mono","Fira Code","Fira Mono",Menlo,monospace;--text-xs:0.75rem;--text-sm:0.8125rem;--text-base:0.875rem;--text-md:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.625;--weight-normal:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--space-0:0;--space-0-5:2px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--radius-xl2:16px;--radius-full:9999px;--shadow-xs:0 1px 2px rgba(0,0,0,.04);--shadow-sm:0 1px 3px rgba(0,0,0,.06),0 1px 2px rgba(0,0,0,.04);--shadow-md:0 4px 6px rgba(0,0,0,.06),0 2px 4px rgba(0,0,0,.04);--shadow-lg:0 10px 15px rgba(0,0,0,.06),0 4px 6px rgba(0,0,0,.04);--shadow-xl:0 20px 25px rgba(0,0,0,.08),0 10px 10px rgba(0,0,0,.04);--duration-fast:100ms;--duration-normal:200ms;--duration-slow:300ms;--duration-slower:500ms;--ease-default:cubic-bezier(0.4,0,0.2,1);--ease-in:cubic-bezier(0.4,0,1,1);--ease-out:cubic-bezier(0,0,0.2,1);--color-accent-primary:#6e56cf;--color-accent-primary-hover:#5b44b2;--color-success-light:#2d7d46;--color-success-dark:#3db95e;--color-warning-light:#c17a1a;--color-warning-dark:#e5a236;--color-error-light:#cd3131;--color-error-dark:#f14c4c;--color-info-light:#3b82f6;--color-info-dark:#60a5fa;--color-bg-primary:#fff;--color-bg-secondary:#fafafa;--color-bg-tertiary:#f5f5f5;--color-bg-input:#f5f5f5;--color-bg-elevated:#fff;--color-bg-message-sent:#f0f0f0;--color-bg-message-received:#fff;--color-text-primary:#171717;--color-text-secondary:#737373;--color-text-tertiary:#a3a3a3;--color-border-primary:#e5e5e5;--color-border-secondary:#f0f0f0;--color-accent-subtle:#f3f0ff;--color-success:#2d7d46;--color-warning:#c17a1a;--color-error:#cd3131;--color-info:#3b82f6}@media (prefers-color-scheme:dark){:root{--color-bg-primary:#161616;--color-bg-secondary:#1c1c1c;--color-bg-tertiary:#232323;--color-bg-input:#232323;--color-bg-elevated:#1c1c1c;--color-bg-message-sent:#2a2a2a;--color-bg-message-received:#1c1c1c;--color-text-primary:#ededed;--color-text-secondary:#8c8c8c;--color-text-tertiary:#5c5c5c;--color-border-primary:#2a2a2a;--color-border-secondary:#232323;--color-accent-subtle:#251f3a;--color-success:#3db95e;--color-warning:#e5a236;--color-error:#f14c4c;--color-info:#60a5fa;--shadow-xs:0 1px 2px rgba(0,0,0,.2);--shadow-sm:0 1px 3px rgba(0,0,0,.3),0 1px 2px rgba(0,0,0,.2);--shadow-md:0 4px 6px rgba(0,0,0,.3),0 2px 4px rgba(0,0,0,.2);--shadow-lg:0 10px 15px rgba(0,0,0,.3),0 4px 6px rgba(0,0,0,.2);--shadow-xl:0 20px 25px rgba(0,0,0,.4),0 10px 10px rgba(0,0,0,.2)}}*{box-sizing:border-box}body,html{margin:0;padding:0}body{min-height:100vh;font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text-primary);background:var(--color-bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input,select,textarea{font:inherit;color:inherit}h1,h2,h3,h4,p,pre,ul{margin:0}ul{list-style:none;padding:0}a{color:var(--color-accent-primary);text-decoration:none}a:hover{text-decoration:underline}pre{overflow-x:auto;background:var(--color-bg-tertiary);border-radius:var(--radius-md);padding:var(--space-3);font-family:var(--font-mono);font-size:var(--text-xs)}::selection{background:var(--color-accent-primary);color:#fff}button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);background:var(--color-bg-primary);color:var(--color-text-primary);padding:var(--space-2) var(--space-4);cursor:pointer;font-weight:var(--weight-medium);font-size:var(--text-sm);transition:all var(--duration-normal) var(--ease-default);white-space:nowrap}button:hover{background:var(--color-bg-tertiary);border-color:var(--color-text-tertiary)}button:active{transform:scale(.98)}button:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}button.btn-primary{background:var(--color-accent-primary);color:#fff;border-color:var(--color-accent-primary)}button.btn-primary:hover{background:var(--color-accent-primary-hover);border-color:var(--color-accent-primary-hover)}button.btn-ghost{background:transparent;border-color:transparent}button.btn-ghost:hover{background:var(--color-bg-tertiary)}button.btn-danger{color:var(--color-error);border-color:var(--color-error)}button.btn-danger:hover{background:var(--color-error);color:#fff}a.link-button{display:inline-flex;align-items:center;gap:var(--space-2);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);background:var(--color-bg-primary);color:var(--color-text-primary);padding:var(--space-2) var(--space-4);cursor:pointer;text-decoration:none;font-weight:var(--weight-medium);font-size:var(--text-sm);transition:all var(--duration-normal) var(--ease-default)}a.link-button:hover{background:var(--color-bg-tertiary);border-color:var(--color-text-tertiary);text-decoration:none}input,select,textarea{width:100%;height:48px;border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);background:var(--color-bg-input);color:var(--color-text-primary);font-size:var(--text-base);transition:border-color var(--duration-normal) var(--ease-default),box-shadow var(--duration-normal) var(--ease-default)}textarea{height:auto;min-height:48px}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-accent-primary);box-shadow:0 0 0 3px rgba(110,86,207,.15)}input::placeholder,textarea::placeholder{color:var(--color-text-tertiary)}.input-group{position:relative}.input-group .input-icon{position:absolute;left:var(--space-4);top:50%;transform:translateY(-50%);color:var(--color-text-tertiary);pointer-events:none;display:flex;align-items:center}.input-group input{padding-left:var(--space-10)}label{display:grid;grid-gap:var(--space-1);gap:var(--space-1);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-secondary)}.app-shell{max-width:1460px;margin:0 auto;min-height:100vh;padding:var(--space-5);display:grid;grid-gap:var(--space-4);gap:var(--space-4)}.auth-shell{align-content:center;justify-items:center;gap:var(--space-6)}.auth-branding{text-align:center;display:grid;grid-gap:var(--space-2);gap:var(--space-2);justify-items:center}.auth-logo{font-size:3rem;line-height:1}.auth-title{font-size:var(--text-3xl);font-weight:var(--weight-bold);color:var(--color-text-primary)}.auth-subtitle{font-size:var(--text-md);color:var(--color-text-secondary);max-width:360px}.loading-shell{display:flex;align-items:center;justify-content:center}.loading-spinner-container{display:grid;grid-gap:var(--space-4);gap:var(--space-4);justify-items:center}.loading-spinner{width:32px;height:32px;border:3px solid var(--color-border-primary);border-top-color:var(--color-accent-primary);border-radius:var(--radius-full);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.loading-text{font-size:var(--text-sm);color:var(--color-text-secondary)}.app-layout{display:grid;grid-template-columns:220px 1fr;min-height:100dvh}.app-sidebar{position:-webkit-sticky;position:sticky;top:0;height:100dvh;display:flex;flex-direction:column;padding:var(--space-4);border-right:1px solid var(--color-border-primary);background:var(--color-bg-secondary);overflow-y:auto}.sidebar-brand{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);margin-bottom:var(--space-4)}.brand-icon{font-size:1.5rem;line-height:1}.brand-name{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--color-text-primary)}.sidebar-nav{display:flex;flex-direction:column;gap:var(--space-1);flex:1 1}.sidebar-nav-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border:none;border-radius:var(--radius-lg);background:transparent;color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;transition:all var(--duration-normal) var(--ease-default);text-align:left;justify-content:flex-start;width:100%}.sidebar-nav-item:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.sidebar-nav-item.active{background:var(--color-accent-subtle);color:var(--color-accent-primary)}.sidebar-nav-item .nav-icon{font-size:1.1rem;line-height:1;width:24px;text-align:center;flex-shrink:0}.sidebar-nav-item .nav-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);border-top:1px solid var(--color-border-primary);margin-top:var(--space-2)}.sidebar-username{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-main{min-height:100dvh;overflow:hidden}.mobile-nav{display:none;position:fixed;bottom:0;left:0;right:0;z-index:100;background:var(--color-bg-elevated);border-top:1px solid var(--color-border-primary);padding:var(--space-1) 0;padding-bottom:env(safe-area-inset-bottom,0)}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;gap:2px;border:none;background:transparent;color:var(--color-text-tertiary);font-size:10px;font-weight:var(--weight-medium);padding:var(--space-1) var(--space-2);cursor:pointer;flex:1 1}.mobile-nav-item .nav-icon{font-size:1.25rem;line-height:1}.mobile-nav-item.active{color:var(--color-accent-primary)}.toast-container{position:fixed;bottom:var(--space-6);left:50%;transform:translateX(-50%);z-index:1000;animation:toast-in var(--duration-slow) var(--ease-out)}.toast{min-width:200px;max-width:400px;box-shadow:var(--shadow-lg)}@keyframes toast-in{0%{opacity:0;transform:translateX(-50%) translateY(10px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.shell-header{display:grid;grid-gap:var(--space-3);gap:var(--space-3)}.shell-content{display:grid;grid-gap:var(--space-4);gap:var(--space-4)}.auth-card{width:min(420px,100%);display:grid;grid-gap:var(--space-5);gap:var(--space-5);box-shadow:var(--shadow-lg)}.auth-card,.hero-card{border:1px solid var(--color-border-primary);border-radius:var(--radius-xl);background:var(--color-bg-elevated);padding:var(--space-8)}.hero-card{width:min(56rem,100%);box-shadow:var(--shadow-md)}.panel-header{display:grid;grid-gap:var(--space-2);gap:var(--space-2)}.panel-header.compact{gap:var(--space-1)}.panel-header p{color:var(--color-text-secondary);font-size:var(--text-sm)}.inline-form,.panel-form{display:grid;grid-gap:var(--space-4);gap:var(--space-4)}.action-row{display:flex;justify-content:flex-end;gap:var(--space-3)}.tab-row{display:flex;flex-wrap:wrap;gap:var(--space-1);background:var(--color-bg-tertiary);padding:var(--space-1);border-radius:var(--radius-lg)}.tab-row button{border:none;border-radius:var(--radius-md);background:transparent;color:var(--color-text-secondary);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--weight-medium);transition:all var(--duration-normal) var(--ease-default)}.tab-row button:hover{color:var(--color-text-primary);background:transparent}.tab-row button.active{background:var(--color-bg-elevated);color:var(--color-text-primary);box-shadow:var(--shadow-sm)}.chat-layout{display:grid;grid-gap:var(--space-4);gap:var(--space-4);grid-template-columns:280px minmax(0,1fr) 280px;height:calc(100vh - 120px)}.chat-sidebar,.chat-sidepanel,.chat-thread{border:1px solid var(--color-border-primary);border-radius:var(--radius-xl);background:var(--color-bg-elevated);padding:var(--space-4);display:grid;grid-gap:var(--space-3);gap:var(--space-3);align-content:start;overflow:hidden}.conversation-list{display:grid;grid-gap:var(--space-1);gap:var(--space-1);overflow-y:auto}.conversation-row{width:100%;text-align:left;display:grid;grid-gap:var(--space-0-5);gap:var(--space-0-5);padding:var(--space-3);border:1px solid transparent;border-radius:var(--radius-lg);transition:all var(--duration-normal) var(--ease-default)}.conversation-row:hover{background:var(--color-bg-tertiary)}.conversation-row small{color:var(--color-text-tertiary);font-size:var(--text-xs)}.conversation-row.active{border-color:var(--color-accent-primary);background:var(--color-accent-subtle)}.message-list{border:1px solid var(--color-border-secondary);background:var(--color-bg-secondary);min-height:200px;overflow-y:auto;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3);position:relative}.message-list,.message-row{border-radius:var(--radius-xl)}.message-row{max-width:75%;padding:var(--space-3) var(--space-4);display:grid;grid-gap:var(--space-1);gap:var(--space-1);align-self:flex-start;background:var(--color-bg-message-received);border:1px solid var(--color-border-secondary)}.message-row.own{align-self:flex-end;background:var(--color-bg-message-sent);border-color:var(--color-border-secondary)}.message-row header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2)}.message-row small,.muted,.typing-line{color:var(--color-text-tertiary);font-size:var(--text-xs)}.message-body{font-size:var(--text-base);line-height:var(--leading-relaxed);word-break:break-word}.message-actions{display:grid;grid-gap:var(--space-2);gap:var(--space-2)}.typing-indicator{display:inline-flex;align-items:center;gap:4px;padding:var(--space-3) var(--space-4);background:var(--color-bg-message-received);border:1px solid var(--color-border-secondary);border-radius:var(--radius-xl);align-self:flex-start}.typing-indicator .dot{width:8px;height:8px;border-radius:var(--radius-full);background:var(--color-text-tertiary);animation:typing-pulse 1.4s ease-in-out infinite}.typing-indicator .dot:nth-child(2){animation-delay:.2s}.typing-indicator .dot:nth-child(3){animation-delay:.4s}@keyframes typing-pulse{0%,60%,to{opacity:.3;transform:scale(.8)}30%{opacity:1;transform:scale(1)}}.composer{display:grid;grid-gap:var(--space-2);gap:var(--space-2)}.composer textarea{resize:none;min-height:48px;max-height:200px;border-radius:var(--radius-xl)}.emoji-row,.inline-buttons{display:flex;flex-wrap:wrap;gap:var(--space-2)}.reaction-strip{display:flex;gap:var(--space-1);flex-wrap:wrap}.reaction-pill{border:1px solid var(--color-border-primary);border-radius:var(--radius-full);padding:2px var(--space-2);background:var(--color-bg-tertiary);font-size:var(--text-xs);transition:all var(--duration-normal) var(--ease-default)}.reaction-pill:hover{border-color:var(--color-accent-primary)}.detail-card,.feed-card,.settings-layout>*{border:1px solid var(--color-border-primary);border-radius:var(--radius-xl);background:var(--color-bg-elevated);transition:all var(--duration-normal) var(--ease-default)}.detail-card:hover,.feed-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-border-primary)}.agent-events,.approval-list,.bridge-list,.feed-list,.market-list,.page-list,.rating-list,.version-list{display:grid;grid-gap:var(--space-2);gap:var(--space-2)}.agent-events li,.approval-card,.bridge-list li,.detail-card,.feed-card,.market-row,.page-row,.rating-list li,.version-list li{border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);padding:var(--space-4)}.agent-events{max-height:20rem;overflow-y:auto}.feed-grid,.feed-layout,.market-grid,.market-layout,.pages-grid,.pages-layout,.settings-grid,.settings-layout{display:grid;grid-gap:var(--space-4);gap:var(--space-4)}.feed-grid,.market-grid,.pages-grid,.settings-grid{grid-template-columns:minmax(0,1fr) minmax(0,320px)}.market-row,.page-row{width:100%;text-align:left;display:grid;grid-gap:var(--space-1);gap:var(--space-1);background:var(--color-bg-elevated);cursor:pointer;transition:all var(--duration-normal) var(--ease-default)}.market-row:hover,.page-row:hover{background:var(--color-bg-tertiary)}.market-row.active,.page-row.active{border-color:var(--color-accent-primary);background:var(--color-accent-subtle)}.pages-columns{display:grid;grid-gap:var(--space-4);gap:var(--space-4);grid-template-columns:350px minmax(0,1fr)}.pages-sidebar{align-content:start;overflow-y:auto;max-height:calc(100vh - 180px)}.pages-create-form,.pages-sidebar{display:grid;grid-gap:var(--space-3);gap:var(--space-3)}.pages-create-form{padding:var(--space-4)}.pages-create-form,.pages-empty-state{border:1px solid var(--color-border-primary);border-radius:var(--radius-xl);background:var(--color-bg-elevated)}.pages-empty-state{padding:var(--space-8);text-align:center;display:grid;grid-gap:var(--space-2);gap:var(--space-2);color:var(--color-text-secondary)}.page-card-title{font-size:var(--text-md);font-weight:var(--weight-medium)}.page-card-slug{font-size:var(--text-xs);color:var(--color-text-secondary)}.page-card-deploy-url{font-size:var(--text-xs);color:var(--color-accent-primary);cursor:pointer}.page-card-deploy-url:hover{text-decoration:underline}.page-card-date{font-size:var(--text-xs);color:var(--color-text-tertiary)}.page-card-skeleton{border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);padding:var(--space-4)}.page-version-pill{font-size:var(--text-xs);background:var(--color-bg-tertiary)}.page-visibility-pill.public{color:var(--color-success);border-color:var(--color-success)}.page-visibility-pill.unlisted{color:var(--color-warning);border-color:var(--color-warning)}.page-visibility-pill.private{color:var(--color-error);border-color:var(--color-error)}.pages-detail-panel{border:1px solid var(--color-border-primary);border-radius:var(--radius-xl);background:var(--color-bg-elevated);padding:var(--space-5);overflow-y:auto;max-height:calc(100vh - 180px)}.pages-detail-form{display:grid;grid-gap:var(--space-4);gap:var(--space-4)}.pages-detail-header,.pages-detail-meta{display:grid;grid-gap:var(--space-2);gap:var(--space-2)}.pages-detail-meta{padding:var(--space-3) 0;border-top:1px solid var(--color-border-secondary)}.pages-meta-row{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-sm)}.pages-meta-label{color:var(--color-text-tertiary);min-width:80px;flex-shrink:0;font-weight:var(--weight-medium)}.pages-meta-value{color:var(--color-text-secondary);word-break:break-all}.pages-versions-section{border-top:1px solid var(--color-border-secondary);padding-top:var(--space-4);display:grid;grid-gap:var(--space-3);gap:var(--space-3)}.pages-versions-section h4{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-secondary)}.pages-empty-detail{display:grid;place-items:center;min-height:200px}.pill-row{display:flex;flex-wrap:wrap;gap:var(--space-1)}.pill{border:1px solid var(--color-border-primary);padding:2px var(--space-3);font-size:var(--text-xs);color:var(--color-text-secondary);font-weight:var(--weight-medium)}.pill,.progress-track{border-radius:var(--radius-full);background:var(--color-bg-tertiary)}.progress-track{width:100%;height:6px;overflow:hidden}.progress-fill{height:100%;background:var(--color-accent-primary);border-radius:var(--radius-full);transition:width var(--duration-slow) var(--ease-default)}.info-banner{border-radius:var(--radius-lg);border:1px solid var(--color-info);background:color-mix(in srgb,var(--color-info) 10%,var(--color-bg-primary));color:var(--color-info)}.error-banner,.info-banner{padding:var(--space-3) var(--space-4);font-size:var(--text-sm)}.error-banner{border-radius:var(--radius-lg);border:1px solid var(--color-error);background:color-mix(in srgb,var(--color-error) 10%,var(--color-bg-primary));color:var(--color-error)}.warning-banner{border-radius:var(--radius-lg);border:1px solid var(--color-warning);background:color-mix(in srgb,var(--color-warning) 10%,var(--color-bg-primary));color:var(--color-warning)}.success-banner,.warning-banner{padding:var(--space-3) var(--space-4);font-size:var(--text-sm)}.success-banner{border-radius:var(--radius-lg);border:1px solid var(--color-success);background:color-mix(in srgb,var(--color-success) 10%,var(--color-bg-primary));color:var(--color-success)}.avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:var(--color-accent-subtle);color:var(--color-accent-primary);font-weight:var(--weight-semibold);font-size:var(--text-sm);flex-shrink:0;overflow:hidden}.avatar.avatar-sm{width:28px;height:28px;font-size:var(--text-xs)}.avatar.avatar-md{width:36px;height:36px;font-size:var(--text-sm)}.avatar.avatar-lg{width:48px;height:48px;font-size:var(--text-md)}.avatar.avatar-xl{width:64px;height:64px;font-size:var(--text-xl)}.avatar img{width:100%;height:100%;object-fit:cover}.status-dot{width:8px;height:8px;border-radius:var(--radius-full);background:var(--color-text-tertiary);flex-shrink:0}.status-dot.online{background:var(--color-success);animation:status-pulse 2s ease-in-out infinite}.status-dot.busy{background:var(--color-warning)}.status-dot.error{background:var(--color-error)}@keyframes status-pulse{0%,to{opacity:1}50%{opacity:.5}}.streaming-cursor{display:inline-block;width:2px;height:1.1em;background:var(--color-accent-primary);margin-left:2px;vertical-align:text-bottom;animation:cursor-blink 1s step-end infinite}@keyframes cursor-blink{0%,to{opacity:1}50%{opacity:0}}.skeleton{background:var(--color-bg-tertiary);border-radius:var(--radius-md);position:relative;overflow:hidden}.skeleton:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0,var(--color-bg-secondary) 50%,transparent 100%);animation:skeleton-shimmer 1.5s ease-in-out infinite}@keyframes skeleton-shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.scroll-to-bottom{position:absolute;bottom:var(--space-4);left:50%;transform:translateX(-50%);display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-4);background:var(--color-bg-elevated);border:1px solid var(--color-border-primary);border-radius:var(--radius-full);box-shadow:var(--shadow-md);font-size:var(--text-xs);color:var(--color-text-secondary);cursor:pointer;transition:all var(--duration-normal) var(--ease-default);z-index:10}.scroll-to-bottom:hover{background:var(--color-bg-tertiary);box-shadow:var(--shadow-lg)}@media (max-width:1100px){.app-layout{grid-template-columns:64px 1fr}.sidebar-brand .brand-name,.sidebar-nav-item .nav-label,.sidebar-username{display:none}.sidebar-brand{justify-content:center;padding:var(--space-2)}.sidebar-nav-item{padding:var(--space-3)}.sidebar-nav-item,.sidebar-user{justify-content:center}.chat-layout{grid-template-columns:1fr;height:auto}.chat-sidebar,.chat-sidepanel{max-height:300px;overflow-y:auto}.feed-grid,.market-grid,.pages-columns,.pages-grid,.settings-grid{grid-template-columns:1fr}.pages-detail-panel,.pages-sidebar{max-height:none}}@media (max-width:768px){.app-layout{grid-template-columns:1fr;padding-bottom:72px}.app-sidebar{display:none}.mobile-nav{display:flex}.app-shell{padding:var(--space-3)}.auth-card{padding:var(--space-5)}.message-row{max-width:90%}.toast-container{bottom:80px}}@media (max-width:480px){.app-shell{padding:var(--space-2)}.auth-card{padding:var(--space-4);border-radius:var(--radius-lg)}.tab-row{overflow-x:auto;flex-wrap:nowrap}.tab-row button{flex-shrink:0}}.agents-view{padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-5);max-width:960px;margin:0 auto;width:100%}.agents-view .view-header{display:flex;align-items:center;justify-content:space-between}.agents-view .view-title{font-size:var(--text-xl);font-weight:600;color:var(--color-text-primary)}.agents-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:var(--space-4);gap:var(--space-4)}.agent-card{border:1px solid var(--color-border-primary);border-radius:var(--radius-xl);background:var(--color-bg-elevated);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3);transition:box-shadow .15s ease,border-color .15s ease}.agent-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-accent-primary)}.agent-card-header{display:flex;align-items:center;gap:var(--space-3)}.agent-card-avatar .avatar-img{width:36px;height:36px;border-radius:50%;object-fit:cover}.agent-card-info{flex:1 1;min-width:0}.agent-card-name{font-size:var(--text-base);font-weight:600;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.agent-card-model{font-size:var(--text-xs);color:var(--color-text-secondary)}.agent-visibility-badge{font-size:var(--text-xs);padding:2px 8px;border-radius:var(--radius-full);font-weight:500;text-transform:capitalize}.agent-visibility-badge.public{background:rgba(110,86,207,.1);color:var(--color-accent-primary)}.agent-visibility-badge.unlisted{background:rgba(255,170,0,.1);color:#b37700}.agent-visibility-badge.private{background:hsla(0,0%,59%,.1);color:var(--color-text-secondary)}.agent-card-description{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.agent-card-footer{display:flex;gap:var(--space-3);flex-wrap:wrap}.agent-card-stat{font-size:var(--text-xs);color:var(--color-text-tertiary);background:var(--color-bg-secondary);padding:2px 8px;border-radius:var(--radius-md)}.empty-state{border:1px solid var(--color-border-primary);border-radius:var(--radius-xl);background:var(--color-bg-elevated);padding:var(--space-8);text-align:center}.empty-state-text{color:var(--color-text-secondary);font-size:var(--text-sm)}.ab-layout{display:flex;height:100%;overflow:hidden}.ab-sidebar{width:280px;min-width:280px;border-right:1px solid var(--color-border-primary);display:flex;flex-direction:column;overflow-y:auto}.ab-sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);border-bottom:1px solid var(--color-border-secondary)}.ab-sidebar-title{font-size:var(--text-base);font-weight:600}.ab-agent-list{flex:1 1;overflow-y:auto;padding:var(--space-2);gap:var(--space-1)}.ab-agent-card,.ab-agent-list{display:flex;flex-direction:column}.ab-agent-card{gap:var(--space-2);padding:var(--space-3);border:1px solid transparent;border-radius:var(--radius-lg);background:transparent;cursor:pointer;text-align:left;width:100%;transition:background var(--duration-fast) ease,border-color var(--duration-fast) ease}.ab-agent-card:hover{background:var(--color-bg-secondary)}.ab-agent-card.selected{background:var(--color-accent-subtle);border-color:var(--color-accent-primary)}.ab-agent-card-top{display:flex;align-items:center;gap:var(--space-2)}.ab-agent-card-info{flex:1 1;min-width:0}.ab-agent-card-name{font-size:var(--text-sm);font-weight:600;color:var(--color-text-primary);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ab-agent-card-model{font-size:var(--text-xs);color:var(--color-text-tertiary)}.ab-agent-card-desc{font-size:var(--text-xs);color:var(--color-text-secondary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ab-main{flex:1 1;overflow-y:auto;padding:var(--space-6)}.ab-form-container{max-width:720px;margin:0 auto}.ab-empty-main{display:flex;align-items:center;justify-content:center;height:100%}.ab-empty-hint,.ab-empty-main-text{color:var(--color-text-tertiary);font-size:var(--text-sm)}.ab-empty-hint{padding:var(--space-3)}.ab-form{display:flex;flex-direction:column;gap:var(--space-5)}.ab-form-header{display:flex;align-items:center;justify-content:space-between}.ab-form-title{font-size:var(--text-xl);font-weight:600}.ab-form-header-actions{display:flex;gap:var(--space-2)}.ab-fieldset{border:1px solid var(--color-border-primary);border-radius:var(--radius-xl);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.ab-legend{font-size:var(--text-sm);font-weight:600;color:var(--color-text-primary);padding:0 var(--space-2)}.ab-field-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-3);gap:var(--space-3)}.ab-field-full{grid-column:1/-1}.ab-field{display:flex;flex-direction:column;gap:var(--space-1)}.ab-label{font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary)}.ab-input,.ab-select,.ab-textarea{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);background:var(--color-bg-input);font-size:var(--text-sm);color:var(--color-text-primary);transition:border-color var(--duration-fast) ease}.ab-input:focus,.ab-select:focus,.ab-textarea:focus{outline:none;border-color:var(--color-accent-primary)}.ab-textarea{resize:vertical;min-height:80px}.ab-system-prompt{font-family:var(--font-mono);font-size:var(--text-sm);min-height:200px}.ab-slider{width:100%;accent-color:var(--color-accent-primary)}.ab-char-count,.ab-hint{font-size:var(--text-xs);color:var(--color-text-tertiary)}.ab-char-count{text-align:right}.ab-variable-bar{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.ab-variable-label{font-size:var(--text-xs);color:var(--color-text-tertiary)}.ab-variable-btn{font-size:var(--text-xs);padding:2px 8px;border:1px solid var(--color-border-primary);border-radius:var(--radius-full);background:var(--color-bg-secondary);color:var(--color-accent-primary);cursor:pointer;transition:background var(--duration-fast) ease}.ab-variable-btn:hover{background:var(--color-accent-subtle)}.ab-radio-group{display:flex;gap:var(--space-2)}.ab-radio-card{flex:1 1;display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);cursor:pointer;transition:border-color var(--duration-fast) ease,background var(--duration-fast) ease}.ab-radio-card:hover{background:var(--color-bg-secondary)}.ab-radio-card.selected{border-color:var(--color-accent-primary);background:var(--color-accent-subtle)}.ab-radio-input{display:none}.ab-radio-label{font-size:var(--text-sm);font-weight:600}.ab-radio-description{font-size:var(--text-xs);color:var(--color-text-secondary)}.ab-toggle-list{display:flex;flex-direction:column;gap:var(--space-2)}.ab-toggle-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);cursor:pointer}.ab-toggle-item:hover{background:var(--color-bg-secondary)}.ab-checkbox{accent-color:var(--color-accent-primary);width:16px;height:16px}.ab-toggle-info{display:flex;flex-direction:column;gap:2px}.ab-toggle-name{font-size:var(--text-sm);font-weight:500}.ab-toggle-desc{font-size:var(--text-xs);color:var(--color-text-secondary)}.ab-section{display:flex;flex-direction:column;gap:var(--space-2)}.ab-section-header{display:flex;align-items:center;justify-content:space-between}.ab-section-title{font-size:var(--text-sm);font-weight:600;color:var(--color-text-primary)}.ab-mcp-item{justify-content:space-between;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border-secondary);border-radius:var(--radius-md)}.ab-mcp-item,.ab-mcp-item-info{display:flex;align-items:center}.ab-mcp-item-info{gap:var(--space-2)}.ab-mcp-item-name{font-size:var(--text-sm);font-weight:500}.ab-mcp-item-transport{font-size:var(--text-xs);color:var(--color-text-tertiary);background:var(--color-bg-tertiary);padding:1px 6px;border-radius:var(--radius-sm)}.ab-mcp-item-actions{display:flex;gap:var(--space-1)}.ab-mcp-form{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);background:var(--color-bg-secondary)}.ab-mcp-form-title{font-size:var(--text-base);font-weight:600}.ab-schedule-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border-secondary);border-radius:var(--radius-md)}.ab-schedule-info{display:flex;align-items:center;gap:var(--space-2)}.ab-schedule-type{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;color:var(--color-accent-primary)}.ab-schedule-detail{font-size:var(--text-sm);font-family:var(--font-mono);color:var(--color-text-secondary)}.ab-schedule-actions{display:flex;align-items:center;gap:var(--space-2)}.ab-schedule-form{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);background:var(--color-bg-secondary)}.ab-toggle-switch{position:relative;display:inline-block;width:36px;height:20px}.ab-toggle-switch input{opacity:0;width:0;height:0}.ab-toggle-track{position:absolute;cursor:pointer;inset:0;background:var(--color-bg-tertiary);border-radius:var(--radius-full);transition:background var(--duration-fast) ease}.ab-toggle-track:before{content:"";position:absolute;left:2px;top:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform var(--duration-fast) ease}.ab-toggle-switch input:checked+.ab-toggle-track{background:var(--color-accent-primary)}.ab-toggle-switch input:checked+.ab-toggle-track:before{transform:translateX(16px)}.ab-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);padding:var(--space-2) var(--space-4);border:none;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:background var(--duration-fast) ease,opacity var(--duration-fast) ease}.ab-btn:disabled{opacity:.5;cursor:not-allowed}.ab-btn-primary{background:var(--color-accent-primary);color:#fff}.ab-btn-primary:hover:not(:disabled){background:var(--color-accent-primary-hover)}.ab-btn-secondary{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.ab-btn-secondary:hover:not(:disabled){background:var(--color-border-primary)}.ab-btn-ghost{background:transparent;color:var(--color-text-secondary);padding:var(--space-1) var(--space-2)}.ab-btn-ghost:hover{background:var(--color-bg-secondary)}.ab-btn-danger{background:var(--color-error);color:#fff}.ab-btn-danger:hover:not(:disabled){opacity:.9}.ab-btn-ghost.ab-btn-danger{background:transparent;color:var(--color-error)}.ab-btn-ghost.ab-btn-danger:hover{background:rgba(205,49,49,.1)}.ab-btn-small{padding:var(--space-1) var(--space-2);font-size:var(--text-xs)}.ab-form-actions{display:flex;justify-content:flex-end;gap:var(--space-2)}.ab-form-actions-main{padding-top:var(--space-4);border-top:1px solid var(--color-border-secondary)}.ab-danger-zone{margin-top:var(--space-6);padding:var(--space-4);border:1px solid var(--color-error);border-radius:var(--radius-xl);display:flex;justify-content:flex-end}.ab-sandbox{min-height:300px}.ab-sandbox-messages{flex:1 1;min-height:200px;max-height:400px;overflow-y:auto;gap:var(--space-2);padding:var(--space-2);border:1px solid var(--color-border-secondary);background:var(--color-bg-primary)}.ab-sandbox-messages,.ab-sandbox-msg{display:flex;flex-direction:column;border-radius:var(--radius-md)}.ab-sandbox-msg{gap:2px;padding:var(--space-2) var(--space-3)}.ab-sandbox-msg-user{background:var(--color-bg-message-sent);align-self:flex-end;max-width:80%}.ab-sandbox-msg-agent{background:var(--color-bg-message-received);border:1px solid var(--color-border-secondary);align-self:flex-start;max-width:80%}.ab-sandbox-msg-role{font-size:var(--text-xs);font-weight:600;color:var(--color-text-tertiary)}.ab-sandbox-msg-text{font-size:var(--text-sm);color:var(--color-text-primary);white-space:pre-wrap}.ab-sandbox-input{display:flex;gap:var(--space-2)}.ab-sandbox-input .ab-input{flex:1 1}@media (max-width:768px){.ab-layout{flex-direction:column}.ab-sidebar{width:100%;min-width:0;border-right:none;border-bottom:1px solid var(--color-border-primary);max-height:200px}.ab-field-grid{grid-template-columns:1fr}.ab-radio-group{flex-direction:column}}.ad-dashboard{gap:var(--space-5)}.ad-dashboard,.ad-header{display:flex;flex-direction:column}.ad-header,.ad-header-info{gap:var(--space-3)}.ad-header-info{display:flex;align-items:center}.ad-agent-name{font-size:var(--text-xl);font-weight:600}.ad-tabs{display:flex;gap:var(--space-1);border-bottom:1px solid var(--color-border-primary)}.ad-tab{padding:var(--space-2) var(--space-4);background:transparent;font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary);cursor:pointer;border:none;border-bottom:2px solid transparent;transition:color var(--duration-fast) ease,border-color var(--duration-fast) ease}.ad-tab:hover{color:var(--color-text-primary)}.ad-tab.active{color:var(--color-accent-primary);border-bottom-color:var(--color-accent-primary)}.ad-content,.ad-overview{display:flex;flex-direction:column;gap:var(--space-5)}.ad-health-badge{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);font-weight:500;padding:2px 10px;border-radius:var(--radius-full)}.ad-health-dot{width:8px;height:8px;border-radius:50%}.ad-health-idle{background:var(--color-bg-tertiary);color:var(--color-text-secondary)}.ad-health-idle .ad-health-dot{background:var(--color-text-tertiary)}.ad-health-running{background:rgba(110,86,207,.1);color:var(--color-accent-primary)}.ad-health-running .ad-health-dot{background:var(--color-accent-primary);animation:pulse 1.5s infinite}.ad-health-error{background:rgba(205,49,49,.1);color:var(--color-error)}.ad-health-error .ad-health-dot{background:var(--color-error)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.ad-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));grid-gap:var(--space-3);gap:var(--space-3)}.ad-stat-card{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-4);border:1px solid var(--color-border-primary);border-radius:var(--radius-xl);background:var(--color-bg-elevated)}.ad-stat-value{font-size:var(--text-2xl);font-weight:700;color:var(--color-text-primary)}.ad-stat-label{font-size:var(--text-xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.ad-execution-history{display:flex;flex-direction:column;gap:var(--space-2)}.ad-event-list{display:flex;flex-direction:column;gap:var(--space-1)}.ad-event-row{border:1px solid var(--color-border-secondary);border-radius:var(--radius-md);overflow:hidden}.ad-event-summary{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);width:100%;border:none;background:transparent;cursor:pointer;text-align:left;font-size:var(--text-sm)}.ad-event-summary:hover{background:var(--color-bg-secondary)}.ad-event-status{font-size:var(--text-xs);font-weight:600;padding:1px 8px;border-radius:var(--radius-full);text-transform:capitalize}.ad-status-success{background:rgba(45,125,70,.1);color:var(--color-success)}.ad-status-running{background:rgba(110,86,207,.1);color:var(--color-accent-primary)}.ad-status-error{background:rgba(205,49,49,.1);color:var(--color-error)}.ad-status-warning{background:rgba(193,122,26,.1);color:var(--color-warning)}.ad-event-type{font-weight:500;color:var(--color-text-primary)}.ad-event-trigger{font-size:var(--text-xs);color:var(--color-text-tertiary)}.ad-event-duration,.ad-event-tokens{font-size:var(--text-xs);color:var(--color-text-secondary);font-family:var(--font-mono)}.ad-event-time{margin-left:auto;font-size:var(--text-xs);color:var(--color-text-tertiary)}.ad-event-detail{padding:var(--space-3);border-top:1px solid var(--color-border-secondary);background:var(--color-bg-secondary)}.ad-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));grid-gap:var(--space-2);gap:var(--space-2)}.ad-detail-full{grid-column:1/-1}.ad-detail-item{display:flex;flex-direction:column;gap:2px}.ad-detail-label{font-size:var(--text-xs);color:var(--color-text-tertiary);text-transform:uppercase}.ad-detail-value{font-size:var(--text-sm);color:var(--color-text-primary)}.ad-detail-error{color:var(--color-error);font-family:var(--font-mono);font-size:var(--text-xs)}.ad-cost-breakdown{gap:var(--space-4)}.ad-cost-bars,.ad-cost-breakdown{display:flex;flex-direction:column}.ad-cost-bars{gap:var(--space-2)}.ad-cost-bar-row{display:flex;align-items:center;gap:var(--space-3)}.ad-cost-model{font-size:var(--text-xs);color:var(--color-text-secondary);min-width:120px;text-align:right;font-family:var(--font-mono)}.ad-cost-bar-track{flex:1 1;height:20px;background:var(--color-bg-tertiary);border-radius:var(--radius-sm);overflow:hidden}.ad-cost-bar-fill{height:100%;border-radius:var(--radius-sm);transition:width var(--duration-slow) ease}.ad-cost-tokens{font-size:var(--text-xs);color:var(--color-text-secondary);font-family:var(--font-mono);min-width:70px}.ad-cost-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.ad-cost-table th{text-align:left;border-bottom:1px solid var(--color-border-primary);font-size:var(--text-xs);color:var(--color-text-tertiary);text-transform:uppercase;font-weight:600}.ad-cost-table td,.ad-cost-table th{padding:var(--space-2) var(--space-3)}.ad-cost-table td{border-bottom:1px solid var(--color-border-secondary);color:var(--color-text-primary)}.ad-cost-table td:not(:first-child){font-family:var(--font-mono)}.ad-memory-viewer{display:flex;flex-direction:column;gap:var(--space-3)}.ad-memory-card,.ad-memory-list{display:flex;flex-direction:column;gap:var(--space-2)}.ad-memory-card{border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);padding:var(--space-3)}.ad-memory-header{display:flex;align-items:center;justify-content:space-between}.ad-memory-type{font-size:var(--text-xs);font-weight:600;text-transform:capitalize;color:var(--color-accent-primary);background:var(--color-accent-subtle);padding:1px 8px;border-radius:var(--radius-full)}.ad-memory-meta{display:flex;gap:var(--space-2)}.ad-memory-access,.ad-memory-importance{font-size:var(--text-xs);color:var(--color-text-tertiary);font-family:var(--font-mono)}.ad-memory-content{font-size:var(--text-sm);color:var(--color-text-primary);line-height:var(--leading-relaxed);white-space:pre-wrap}.ad-memory-footer{display:flex;align-items:center;justify-content:space-between}.ad-memory-tags{display:flex;gap:var(--space-1);flex-wrap:wrap}.ad-memory-tag{font-size:var(--text-xs);padding:1px 6px;border-radius:var(--radius-sm);background:var(--color-bg-tertiary);color:var(--color-text-secondary)}.is-settings{display:flex;flex-direction:column;gap:var(--space-4)}.is-title{font-size:var(--text-lg);font-weight:600}.is-description{font-size:var(--text-sm);color:var(--color-text-secondary)}.is-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:var(--space-3);gap:var(--space-3)}.is-card{border:1px solid var(--color-border-primary);border-radius:var(--radius-xl);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2);background:var(--color-bg-elevated)}.is-card-header{gap:var(--space-3)}.is-card-header,.is-card-icon{display:flex;align-items:center}.is-card-icon{width:36px;height:36px;border-radius:var(--radius-md);background:var(--color-bg-tertiary);justify-content:center;font-size:var(--text-xs);font-weight:700;color:var(--color-text-secondary)}.is-card-info{flex:1 1;display:flex;flex-direction:column;gap:2px}.is-card-name{font-size:var(--text-sm);font-weight:600}.is-card-status{font-size:var(--text-xs);font-weight:500}.is-status-active{color:var(--color-success)}.is-status-expired{color:var(--color-warning)}.is-status-revoked{color:var(--color-error)}.is-status-disconnected{color:var(--color-text-tertiary)}.is-card-scopes{display:flex;gap:var(--space-1);flex-wrap:wrap}.is-scope-tag{font-size:var(--text-xs);padding:1px 6px;border-radius:var(--radius-sm);background:var(--color-bg-tertiary);color:var(--color-text-secondary)}.is-card-expires{font-size:var(--text-xs);color:var(--color-text-tertiary)}.is-card-actions{margin-top:var(--space-1)}.is-byok-panel{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);border:1px solid var(--color-border-primary);border-radius:var(--radius-xl)}.is-byok-title{font-size:var(--text-sm);font-weight:600}.is-byok-desc{font-size:var(--text-xs);color:var(--color-text-secondary)}.is-byok-input-row{display:flex;gap:var(--space-2)}.is-byok-input-row .ab-input{flex:1 1}.is-byok-saved{font-size:var(--text-xs);color:var(--color-success);font-weight:500}.pr-pricing-view{padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-6);max-width:960px;margin:0 auto;width:100%}.pr-header{text-align:center}.pr-title{font-size:var(--text-2xl);font-weight:700}.pr-subtitle{font-size:var(--text-sm);color:var(--color-text-secondary);margin-top:var(--space-2)}.pr-plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:var(--space-4);gap:var(--space-4)}.pr-plan-card{border:1px solid var(--color-border-primary);border-radius:var(--radius-xl);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-3);position:relative;background:var(--color-bg-elevated)}.pr-plan-highlighted{border-color:var(--color-accent-primary);box-shadow:0 0 0 1px var(--color-accent-primary)}.pr-plan-current{background:var(--color-accent-subtle)}.pr-plan-badge{position:absolute;top:-10px;right:var(--space-4);font-size:var(--text-xs);font-weight:600;padding:2px 10px;border-radius:var(--radius-full);background:var(--color-accent-primary);color:#fff}.pr-plan-name{font-size:var(--text-lg);font-weight:600}.pr-plan-price{display:flex;align-items:baseline;gap:var(--space-1)}.pr-plan-amount{font-size:var(--text-3xl);font-weight:700}.pr-plan-period{font-size:var(--text-sm);color:var(--color-text-secondary)}.pr-plan-features{display:flex;flex-direction:column;gap:var(--space-2);flex:1 1}.pr-plan-feature{font-size:var(--text-sm);color:var(--color-text-secondary);padding-left:var(--space-4);position:relative}.pr-plan-feature:before{content:"\2713";position:absolute;left:0;color:var(--color-success);font-weight:600}.pr-plan-cta{width:100%;margin-top:var(--space-2)}.pr-usage-section{display:flex;flex-direction:column;gap:var(--space-3)}.pr-usage-title{font-size:var(--text-lg);font-weight:600}.pr-usage-bars{gap:var(--space-3)}.pr-usage-bars,.pr-usage-item{display:flex;flex-direction:column}.pr-usage-item{gap:var(--space-1)}.pr-usage-header{display:flex;justify-content:space-between}.pr-usage-label{font-size:var(--text-sm);font-weight:500}.pr-usage-count{font-size:var(--text-xs);color:var(--color-text-secondary);font-family:var(--font-mono)}.pr-usage-track{height:8px;background:var(--color-bg-tertiary);overflow:hidden}.pr-usage-fill,.pr-usage-track{border-radius:var(--radius-full)}.pr-usage-fill{height:100%;background:var(--color-accent-primary);transition:width var(--duration-slow) ease}.pr-usage-fill.pr-usage-high{background:var(--color-warning)}