@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600;700&display=swap";:root{--hue-primary: 250;--hue-accent: 270;--bg-raw: 0, 0%, 100%;--bg: hsl(var(--bg-raw));--bg-soft: hsl(240, 10%, 98%);--surface-raw: 0, 0%, 100%;--surface: hsl(var(--surface-raw));--surface-raised: hsl(0, 0%, 100%);--surface-muted: hsl(240, 10%, 97%);--text-raw: 240, 10%, 4%;--text: hsl(var(--text-raw));--text-strong: hsl(240, 10%, 2%);--muted: hsl(240, 5%, 45%);--muted-strong: hsl(240, 5%, 25%);--primary: hsl(var(--hue-primary), 85%, 60%);--primary-hover: hsl(var(--hue-primary), 85%, 55%);--accent: hsl(var(--hue-accent), 80%, 55%);--border: hsl(240, 8%, 94%);--border-strong: hsl(240, 8%, 88%);--sidebar-bg: hsl(0, 0%, 100%);--sidebar-text: hsl(240, 10%, 12%);--sidebar-muted: hsl(240, 8%, 35%);--sidebar-hover: hsl(240, 8%, 96%);--sidebar-border: hsl(240, 8%, 94%);--action: var(--primary);--action-text: #ffffff;--action-soft: hsl(var(--hue-primary), 25%, 94%);--action-soft-text: var(--primary);--focus: hsla(var(--hue-primary), 85%, 60%, .12);--success: hsl(150, 80%, 30%);--success-bg: hsl(150, 80%, 95%);--warning: hsl(35, 90%, 40%);--warning-bg: hsl(35, 90%, 95%);--danger: hsl(350, 80%, 45%);--danger-bg: hsl(350, 80%, 96%);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .01), 0 4px 12px rgba(220, 220, 235, .25);--shadow-md: 0 10px 30px rgba(200, 200, 225, .35), 0 2px 4px rgba(0, 0, 0, .01);--shadow-lg: 0 24px 60px rgba(99, 102, 241, .08), 0 4px 16px rgba(200, 200, 225, .15);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--radius-xl: 24px;--transition-smooth: transform .2s cubic-bezier(.4, 0, .2, 1), box-shadow .2s cubic-bezier(.4, 0, .2, 1);--font-sans: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", monospace;color:var(--text);background:var(--bg);font-family:var(--font-sans);font-synthesis:none;text-rendering:optimizeLegibility}:root[data-theme=dark]{--bg-raw: 240, 15%, 4%;--bg: hsl(var(--bg-raw));--bg-soft: hsl(240, 15%, 7%);--surface-raw: 240, 10%, 8%;--surface: hsl(var(--surface-raw));--surface-raised: hsl(240, 10%, 11%);--surface-muted: hsl(240, 8%, 14%);--text-raw: 240, 10%, 90%;--text: hsl(var(--text-raw));--text-strong: hsl(0, 0%, 100%);--muted: hsl(240, 5%, 60%);--muted-strong: hsl(240, 5%, 80%);--primary: hsl(var(--hue-primary), 90%, 65%);--primary-hover: hsl(var(--hue-primary), 90%, 70%);--accent: hsl(var(--hue-accent), 85%, 65%);--border: hsl(240, 8%, 16%);--border-strong: hsl(240, 8%, 26%);--sidebar-bg: hsl(240, 15%, 2%);--sidebar-text: hsl(0, 0%, 100%);--sidebar-muted: hsl(240, 5%, 65%);--sidebar-hover: hsl(240, 8%, 8%);--sidebar-border: hsl(240, 8%, 6%);--action: var(--primary);--action-text: #050505;--action-soft: hsla(var(--hue-primary), 90%, 65%, .1);--action-soft-text: var(--primary);--focus: hsla(var(--hue-primary), 90%, 65%, .25);--success: hsl(150, 70%, 50%);--success-bg: hsla(150, 70%, 50%, .15);--warning: hsl(40, 80%, 60%);--warning-bg: hsla(40, 80%, 60%, .15);--danger: hsl(350, 85%, 60%);--danger-bg: hsla(350, 85%, 60%, .15);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .4);--shadow-md: 0 16px 40px rgba(0, 0, 0, .5);--shadow-lg: 0 24px 60px rgba(0, 0, 0, .65), 0 0 40px rgba(99, 102, 241, .05)}*{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;min-height:100%;background:var(--bg);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input{font-family:inherit}button{border:0;cursor:pointer;background:none;padding:0;transition:var(--transition-smooth)}button:disabled{cursor:not-allowed}button:focus-visible,input:focus-visible{outline:2px solid var(--primary);outline-offset:2px}input[type=text],input[type=password],input[type=email],input:not([type]){width:100%;height:44px;border:1.5px solid var(--border);border-radius:var(--radius-md);padding:0 16px;outline:none;background:var(--surface-raised);color:var(--text-strong);font-size:14px;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}input[type=text]:focus,input[type=password]:focus,input[type=email]:focus,input:not([type]):focus{border-color:var(--primary);background:var(--surface);box-shadow:0 0 0 4px var(--focus)}.glow-sphere{position:absolute;width:min(600px,90vw);height:min(600px,90vw);border-radius:50%;filter:blur(140px);pointer-events:none;z-index:0;opacity:.35;animation:float-glow 25s infinite alternate ease-in-out}.glow-1{background:radial-gradient(circle,hsla(var(--hue-primary),80%,65%,.35) 0%,transparent 70%);top:-10%;left:-10%}.glow-2{background:radial-gradient(circle,hsla(var(--hue-accent),80%,60%,.25) 0%,transparent 70%);bottom:-10%;right:-10%;animation-delay:-12s}:root[data-theme=light] .glow-sphere{opacity:.15}@keyframes float-glow{0%{transform:translate(0) scale(1)}to{transform:translate(60px,40px) scale(1.1)}}.bg-grid{position:absolute;inset:0;background-image:linear-gradient(to right,hsla(var(--text-raw),.03) 1px,transparent 1px),linear-gradient(to bottom,hsla(var(--text-raw),.03) 1px,transparent 1px);background-size:50px 50px;mask-image:radial-gradient(circle at center,black 40%,transparent 80%);-webkit-mask-image:radial-gradient(circle at center,black 40%,transparent 80%);z-index:0;pointer-events:none}.page{min-height:100vh;position:relative;z-index:1;background:var(--bg);overflow-x:hidden}.brand{display:flex;align-items:center;gap:12px;font-weight:800;font-size:22px;letter-spacing:-.5px;color:var(--text-strong)}.brand-logo{width:40px;height:40px;object-fit:contain}.brand-mark{width:40px;height:40px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;display:grid;place-items:center;font-size:15px;font-weight:800;box-shadow:0 4px 12px hsla(var(--hue-primary),85%,60%,.3)}.theme-toggle{min-height:40px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);color:var(--text);display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 14px;font-weight:600;font-size:14px;box-shadow:var(--shadow-sm);transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1),background-color .2s ease,border-color .2s ease}.theme-toggle:hover{background:var(--surface-muted);border-color:var(--border-strong);transform:translateY(-1px)}.theme-toggle.compact{width:40px;height:40px;min-height:40px;padding:0;border-color:var(--sidebar-border);background:var(--sidebar-hover);color:var(--sidebar-text);box-shadow:none}.theme-toggle.compact:hover{background:var(--sidebar-hover);color:var(--sidebar-text)}.theme-toggle.icon-only{width:40px;height:40px;min-height:40px;padding:0}.pill,.eyebrow{display:inline-flex;align-items:center;border:1px solid var(--border-strong);background:var(--surface-raised);color:var(--primary);font-size:12px;font-weight:700;border-radius:999px;padding:6px 14px;letter-spacing:.5px;text-transform:uppercase}.login-page{display:flex;align-items:center;justify-content:center;padding:24px;overflow:hidden}.login-card-container{width:100%;max-width:450px;margin:0 auto;z-index:10;display:flex;flex-direction:column;gap:20px;animation:fade-in-up .5s cubic-bezier(.16,1,.3,1) forwards}@keyframes fade-in-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.login-brand-header{display:flex;justify-content:center}.login-form-card{background:hsla(var(--surface-raw),.6);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid hsla(var(--text-raw),.08);border-radius:var(--radius-xl);padding:40px;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;transition:var(--transition-smooth)}:root[data-theme=dark] .login-form-card{background:#0c0c1099;border:1px solid hsla(0,0%,100%,.05)}.login-panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:4px}.login-title-row{display:flex;align-items:center;gap:12px}.login-icon{width:40px;height:40px;border-radius:var(--radius-md);background:var(--action-soft);color:var(--primary);display:grid;place-items:center;box-shadow:0 4px 10px hsla(var(--hue-primary),85%,60%,.1)}.login-form-card h2{margin:0;font-size:24px;font-weight:800;letter-spacing:-.5px;color:var(--text-strong)}.login-subtitle{margin:0 0 24px;color:var(--muted);font-size:14px;line-height:1.4}.login-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;margin-bottom:24px;border-radius:var(--radius-md);background:var(--surface-muted);border:1px solid var(--border)}.login-tabs button{min-height:38px;border-radius:var(--radius-sm);display:inline-flex;align-items:center;justify-content:center;color:var(--muted);font-weight:700;font-size:13px;transition:background-color .2s ease,color .2s ease,box-shadow .2s ease}.login-tabs button.active{background:var(--surface);color:var(--primary);box-shadow:var(--shadow-sm)}.login-fields{display:flex;flex-direction:column;gap:18px}.login-fields label{display:grid;gap:8px;color:var(--text-strong);font-weight:600;font-size:13px}.login-fields input{height:46px;border:1.5px solid var(--border);border-radius:var(--radius-md);padding:0 16px;outline:none;background:var(--surface-raised);color:var(--text-strong);font-size:14px;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.login-fields input:focus{border-color:var(--primary);background:var(--surface);box-shadow:0 0 0 4px var(--focus)}.code-row{display:grid;grid-template-columns:1fr auto;gap:10px}.code-row button{padding:0 16px;border-radius:var(--radius-md);background:var(--action-soft);color:var(--primary);font-weight:700;font-size:13px;transition:background-color .2s ease,color .2s ease}.code-row button:hover:not(:disabled){background:var(--primary);color:#fff}.form-message{margin-top:18px;min-height:40px;border-radius:var(--radius-md);padding:10px 16px;display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600;line-height:1.4}.form-message.error{background:var(--danger-bg);color:var(--danger);border:1px solid hsla(350,80%,45%,.12)}.form-message.success{background:var(--success-bg);color:var(--success);border:1px solid hsla(150,80%,30%,.12)}.page-message{margin:0 0 24px}.primary-button,.primary-small{background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:var(--radius-md);font-weight:700;box-shadow:0 4px 14px hsla(var(--hue-primary),85%,60%,.25);transition:var(--transition-smooth)}.primary-button:hover:not(:disabled),.primary-small:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px hsla(var(--hue-primary),85%,60%,.35)}.primary-button{width:100%;height:46px;margin-top:24px;font-size:14px}.primary-button:disabled{opacity:.5;box-shadow:none}.login-card-footer{display:flex;justify-content:space-around;color:var(--muted);font-size:12px;font-weight:600;padding:0 8px}.login-card-footer span{display:flex;align-items:center;gap:6px}.dashboard{min-height:100vh;display:grid;grid-template-columns:260px 1fr;background:var(--bg);overflow:hidden}.sidebar{background:var(--sidebar-bg);color:var(--sidebar-text);border-right:1px solid var(--sidebar-border);padding:32px 20px;display:flex;flex-direction:column;gap:28px;z-index:100;transition:var(--transition-smooth)}.sidebar nav{display:grid;gap:6px}.sidebar nav button,.logout,.header-actions button,.key-card button,.command-box button{min-height:44px;border-radius:var(--radius-md);display:inline-flex;align-items:center;gap:12px;color:var(--sidebar-muted);background:transparent;padding:0 16px;font-weight:600;font-size:14px;transition:background-color .2s ease,border-color .2s ease,color .2s ease,transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1)}.sidebar nav button:hover:not(:disabled){background:var(--sidebar-hover);color:var(--sidebar-text)}.sidebar nav button.active{background:linear-gradient(90deg,hsla(var(--hue-primary),90%,65%,.1) 0%,transparent 100%);color:var(--primary);font-weight:700;position:relative}.sidebar nav button.active:before{content:"";position:absolute;left:0;top:15%;height:70%;width:4px;background:linear-gradient(180deg,var(--primary),var(--accent));border-radius:0 4px 4px 0}.sidebar nav button:disabled{opacity:.35}.sidebar-secondary-nav{margin-top:auto;display:grid;gap:4px}.sidebar-secondary-nav a{min-height:40px;border-radius:var(--radius-md);display:inline-flex;align-items:center;gap:12px;color:var(--sidebar-muted);background:transparent;padding:0 16px;font-weight:600;font-size:14px;transition:background-color .2s ease,color .2s ease;text-decoration:none;cursor:pointer}.sidebar-secondary-nav a:hover{background:var(--sidebar-hover);color:var(--sidebar-text)}.sidebar-user{border-top:1px solid var(--sidebar-border);padding-top:20px;display:flex;align-items:center;justify-content:space-between;gap:12px}.sidebar-icp{font-size:11px;color:var(--sidebar-muted);text-align:center;margin-top:-12px;opacity:.5;transition:opacity .2s ease,color .2s ease;text-decoration:none;display:block}.sidebar-icp:hover{opacity:1;color:var(--sidebar-text)}.sidebar-user>div:first-child{min-width:0;display:grid;gap:4px}.sidebar-user strong{color:var(--sidebar-text);font-size:14px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user span{color:var(--sidebar-muted);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user-actions{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto}.logout{width:40px;height:40px;min-height:40px;justify-content:center;padding:0;color:var(--danger);background:var(--sidebar-hover);border:1px solid var(--sidebar-border)}.logout:hover{background:var(--danger-bg);color:var(--danger);border-color:var(--danger)}.workspace{padding:40px 48px;position:relative;overflow-y:auto;overflow-x:hidden;z-index:1;display:flex;flex-direction:column}.workspace-glow{position:absolute;width:min(600px,80vw);height:min(600px,80vw);background:radial-gradient(circle,hsla(var(--hue-primary),90%,65%,.05) 0%,transparent 70%);top:-100px;right:-100px;pointer-events:none;z-index:0}:root[data-theme=dark] .workspace-glow{background:radial-gradient(circle,hsla(var(--hue-primary),90%,65%,.03) 0%,transparent 70%)}.workspace-inner{max-width:100%;position:relative;z-index:5;display:flex;flex-direction:column;flex:1;min-height:0}.workspace-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px;border-bottom:1px solid var(--border);padding:0 0 24px}.workspace-header h1{margin:8px 0;font-size:32px;font-weight:800;letter-spacing:-.8px;color:var(--text-strong)}.workspace-header p{margin:0;color:var(--muted);font-size:15px}.header-actions{display:flex;gap:12px}.header-actions button:not(.primary-small){background:var(--surface);border:1px solid var(--border);color:var(--text-strong)}.header-actions button:not(.primary-small):hover:not(:disabled){background:var(--surface-muted);border-color:var(--border-strong);transform:translateY(-1px)}.header-actions .primary-small{border:0;background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff}.header-actions .primary-small:hover:not(:disabled){background:linear-gradient(135deg,var(--primary-hover),var(--accent));transform:translateY(-1px);box-shadow:0 6px 20px hsla(var(--hue-primary),85%,60%,.35)}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;display:flex;flex-direction:column}.panel-title{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding:20px 24px;border-bottom:1px solid var(--border)}.panel-title h2{margin:0;font-size:18px;font-weight:800;letter-spacing:-.5px;color:var(--text-strong)}.panel-title span{color:var(--muted);font-size:13px;font-weight:600}.dashboard-list-layout-wrapper{display:grid;grid-template-columns:1fr 360px;gap:28px;align-items:start}.list-layout-main{display:flex;flex-direction:column;gap:24px}.list-layout-promo{background:hsla(var(--surface-raw),.65);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;transition:var(--transition-smooth)}.list-layout-promo:hover{transform:translateY(-2px);border-color:var(--primary);box-shadow:var(--shadow-md)}.promo-image-container{width:100%;height:240px;overflow:hidden;background:linear-gradient(135deg,hsla(var(--hue-primary),85%,60%,.1),hsla(var(--hue-accent),80%,55%,.05));border-bottom:1px solid var(--border);position:relative;display:grid;place-items:center}.promo-image-container img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.list-layout-promo:hover .promo-image-container img{transform:scale(1.05)}.promo-content{padding:24px;display:flex;flex-direction:column;gap:12px}.promo-content h3{margin:0;font-size:18px;font-weight:800;color:var(--text-strong);letter-spacing:-.5px}.promo-content p{margin:0;font-size:13px;color:var(--muted);line-height:1.6;font-weight:500}.promo-badge{align-self:flex-start;font-size:10px;font-weight:800;color:var(--primary);background:var(--action-soft);padding:4px 10px;border-radius:var(--radius-sm);letter-spacing:.5px;text-transform:uppercase;margin-top:6px}@media(max-width:1140px){.dashboard-list-layout-wrapper{grid-template-columns:1fr}.list-layout-promo{display:none}}.metrics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.metric-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px 24px;display:flex;justify-content:space-between;align-items:center;box-shadow:var(--shadow-sm);transition:var(--transition-smooth)}.metric-card:hover{transform:translateY(-2px);border-color:var(--primary);box-shadow:var(--shadow-md)}.metric-card-info{display:flex;flex-direction:column;gap:6px}.metric-card-info span{font-size:13px;color:var(--muted);font-weight:600}.metric-card-info strong{font-size:28px;font-weight:850;color:var(--text-strong);letter-spacing:-1px}.metric-card-icon{width:44px;height:44px;border-radius:var(--radius-md);background:var(--action-soft);color:var(--primary);display:grid;place-items:center}.metric-card-icon.text-success{color:var(--success);background:var(--success-bg)}.metric-card-icon.text-warning{color:var(--warning);background:var(--warning-bg)}.agent-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;padding:24px}.agent-row.agent-button{width:100%;text-align:left;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px 24px;display:grid;grid-template-columns:52px 1fr;grid-template-rows:auto auto auto auto;gap:12px 16px;box-shadow:var(--shadow-sm);transition:var(--transition-smooth);position:relative;overflow:hidden}.agent-row.agent-button:hover{transform:translateY(-4px);border-color:var(--primary);box-shadow:var(--shadow-lg)}.agent-row.agent-button.selected{background:var(--surface-raised);border-color:var(--primary);box-shadow:0 0 0 2px var(--focus)}.agent-avatar{grid-column:1;grid-row:1;width:52px;height:52px;border-radius:var(--radius-md);background:var(--action-soft);color:var(--primary);display:grid;place-items:center;overflow:hidden;box-shadow:0 4px 10px hsla(var(--hue-primary),85%,60%,.1)}.agent-avatar img{width:100%;height:100%;object-fit:cover}.agent-row.agent-button>div:nth-child(2){grid-column:2;grid-row:1;display:flex;flex-direction:column;justify-content:center;gap:2px}.agent-row strong{color:var(--text-strong);font-size:16px;font-weight:800}.agent-row span{color:var(--muted);font-size:13px;font-weight:600}.agent-status{grid-column:1 / 3;grid-row:2;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border);padding-top:12px;margin-top:4px}.agent-status>span{color:var(--muted);font-size:12px;font-weight:700}.agent-metrics-row{grid-column:1 / 3;grid-row:3;display:grid;grid-template-columns:1fr 1fr;gap:12px;border-top:1px solid var(--border);padding-top:14px;margin-top:4px}.metric-item{display:flex;flex-direction:column;gap:4px;background:var(--bg-soft);padding:8px 12px;border-radius:var(--radius-md);border:1px solid var(--border);transition:var(--transition-smooth)}.metric-item span{font-size:11px;color:var(--muted);font-weight:700}.metric-item strong{color:var(--text-strong);font-size:13px;font-weight:750}.agent-enter{grid-column:1 / 3;grid-row:4;width:100%;min-height:38px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;background:var(--action-soft);color:var(--primary);font-weight:700;font-size:13px;margin-top:6px;transition:background-color .2s ease,color .2s ease}.agent-row.agent-button:hover .agent-enter{background:var(--primary);color:#fff}.dashboard-detail-layout{display:flex;flex-direction:column;gap:24px;width:100%;flex:1;min-height:0}.agent-profile-banner{background:linear-gradient(135deg,hsla(var(--hue-primary),85%,60%,.06),hsla(var(--hue-accent),80%,55%,.02));border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px 32px;display:flex;justify-content:space-between;align-items:center;box-shadow:var(--shadow-sm);transition:var(--transition-smooth)}:root[data-theme=dark] .agent-profile-banner{background:linear-gradient(135deg,#6366f10f,#a855f705)}.banner-left{display:flex;align-items:center;gap:20px}.banner-avatar{width:60px;height:60px;border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border);display:grid;place-items:center;box-shadow:var(--shadow-sm);flex-shrink:0}.banner-left h2{margin:0 0 4px;font-size:22px;font-weight:800;color:var(--text-strong);letter-spacing:-.5px}.banner-left p{margin:0;color:var(--muted);font-size:13px;font-weight:600}.banner-right{display:flex;gap:24px}.banner-status-box{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.banner-status-box span{font-size:12px;color:var(--muted);font-weight:600}.banner-status-box strong{font-size:14px;color:var(--text-strong);font-weight:700}.split{display:grid;grid-template-columns:1.25fr 1fr;gap:24px;align-items:start}.detail-left-column,.detail-right-column{display:flex;flex-direction:column;gap:24px}.detail-promo-card{background:hsla(var(--surface-raw),.65);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;transition:var(--transition-smooth)}.detail-promo-card:hover{transform:translateY(-2px);border-color:var(--primary);box-shadow:var(--shadow-md)}.detail-promo-card .promo-image-container{height:200px}.detail-promo-card:hover .promo-image-container img{transform:scale(1.05)}.card-panel{width:100%}.key-create-row{display:grid;grid-template-columns:1fr auto;gap:12px;padding:24px}.key-create-input{width:100%;height:44px;border:1.5px solid var(--border);border-radius:var(--radius-md);padding:0 16px;outline:none;background:var(--surface-raised);color:var(--text-strong);font-size:13px;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.key-create-input:focus{border-color:var(--primary);background:var(--surface);box-shadow:0 0 0 4px var(--focus)}.key-create-row button{padding:0 24px;height:44px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;font-weight:700;font-size:13px;box-shadow:0 4px 10px hsla(var(--hue-primary),85%,60%,.2)}.secret-box{border:1px solid hsla(var(--hue-primary),85%,60%,.22);background:hsla(var(--hue-primary),25%,94%,.25);border-radius:var(--radius-md);padding:20px;margin:24px 24px 0;display:grid;gap:12px}:root[data-theme=dark] .secret-box{background:hsla(var(--hue-primary),90%,65%,.05)}.secret-box strong{color:var(--text-strong);font-size:14px;font-weight:800}.secret-box span{color:var(--muted);font-size:12px;line-height:1.4}.secret-box code{font-family:var(--font-mono);font-size:13px;background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-strong);padding:12px;overflow-wrap:anywhere;font-weight:600}.secret-box button{min-height:42px;border-radius:var(--radius-md);display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--primary);color:#fff;font-weight:700;font-size:13px;box-shadow:0 4px 12px hsla(var(--hue-primary),85%,60%,.2)}.secret-box button:hover{background:var(--primary-hover)}.hint-line{padding:0 24px 20px;font-size:13px;line-height:1.5;color:var(--muted)}.warning-hint{color:var(--warning);font-weight:600;padding-top:0}.key-list{display:flex;flex-direction:column;gap:16px;padding:24px}.key-card{border:1px solid var(--border);border-radius:var(--radius-md);padding:20px;display:flex;flex-direction:column;gap:12px;background:var(--surface-raised);box-shadow:var(--shadow-sm);transition:var(--transition-smooth)}.key-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md)}.key-card-header{display:flex;justify-content:space-between;align-items:center}.key-card strong{font-size:15px;font-weight:750;color:var(--text-strong)}.key-prefix-tag{font-size:11px;font-weight:700;color:var(--primary);background:var(--action-soft);padding:3px 8px;border-radius:var(--radius-sm)}.key-card-meta{display:flex;gap:16px;font-size:12px;color:var(--muted);font-weight:600}.key-actions{display:grid;grid-template-columns:1fr auto;gap:10px}.key-card button{justify-content:center;background:var(--action-soft);color:var(--primary);font-weight:700;font-size:13px}.key-card button:hover:not(:disabled){background:var(--primary);color:#fff}.key-actions .danger-action{color:var(--danger);background:var(--danger-bg)}.key-actions .danger-action:hover:not(:disabled){background:#cf1736;color:#fff}.timeline-wrapper{position:relative;padding:24px}.timeline-track{position:absolute;left:38px;top:36px;bottom:36px;width:2px;background:var(--border);z-index:1}.timeline-steps{display:flex;flex-direction:column;gap:20px;position:relative;z-index:5}.timeline-item{display:flex;align-items:center;gap:16px}.timeline-badge-circle{width:30px;height:30px;border-radius:50%;background:var(--surface);border:2px solid var(--primary);color:var(--primary);display:grid;place-items:center;font-size:11px;font-weight:800;box-shadow:var(--shadow-sm);flex-shrink:0}.timeline-item:hover .timeline-badge-circle{background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;border-color:transparent;box-shadow:0 4px 10px hsla(var(--hue-primary),85%,60%,.3)}.timeline-content-box{background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius-md);padding:12px 16px;flex-grow:1;transition:var(--transition-smooth)}.timeline-content-box p{margin:0;font-size:14px;font-weight:600;color:var(--text-strong)}.timeline-item:hover .timeline-content-box{border-color:var(--primary);background:var(--surface)}.command-terminal-card{margin:8px 24px 24px;background:#0b0b0e;border:1px solid #1a1a24;border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-md)}.terminal-header{height:34px;background:#121217;display:flex;align-items:center;padding:0 16px;gap:6px;border-bottom:1px solid #1a1a24}.terminal-dot{width:10px;height:10px;border-radius:50%}.terminal-dot.red{background:#ff5f56}.terminal-dot.yellow{background:#ffbd2e}.terminal-dot.green{background:#27c93f}.terminal-title{color:#8c8d9e;font-size:11px;margin-left:8px;font-weight:700}.command-terminal-card .command-box{margin:16px;display:grid;grid-template-columns:1fr 40px;gap:10px}.command-terminal-card code{font-family:var(--font-mono);background:#050507!important;border:1px solid #14141e!important;color:#a5e844!important;font-size:13px!important;padding:10px 14px;border-radius:var(--radius-sm);overflow-wrap:anywhere}.command-terminal-card button{padding:0;height:100%;border-radius:var(--radius-sm);background:#1c1c24!important;color:#a4a5bf!important;display:flex;align-items:center;justify-content:center}.command-terminal-card button:hover{background:var(--primary)!important;color:#fff!important}@media(max-width:1080px){.split{grid-template-columns:1fr;gap:24px}}@media(max-width:860px){.login-card-container{padding:0 12px}.login-form-card{padding:32px 24px}.metrics-grid{grid-template-columns:1fr;gap:14px}.agent-profile-banner{flex-direction:column;align-items:flex-start;gap:20px;padding:20px 24px}.banner-right{width:100%;justify-content:space-between}.banner-status-box{align-items:flex-start}.dashboard{grid-template-columns:1fr}.sidebar{padding:20px;gap:16px;border-right:0;border-bottom:1px solid var(--sidebar-border)}.sidebar nav{grid-template-columns:1fr 1fr}.workspace{padding:24px 20px}.workspace-header{flex-direction:column;align-items:flex-start;gap:16px}.header-actions{width:100%}.header-actions button{flex:1;justify-content:center}.agent-list{grid-template-columns:1fr;padding:16px}}@media(max-width:560px){.login-form-card{padding:24px 18px}.login-form-card h2{font-size:20px}.login-card-footer{flex-direction:column;gap:8px;align-items:center}.workspace{padding:16px 12px}.panel-title,.detail-summary,.key-list{padding-left:16px;padding-right:16px}.key-create-row,.secret-box,.hint-line,.command-terminal-card{margin-left:16px;margin-right:16px}.key-create-row{grid-template-columns:1fr}.key-create-row button{min-height:44px}.code-row{grid-template-columns:1fr}.code-row button{min-height:44px}}