@import "https://fonts.googleapis.com/css2?family=DM+Serif+Display&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";.support-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;background:#0009;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.support-modal{background:var(--surface);border:1px solid var(--border-light);border-radius:16px;width:100%;max-width:560px;max-height:90vh;animation:.25s ease-out modalSlideIn;overflow-y:auto;box-shadow:0 25px 50px -12px #0006}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(20px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.support-modal-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-header-content{align-items:center;gap:12px;display:flex}.modal-header-content .modal-icon{color:var(--primary);flex-shrink:0}.modal-header-content h2{color:var(--text-primary);margin:0;font-size:18px;font-weight:700}.modal-header-content p{color:var(--text-secondary);margin:2px 0 0;font-size:13px}.modal-close-btn{background:var(--background);border:1px solid var(--border-light);cursor:pointer;width:34px;height:34px;color:var(--text-secondary);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.modal-close-btn:hover{background:var(--error);color:#fff;border-color:var(--error)}.support-form{flex-direction:column;gap:18px;padding:20px 24px 24px;display:flex}.support-form .form-group{flex-direction:column;gap:6px;display:flex}.support-form .form-group>label{color:var(--text-primary);font-size:13px;font-weight:600}.support-form input[type=text]{border:1px solid var(--border-light);background:var(--background);width:100%;color:var(--text-primary);border-radius:10px;outline:none;padding:10px 14px;font-size:14px;transition:border-color .15s}.support-form input[type=text]:focus{border-color:var(--primary);box-shadow:0 0 0 3px #7c3aed26}.support-form textarea{border:1px solid var(--border-light);background:var(--background);width:100%;color:var(--text-primary);resize:vertical;border-radius:10px;outline:none;min-height:100px;padding:10px 14px;font-family:inherit;font-size:14px;transition:border-color .15s}.support-form textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #7c3aed26}.category-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.category-option{border:1px solid var(--border-light);background:var(--background);cursor:pointer;text-align:center;border-radius:10px;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;transition:all .15s;display:flex}.category-option input[type=radio]{display:none}.category-option:hover{border-color:var(--primary);background:#7c3aed0d}.category-option.selected{border-color:var(--primary);color:var(--primary);background:#7c3aed1a}.category-option svg{color:var(--text-secondary);transition:color .15s}.category-option.selected svg{color:var(--primary)}.category-label{color:var(--text-secondary);font-size:11px;font-weight:500;line-height:1.2}.category-option.selected .category-label{color:var(--primary);font-weight:600}.priority-options{gap:8px;display:flex}.priority-option{border:1px solid var(--border-light);background:var(--background);cursor:pointer;border-radius:8px;flex:1;justify-content:center;align-items:center;padding:8px 12px;transition:all .15s;display:flex}.priority-option input[type=radio]{display:none}.priority-option:hover{border-color:var(--priority-color,var(--primary))}.priority-option.selected{border-color:var(--priority-color,var(--primary));background:color-mix(in srgb,var(--priority-color,var(--primary))12%,transparent)}.priority-label{color:var(--text-secondary);font-size:13px;font-weight:500}.priority-option.selected .priority-label{color:var(--priority-color,var(--primary));font-weight:600}.chat-context-notice{color:var(--primary);background:#7c3aed14;border-radius:8px;align-items:center;gap:8px;margin-top:6px;padding:8px 12px;font-size:12px;display:flex}.submit-status{border-radius:10px;align-items:center;gap:10px;padding:12px 16px;font-size:13px;font-weight:500;display:flex}.submit-status.success{color:var(--success);background:#22c55e1a;border:1px solid #22c55e33}.submit-status.error{color:var(--error);background:#ef44441a;border:1px solid #ef444433}.form-actions{justify-content:flex-end;gap:10px;padding-top:4px;display:flex}.btn-cancel{border:1px solid var(--border-light);background:var(--background);color:var(--text-secondary);cursor:pointer;border-radius:10px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .15s}.btn-cancel:hover{background:var(--surface);color:var(--text-primary)}.support-form .btn-primary{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 24px;font-size:14px;font-weight:600;transition:all .15s;display:flex}.support-form .btn-primary:hover:not(:disabled){background:var(--primary-hover,#6d28d9);transform:translateY(-1px)}.support-form .btn-primary:disabled{opacity:.5;cursor:not-allowed}.spinning{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:600px){.support-modal{max-width:100%;max-height:95vh;margin:10px}.category-grid{grid-template-columns:repeat(2,1fr)}.priority-options{flex-wrap:wrap}.priority-option{flex:45%}.form-actions{flex-direction:column}.form-actions button{width:100%}}.auth-container{background:var(--background);align-items:stretch;min-height:100vh;display:flex}.auth-gradient{background:var(--surface);border-right:1px solid var(--border);background-image:url(https://images.unsplash.com/photo-1462331940025-496dfbfc7564?auto=format&fit=crop&w=1200&q=60);background-position:50%;background-repeat:no-repeat;background-size:cover;flex-direction:column;flex:50%;justify-content:center;align-items:center;max-width:50%;padding:48px;display:flex;position:relative;overflow:hidden}.auth-branding{text-align:center;flex-direction:column;align-items:center;gap:16px;display:flex}.auth-logo{flex-direction:row;align-items:center;gap:14px;display:flex}.auth-logo-image{filter:invert()brightness(0)drop-shadow(0 6px 18px #00000059);width:222px;height:auto}.auth-logo-text{letter-spacing:-.03em;color:#000;text-shadow:0 6px 18px #00000059;font-family:DM Serif Display,serif;font-size:7.2rem;font-weight:900;line-height:1}.brand-title{letter-spacing:-.04em;font-size:3.5rem;font-weight:900;line-height:1}.brand-infer{color:var(--text-primary)}.brand-x{background:var(--brand-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.brand-space{color:var(--text-secondary)}.brand-tagline{color:var(--text-secondary);max-width:340px;font-size:1.1rem;font-weight:400;line-height:1.5}[data-theme=dark] .auth-logo-text{color:#fff}[data-theme=dark] .auth-logo-image{filter:drop-shadow(0 6px 18px #00000073)}.auth-title{color:var(--text-primary);margin-bottom:6px;font-size:2.4rem;font-weight:700}.auth-form-wrapper{flex-direction:column;flex:50%;justify-content:center;align-items:center;padding:48px 40px;display:flex;overflow-y:auto}.auth-form{flex-direction:column;gap:18px;width:100%;max-width:420px;display:flex}.auth-container .form-group{margin-bottom:14px}.auth-container .form-group label{margin-bottom:6px;font-size:13.5px}.auth-container .form-group input,.auth-container .form-group select,.auth-container .form-group textarea{padding:10px 14px;font-size:14px}.auth-container .password-toggle{padding:8px}.oauth-buttons{flex-direction:row;gap:12px;display:flex}.btn-google,.btn-github{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text-primary);cursor:pointer;white-space:nowrap;flex:1;justify-content:center;align-items:center;gap:10px;padding:10px 16px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.btn-google:hover,.btn-github:hover{background:var(--border-light);border-color:var(--text-secondary)}.btn-primary-gradient{border-radius:var(--radius-md);background:var(--brand-gradient);color:#fff;cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;width:100%;padding:11px 20px;font-size:14px;font-weight:700;transition:all .2s;display:flex}.btn-primary-gradient:disabled{opacity:.6;cursor:not-allowed}.btn-auth-primary{border-radius:var(--radius-md);background:var(--surface);width:100%;color:var(--text-primary);cursor:pointer;background-clip:padding-box;border:2px solid #0000;justify-content:center;align-items:center;gap:8px;padding:11px 20px;font-size:14px;font-weight:700;transition:all .2s;display:flex;position:relative}.btn-auth-primary:before{content:"";border-radius:var(--radius-md);background:var(--brand-gradient);-webkit-mask-composite:xor;pointer-events:none;padding:2px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.btn-auth-primary:hover{background:var(--border-light)}.btn-auth-primary:disabled{opacity:.6;cursor:not-allowed}.auth-divider{color:var(--text-secondary);align-items:center;gap:12px;font-size:13px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--border);flex:1;height:1px}.auth-footer{text-align:center;color:var(--text-secondary);font-size:13.5px}.auth-footer a{color:var(--primary);font-weight:600;text-decoration:none}.auth-footer a:hover{text-decoration:underline}.terms-link{color:var(--primary);cursor:pointer;font-size:inherit;background:0 0;border:none;padding:0;text-decoration:underline}.error-message{background:color-mix(in srgb,var(--error)6%,transparent);border:1px solid color-mix(in srgb,var(--error)20%,transparent);border-radius:var(--radius-md);color:var(--error);align-items:center;gap:8px;padding:10px 14px;font-size:13px;font-weight:500;display:flex}.auth-container .form-group label.checkbox-label{text-transform:none!important;letter-spacing:normal!important;color:var(--text-secondary)!important;align-items:center!important;margin-bottom:0!important;font-size:14px!important;font-weight:400!important;display:flex!important}.checkbox-label{cursor:pointer;color:var(--text-secondary);align-items:center;gap:14px;padding:4px 0;font-size:14px;line-height:1.4;display:flex;position:relative}.checkbox-input{opacity:0;cursor:pointer;width:0;height:0;position:absolute;top:0;left:0}.checkmark{border:2px solid var(--border);background:var(--surface);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;transition:all .2s;display:inline-flex;position:relative}.checkbox-text{color:var(--text-primary);text-transform:none;letter-spacing:normal;flex:1;font-size:14px;font-weight:400;line-height:1.5}.terms-link{color:var(--primary);cursor:pointer;text-transform:none;letter-spacing:normal;background:0 0;border:none;margin-left:4px;padding:0;font-size:14px;font-weight:600;text-decoration:underline}.terms-link:hover{opacity:.85}.checkbox-input:checked~.checkmark{background:var(--primary);border-color:var(--primary)}.checkmark:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:4px;height:8px;display:none;position:absolute;transform:rotate(45deg)translateY(-1px)}.checkbox-input:checked~.checkmark:after{display:block}.scroll-indicator{color:var(--text-secondary);flex-direction:column;align-items:center;gap:4px;font-size:11px;animation:1.5s infinite bounce;display:flex}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}button.submit{border-radius:var(--radius-md);background:var(--brand-gradient);color:#fff;cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 20px;font-size:14px;font-weight:700;transition:all .2s;display:flex}button.submit:hover{opacity:.9}button.submit:disabled{opacity:.6;cursor:not-allowed}@media (max-width:768px){.auth-gradient{display:none}.auth-form-wrapper{flex:1;padding:32px 20px}.auth-container{min-height:100vh}}.ov-loading{min-height:60vh;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:14px;font-size:14px;display:flex}.ov-page{flex-direction:column;gap:28px;max-width:100%;margin:0 auto;display:flex}.ov-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.ov-header__title{color:var(--text-primary);letter-spacing:-.02em;margin:0;font-size:1.8rem;font-weight:700}.ov-header__sub{color:var(--text-secondary);margin:4px 0 0;font-size:.875rem}.ov-header__actions{flex-wrap:wrap;gap:10px;display:flex}.ov-action-btn{border-radius:var(--radius-md);cursor:pointer;background:var(--surface);color:var(--text-primary);white-space:nowrap;background-clip:padding-box;border:2px solid #0000;align-items:center;gap:7px;padding:10px 22px;font-size:13.5px;font-weight:600;text-decoration:none;transition:all .18s;display:inline-flex;position:relative}.ov-action-btn:before{content:"";border-radius:var(--radius-md);background:var(--brand-gradient);-webkit-mask-composite:xor;pointer-events:none;padding:2px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.ov-action-btn:hover{color:var(--text-primary);background:var(--border-light)}.ov-action-btn--primary{background:var(--surface);color:var(--text-primary)}.ov-action-btn--primary:hover{background:var(--border-light);color:var(--text-primary)}.ov-stats{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.ov-stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);align-items:flex-start;gap:16px;padding:22px 24px;transition:box-shadow .2s,border-color .2s;display:flex}.ov-stat-card:hover{box-shadow:var(--shadow-md);border-color:color-mix(in srgb,var(--primary)18%,transparent)}.ov-stat-card__icon{border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.ov-stat-card__icon--purple{background:color-mix(in srgb,var(--primary)10%,transparent);color:var(--primary)}.ov-stat-card__icon--green{background:color-mix(in srgb,var(--success)10%,transparent);color:var(--success)}.ov-stat-card__icon--blue{background:color-mix(in srgb,var(--info)10%,transparent);color:var(--info)}.ov-stat-card__icon--pink{background:color-mix(in srgb,var(--brand-green)10%,transparent);color:var(--brand-green)}.ov-stat-card__body{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.ov-stat-card__label{color:var(--text-secondary);align-items:center;gap:6px;font-size:12px;font-weight:500;display:flex}.ov-stat-card__badge{letter-spacing:.03em;border-radius:20px;padding:2px 7px;font-size:10px;font-weight:700;display:inline-flex}.ov-stat-card__value{color:var(--text-primary);font-size:1.55rem;font-weight:700;line-height:1.15}.ov-stat-card__value small{color:var(--text-secondary);margin-left:4px;font-size:.55em;font-weight:500}.ov-stat-card__bar{background:var(--border);border-radius:20px;height:5px;margin-top:4px;overflow:hidden}.ov-stat-card__bar-fill{border-radius:20px;height:100%;transition:width .6s}.ov-stat-card__hint{color:var(--text-tertiary,var(--text-secondary));font-size:11px}.ov-quick-links{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;display:grid}.ov-quick-link{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text-primary);align-items:center;gap:14px;padding:18px 20px;text-decoration:none;transition:all .18s;display:flex}.ov-quick-link:hover{border-color:var(--primary);box-shadow:var(--shadow-sm)}.ov-quick-link>svg{color:var(--primary);flex-shrink:0}.ov-quick-link>div{flex-direction:column;flex:1;gap:2px;display:flex}.ov-quick-link__title{font-size:13px;font-weight:600}.ov-quick-link__desc{color:var(--text-secondary);font-size:11px}.ov-quick-link__arrow{color:var(--text-secondary);flex-shrink:0;transition:transform .15s}.ov-quick-link:hover .ov-quick-link__arrow{color:var(--primary);transform:translate(3px)}.ov-bottom-grid{grid-template-columns:1.6fr 1fr;gap:18px;display:grid}@media (max-width:900px){.ov-bottom-grid{grid-template-columns:1fr}}.ov-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.ov-card--chart .ov-card__body{padding:0 12px 12px}.ov-card__header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.ov-card__header h3{margin:0;font-size:15px;font-weight:600}.ov-card__body{padding:18px 24px}.ov-card__link{color:var(--primary);align-items:center;gap:4px;font-size:12px;font-weight:500;text-decoration:none;display:flex}.ov-card__link:hover{text-decoration:underline}.ov-activity-list{flex-direction:column;gap:0;display:flex}.ov-activity-item{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:10px 0;display:flex}.ov-activity-item:last-child{border-bottom:none}.ov-activity-item__dot{background:var(--primary);border-radius:50%;flex-shrink:0;width:7px;height:7px}.ov-activity-item__info{flex-direction:column;flex:1;gap:1px;display:flex}.ov-activity-item__model{font-size:13px;font-weight:500}.ov-activity-item__date{color:var(--text-secondary);font-size:11px}.ov-activity-item__tokens{color:var(--text-secondary);white-space:nowrap;font-size:12px;font-weight:500}.ov-empty-state{color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:40px 20px;font-size:13px;display:flex}.ak-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:60px 20px;display:flex}.ak-empty__icon{background:color-mix(in srgb,var(--primary)8%,transparent);width:70px;height:70px;color:var(--primary);border-radius:20px;justify-content:center;align-items:center;display:flex}.ak-empty h2{margin:0;font-size:18px}.ak-empty p{color:var(--text-secondary);margin:0;font-size:13px}.ak-list{flex-direction:column;gap:12px;display:flex}.ak-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;gap:12px;padding:18px;transition:all .18s;display:flex}.ak-card:hover{border-color:color-mix(in srgb,var(--primary)20%,transparent);box-shadow:var(--shadow-sm)}.ak-card__header{justify-content:space-between;align-items:center;display:flex}.ak-card__info{align-items:center;gap:8px;display:flex}.ak-card__key-icon{color:var(--primary)}.ak-card__info h3{margin:0;font-size:15px;font-weight:600}.ak-card__badge{background:color-mix(in srgb,var(--success)10%,transparent);color:var(--success);letter-spacing:.03em;border-radius:20px;padding:2px 8px;font-size:10px;font-weight:700}.ak-card__key-row{background:var(--background);border-radius:var(--radius-md);color:var(--text-secondary);align-items:center;gap:8px;padding:10px 14px;font-family:SF Mono,Fira Code,monospace;font-size:12.5px;display:flex;overflow:hidden}.ak-card__key-row code{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.ak-card__meta{color:var(--text-secondary);gap:16px;font-size:11.5px;display:flex}.ak-card__meta span{align-items:center;gap:4px;display:flex}.ak-card__actions{border-top:1px solid var(--border);gap:8px;padding-top:4px;display:flex}.ak-security{background:color-mix(in srgb,var(--primary)4%,transparent);border:1px solid color-mix(in srgb,var(--primary)10%,transparent);border-radius:var(--radius-lg);color:var(--primary);gap:12px;padding:14px 18px;font-size:12px;display:flex}.ak-security strong{color:var(--text-primary);margin-bottom:2px;font-size:13px;display:block}.ak-security p{color:var(--text-secondary);margin:0}.content-area:has(.pg-layout){flex-direction:column;flex:1;padding:16px;display:flex;overflow:hidden}.pg-layout{background:var(--surface);border-radius:var(--radius-xl);border:1px solid var(--border);min-height:0;box-shadow:var(--shadow-md);flex:1;gap:0;display:flex;overflow:hidden}.pg-drawer-backdrop{z-index:199;-webkit-backdrop-filter:blur(2px);background:#00000073;display:none;position:absolute;inset:0}.pg-mobile-settings-btn{border:1px solid var(--border);background:var(--surface);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:background .15s,color .15s;display:none}.pg-mobile-settings-btn:hover{background:var(--surface-hover);color:var(--text)}.pg-sidebar__close-mobile{width:28px;height:28px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;transition:background .15s,color .15s;display:none}.pg-sidebar__close-mobile:hover{background:var(--surface-hover);color:var(--text)}.pg-sidebar{border-right:1px solid var(--border);background:var(--background);flex-direction:column;width:320px;min-width:320px;transition:width .25s,min-width .25s;display:flex;overflow:hidden}.pg-sidebar--collapsed{width:48px;min-width:48px}.pg-sidebar__header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 18px;display:flex}.pg-sidebar__title{color:var(--text-primary);white-space:nowrap;align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.pg-sidebar--collapsed .pg-sidebar__title span{display:none}.pg-sidebar__toggle{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-radius:6px;align-items:center;padding:4px;transition:background .15s;display:flex}.pg-sidebar__toggle:hover{background:var(--border)}.pg-sidebar__body{flex-direction:column;flex:1;gap:4px;padding:16px;display:flex;overflow-y:auto}.pg-sidebar__body::-webkit-scrollbar{width:4px}.pg-sidebar__body::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.pg-field{margin-bottom:12px}.pg-field--half{flex:1;min-width:0}.pg-field-row{gap:10px;display:flex}.pg-field__label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em;align-items:center;gap:6px;margin-bottom:6px;font-size:12px;font-weight:600;display:flex}.pg-field__value{color:var(--text-primary);background:var(--surface);border:1px solid var(--border);border-radius:6px;margin-left:auto;padding:1px 8px;font-size:13px;font-weight:700}.pg-field__section-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:700}.pg-input,.pg-select,.pg-textarea{border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);background:var(--surface);padding:9px 12px;font-family:inherit;font-size:13px;transition:border-color .15s,box-shadow .15s}.pg-input:focus,.pg-select:focus,.pg-textarea:focus{border-color:#0000;border-image:var(--brand-gradient)1;outline:none}.pg-textarea{resize:vertical;min-height:60px;line-height:1.5}.pg-select-wrap{position:relative}.pg-select{appearance:none;cursor:pointer;padding-right:32px;font-weight:500}.pg-select__icon{color:var(--text-secondary);pointer-events:none;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.pg-model-dropdown{position:relative}.pg-model-dropdown__trigger{border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);background:var(--surface);cursor:pointer;text-align:left;justify-content:space-between;align-items:center;padding:9px 12px;font-family:inherit;font-size:13px;font-weight:500;transition:border-color .15s,box-shadow .15s;display:flex}.pg-model-dropdown__trigger:hover{border-color:var(--border-hover)}.pg-model-dropdown__trigger--open{border-color:#0000;border-image:var(--brand-gradient)1}.pg-model-dropdown__value{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.pg-model-dropdown__chevron{color:var(--text-secondary);flex-shrink:0;transition:transform .2s}.pg-model-dropdown__chevron--open{transform:rotate(180deg)}.pg-model-dropdown__menu{z-index:50;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);animation:.15s pgDropdownFadeIn;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:hidden}@keyframes pgDropdownFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.pg-model-dropdown__search{border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:8px 10px;display:flex}.pg-model-dropdown__search-icon{color:var(--text-secondary);flex-shrink:0}.pg-model-dropdown__search-input{width:100%;color:var(--text-primary);background:0 0;border:none;outline:none;font-family:inherit;font-size:12px}.pg-model-dropdown__search-input::placeholder{color:var(--text-disabled)}.pg-model-dropdown__list{scrollbar-width:thin;scrollbar-color:var(--border)transparent;max-height:240px;padding:4px 0;overflow-y:auto}.pg-model-dropdown__list::-webkit-scrollbar{width:5px}.pg-model-dropdown__list::-webkit-scrollbar-track{background:0 0}.pg-model-dropdown__list::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.pg-model-dropdown__list::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}.pg-model-dropdown__group-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:5px;padding:6px 12px 4px;font-size:10px;font-weight:700;display:flex}.pg-model-dropdown__group-count{opacity:.6;background:color-mix(in srgb,var(--text-secondary)15%,transparent);border-radius:8px;margin-left:auto;padding:1px 5px;font-size:10px;font-weight:600}.pg-model-dropdown__item-name{text-align:left;flex:1}.pg-model-dropdown__item-badge{letter-spacing:.04em;border-radius:4px;flex-shrink:0;padding:2px 5px;font-size:9px;font-weight:700}.pg-model-dropdown__item-badge--free{color:#10b981;background:#10b98126}.pg-model-dropdown__item-badge--paid{color:#a78bfa;background:#a78bfa26}.pg-model-dropdown__item{width:100%;color:var(--text-primary);cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;padding:7px 12px;font-family:inherit;font-size:13px;transition:background .1s;display:flex}.pg-model-dropdown__item:hover{background:color-mix(in srgb,var(--primary)12%,transparent)}.pg-model-dropdown__item--active{background:color-mix(in srgb,var(--primary)15%,transparent);color:var(--primary);font-weight:600}.pg-model-dropdown__item--active:hover{background:color-mix(in srgb,var(--primary)20%,transparent)}.pg-model-dropdown__empty{text-align:center;color:var(--text-secondary);padding:16px 12px;font-size:12px}.pg-slider{appearance:none;background:linear-gradient(to right,var(--primary)0%,var(--primary)var(--pg-progress,50%),var(--border)var(--pg-progress,50%),var(--border)100%);cursor:pointer;border-radius:3px;outline:none;width:100%;height:6px;margin:4px 0}.pg-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--surface);border:2.5px solid var(--primary);cursor:pointer;border-radius:50%;width:18px;height:18px;transition:transform .12s,box-shadow .12s;box-shadow:0 1px 4px #0000001f}.pg-slider::-webkit-slider-thumb:hover{box-shadow:0 2px 8px color-mix(in srgb,var(--primary)35%,transparent);transform:scale(1.15)}.pg-slider::-moz-range-thumb{background:var(--surface);border:2.5px solid var(--primary);cursor:pointer;border-radius:50%;width:18px;height:18px}.pg-slider__labels{color:var(--text-secondary);justify-content:space-between;margin-top:2px;font-size:10px;display:flex}.pg-model-badge{margin-top:6px}.pg-badge{text-transform:uppercase;letter-spacing:.04em;border-radius:20px;align-items:center;padding:2px 8px;font-size:10px;font-weight:700;display:inline-flex}.pg-badge--free{background:color-mix(in srgb,var(--success)10%,transparent);color:var(--success)}.pg-badge--premium{background:color-mix(in srgb,var(--primary)10%,transparent);color:var(--primary)}.pg-agent-info{background:var(--bg-secondary);border-radius:8px;flex-direction:column;gap:6px;margin-top:4px;padding:8px 10px;display:flex}.pg-agent-info__tools{flex-wrap:wrap;gap:4px;display:flex}.pg-agent-tool-chip{background:color-mix(in srgb,var(--primary)8%,transparent);color:var(--text-secondary);text-transform:capitalize;border-radius:4px;align-items:center;gap:3px;padding:2px 7px;font-size:10px;font-weight:500;display:inline-flex}.pg-agent-info__meta{color:var(--text-tertiary);align-items:center;gap:6px;font-size:11px;display:flex}.pg-agent-info__meta span{align-items:center;gap:3px;display:inline-flex}.pg-agent-info__memory{margin-top:2px}.pg-memory{letter-spacing:.02em;border-radius:4px;align-items:center;gap:4px;padding:2px 8px;font-size:10px;font-weight:600;display:inline-flex}.pg-memory--on{background:color-mix(in srgb,var(--primary)10%,transparent);color:var(--primary)}.pg-memory--off{background:color-mix(in srgb,var(--text-tertiary)8%,transparent);color:var(--text-tertiary)}.pg-msg__memory-badge{margin-top:4px}.pg-divider{background:var(--border);height:1px;margin:8px 0 12px}.pg-toggle{border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;background:var(--surface);-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;margin-bottom:6px;padding:10px 12px;transition:all .15s;display:flex}.pg-toggle:hover{border-color:var(--primary)}.pg-toggle--active{border-color:var(--primary);background:color-mix(in srgb,var(--primary)4%,transparent)}.pg-toggle--doc.pg-toggle--active{border-color:var(--info);background:color-mix(in srgb,var(--info)4%,transparent)}.pg-toggle--guard.pg-toggle--active{border-color:var(--warning);background:color-mix(in srgb,var(--warning)4%,transparent)}.pg-toggle--mcp.pg-toggle--active{background:#f59e0b0d;border-color:#f59e0b}.pg-toggle--browser.pg-toggle--active{background:#3b82f60d;border-color:#3b82f6}.pg-browser-status{border-radius:6px;align-items:center;gap:6px;padding:6px 8px;font-size:11px;font-weight:500;display:flex}.pg-browser-status--connected{color:#10b981;background:#10b98114;border:1px solid #10b98133}.pg-browser-status--disconnected{color:#ef4444;background:#ef44440f;border:1px solid #ef444426;flex-wrap:wrap}.pg-browser-status__api{opacity:.7;margin-left:auto;font-family:JetBrains Mono,monospace;font-size:10px}.pg-browser-hint{width:100%;color:var(--text-secondary);margin-top:4px;font-size:10px}.pg-browser-hint code{background:var(--surface-alt);border-radius:3px;padding:1px 4px;font-size:10px}.pg-mcp-loading{color:var(--text-secondary);align-items:center;gap:6px;padding:4px 0;font-size:11px;display:flex}.pg-mcp-empty{color:var(--text-secondary);padding:4px 0;font-size:11px}.pg-mcp-link{color:var(--primary);cursor:pointer;text-decoration:underline}.pg-mcp-server-list{flex-direction:column;gap:5px;display:flex}.pg-mcp-server-item{border:1px solid var(--border);background:var(--surface-alt);cursor:pointer;border-radius:6px;align-items:center;gap:7px;padding:5px 8px;font-size:12px;transition:all .15s;display:flex}.pg-mcp-server-item input[type=checkbox]{cursor:pointer;accent-color:#f59e0b;width:13px;height:13px}.pg-mcp-server-item span{flex:1}.pg-mcp-server-item--active{color:#f59e0b;background:#f59e0b0f;border-color:#f59e0b66}.pg-mcp-tool-count{color:#f59e0b;background:#f59e0b1f;border-radius:8px;padding:1px 5px;font-size:10px;font-weight:600;flex:none!important}.pg-mcp-active-note{color:#f59e0b;align-items:center;gap:5px;margin-top:6px;font-size:11px;font-weight:500;display:flex}.pg-toggle__info{color:var(--text-secondary);align-items:center;gap:10px;display:flex}.pg-toggle__info>svg{flex-shrink:0}.pg-toggle__title{color:var(--text-primary);font-size:13px;font-weight:600;line-height:1.2;display:block}.pg-toggle__desc{color:var(--text-secondary);font-size:11px;line-height:1.3;display:block}.pg-switch{background:var(--border);cursor:pointer;border-radius:12px;flex-shrink:0;width:36px;height:20px;transition:background .2s;position:relative}.pg-switch--on{background:var(--primary)}.pg-switch__thumb{background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #00000026}.pg-switch--on .pg-switch__thumb{transform:translate(16px)}.pg-upload-btn{background:var(--surface);color:var(--text-secondary);cursor:pointer;background-clip:padding-box;border:2px solid #0000;border-radius:6px;flex-shrink:0;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:600;transition:all .15s;display:flex;position:relative}.pg-upload-btn:before{content:"";background:var(--brand-gradient);-webkit-mask-composite:xor;pointer-events:none;border-radius:6px;padding:2px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.pg-upload-btn:hover{color:var(--text-primary);background:var(--border-light)}.pg-doc-chip{background:color-mix(in srgb,var(--info)6%,transparent);border:1px solid color-mix(in srgb,var(--info)15%,transparent);border-radius:var(--radius-sm);color:var(--text-secondary);align-items:center;gap:6px;margin-bottom:6px;padding:6px 10px;font-size:12px;display:flex}.pg-doc-chip__name{text-overflow:ellipsis;white-space:nowrap;color:var(--text-primary);flex:1;font-weight:500;overflow:hidden}.pg-doc-chip__size{color:var(--text-secondary);font-size:10px}.pg-nested-config{background:color-mix(in srgb,var(--primary)3%,transparent);border:1px solid color-mix(in srgb,var(--primary)10%,transparent);border-radius:var(--radius-sm);margin-bottom:6px;padding:10px 12px}.pg-nested-config .pg-field{margin-bottom:8px}.pg-nested-config .pg-field:last-child{margin-bottom:0}.pg-main{background:var(--surface);flex-direction:column;flex:1;min-width:0;display:flex}.pg-topbar{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:10px 20px;display:flex}.pg-topbar__left,.pg-topbar__right{align-items:center;gap:12px;display:flex}.pg-mode-indicator{color:var(--mode-color,var(--primary));background:color-mix(in srgb,var(--mode-color,var(--primary))8%,transparent);border:1px solid color-mix(in srgb,var(--mode-color,var(--primary))20%,transparent);border-radius:20px;align-items:center;gap:6px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex}.pg-topbar__model{color:var(--text-secondary);align-items:center;gap:5px;font-size:12px;font-weight:500;display:flex}.pg-topbar__stats{align-items:center;gap:12px;display:flex}.pg-stat{color:var(--text-secondary);align-items:center;gap:4px;font-size:11px;font-weight:500;display:flex}.pg-stat--cost{color:var(--success);font-weight:600}.pg-btn-icon{color:var(--text-secondary);cursor:pointer;background:padding-box padding-box;border:2px solid #0000;border-radius:8px;align-items:center;padding:6px;transition:all .15s;display:flex;position:relative}.pg-btn-icon:before{content:"";background:var(--brand-gradient);-webkit-mask-composite:xor;pointer-events:none;border-radius:8px;padding:2px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.pg-btn-icon:hover{background:var(--background);color:var(--text-primary);border-color:var(--text-secondary)}.pg-messages{flex-direction:column;flex:1;gap:4px;padding:24px;display:flex;overflow-y:auto}.pg-messages::-webkit-scrollbar{width:5px}.pg-messages::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.pg-empty{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:40px 20px;display:flex}.pg-empty__icon{background:linear-gradient(135deg,color-mix(in srgb,var(--brand-green)10%,transparent),color-mix(in srgb,var(--primary)10%,transparent),color-mix(in srgb,var(--secondary)10%,transparent));width:64px;height:64px;color:var(--primary);border-radius:20px;justify-content:center;align-items:center;margin-bottom:20px;display:flex}.pg-empty h3{color:var(--text-primary);margin-bottom:8px;font-size:20px;font-weight:700}.pg-empty p{color:var(--text-secondary);max-width:400px;margin-bottom:28px;font-size:14px;line-height:1.5}.pg-empty__hints{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.pg-hint{border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);cursor:pointer;border-radius:20px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.pg-hint:hover{border-color:var(--primary);color:var(--primary);background:color-mix(in srgb,var(--primary)4%,transparent);transform:translateY(-1px)}.pg-msg{gap:12px;padding:16px 0;display:flex}.pg-msg+.pg-msg{border-top:1px solid var(--border)}.pg-msg__avatar{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;display:flex}.pg-msg--user .pg-msg__avatar{background:linear-gradient(135deg,color-mix(in srgb,var(--info)10%,transparent),color-mix(in srgb,var(--primary)10%,transparent));color:var(--info)}.pg-msg--assistant .pg-msg__avatar{background:linear-gradient(135deg,color-mix(in srgb,var(--brand-green)10%,transparent),color-mix(in srgb,var(--primary)10%,transparent));color:var(--primary)}.pg-msg--error .pg-msg__avatar{background:color-mix(in srgb,var(--error)10%,transparent);color:var(--error)}.pg-msg__body{flex:1;min-width:0;overflow:hidden}.pg-msg__header{align-items:center;gap:8px;margin-bottom:6px;display:flex}.pg-msg__role{color:var(--text-primary);font-size:13px;font-weight:700}.pg-msg__model{color:var(--text-secondary);background:var(--background);border-radius:4px;padding:1px 7px;font-size:11px;font-weight:500}.pg-msg__mode{text-transform:uppercase;letter-spacing:.03em;border-radius:4px;padding:1px 7px;font-size:10px;font-weight:700}.pg-msg__mode--chat{background:color-mix(in srgb,var(--primary)10%,transparent);color:var(--primary)}.pg-msg__mode--rag{background:color-mix(in srgb,var(--success)10%,transparent);color:var(--success)}.pg-msg__mode--document{background:color-mix(in srgb,var(--info)10%,transparent);color:var(--info)}.pg-msg__doc{background:color-mix(in srgb,var(--info)6%,transparent);color:var(--text-secondary);border-radius:6px;align-items:center;gap:6px;width:fit-content;margin-bottom:8px;padding:5px 10px;font-size:12px;display:flex}.pg-msg__doc-size{color:var(--text-secondary);opacity:.7;font-size:10px}.pg-msg__content{color:var(--text-primary);word-break:break-word;overflow-wrap:break-word;max-width:100%;font-size:14px;line-height:1.7;overflow-x:auto}.pg-msg--error .pg-msg__content{color:var(--error);font-size:13px}.pg-msg__sources{margin-top:10px}.pg-msg__sources-label{color:var(--success);background:color-mix(in srgb,var(--success)8%,transparent);border-radius:20px;align-items:center;gap:5px;padding:3px 10px;font-size:11px;font-weight:500;display:inline-flex}.pg-msg__actions{align-items:center;gap:8px;margin-top:10px;padding-top:8px;display:flex}.pg-msg__action{border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);cursor:pointer;border-radius:6px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:500;transition:all .15s;display:flex}.pg-msg__action:hover{border-color:var(--primary);color:var(--primary)}.pg-msg__stats{color:var(--text-secondary);align-items:center;gap:10px;margin-left:auto;font-size:11px;display:flex}.pg-msg__stats span{align-items:center;gap:3px;display:flex}.pg-typing{align-items:center;gap:4px;padding:4px 0;display:flex}.pg-typing span{background:var(--primary);opacity:.4;border-radius:50%;width:7px;height:7px;animation:1.2s ease-in-out infinite pgBounce}.pg-typing span:nth-child(2){animation-delay:.15s}.pg-typing span:nth-child(3){animation-delay:.3s}@keyframes pgBounce{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-6px)}}.pg-typing__label{color:var(--text-secondary);margin-top:4px;font-size:12px}.pg-input-area{border-top:1px solid var(--border);flex-shrink:0;padding:16px 20px 20px}.pg-error{background:color-mix(in srgb,var(--error)6%,transparent);border:1px solid color-mix(in srgb,var(--error)15%,transparent);border-radius:var(--radius-sm);color:var(--error);align-items:center;gap:8px;margin-bottom:10px;padding:8px 12px;font-size:13px;display:flex}.pg-error button{color:var(--error);cursor:pointer;background:0 0;border:none;margin-left:auto;padding:2px;display:flex}.pg-composer{border:1.5px solid var(--border);background:var(--surface);border-radius:16px;transition:border-color .15s,box-shadow .15s;overflow:hidden}.pg-composer:focus-within{border-color:#0000;border-image:var(--brand-gradient)1}.pg-composer__input{width:100%;color:var(--text-primary);resize:none;background:0 0;border:none;outline:none;max-height:160px;padding:14px 16px 6px;font-family:inherit;font-size:14px;line-height:1.5}.pg-composer__input::placeholder{color:var(--text-secondary);opacity:.7}.pg-composer__footer{justify-content:space-between;align-items:center;padding:6px 8px 8px 14px;display:flex}.pg-composer__features{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.pg-chip{border-radius:20px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.pg-chip button{cursor:pointer;color:inherit;opacity:.7;background:0 0;border:none;padding:0;display:flex}.pg-chip button:hover{opacity:1}.pg-chip--doc{background:color-mix(in srgb,var(--info)8%,transparent);color:var(--info)}.pg-chip--rag{background:color-mix(in srgb,var(--success)8%,transparent);color:var(--success)}.pg-chip--guard{background:color-mix(in srgb,var(--warning)8%,transparent);color:var(--warning)}.pg-send-btn{background:var(--surface);width:40px;height:40px;color:var(--text-primary);cursor:pointer;background-clip:padding-box;border:2px solid #0000;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex;position:relative}.pg-send-btn:before{content:"";background:var(--brand-gradient);-webkit-mask-composite:xor;pointer-events:none;border-radius:12px;padding:2px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.pg-send-btn:hover:not(:disabled){color:var(--text-primary);transform:scale(1.05)}.pg-send-btn:active:not(:disabled){transform:scale(.97)}.pg-send-btn:disabled{opacity:.4;cursor:not-allowed}@media (max-width:900px){.pg-sidebar{width:260px;min-width:260px}.pg-topbar{padding:8px 14px}.pg-messages{padding:16px 14px}.pg-input-area{padding:12px 14px 14px}.pg-empty{padding:24px 16px}.pg-empty h3{font-size:18px}}@media (max-width:1100px){.pg-mobile-settings-btn{display:flex!important}.pg-sidebar__toggle{display:none!important}.pg-sidebar__close-mobile{display:flex!important}.pg-layout{border-radius:var(--radius-md);position:relative}.pg-drawer-backdrop{display:block!important}.pg-sidebar{z-index:200;border-right:1px solid var(--border);border-bottom:none;max-height:none;transition:transform .28s cubic-bezier(.4,0,.2,1);position:absolute;top:0;bottom:0;left:0;transform:translate(0);box-shadow:4px 0 24px #00000040;width:300px!important;min-width:300px!important}.pg-sidebar--collapsed{box-shadow:none;pointer-events:none;transform:translate(-100%)}.pg-sidebar__header{padding:12px 14px}.pg-sidebar__body{padding:12px}.pg-main{width:100%}.pg-topbar{flex-wrap:wrap;gap:8px;padding:8px 12px}.pg-topbar__left{flex:1;gap:8px;min-width:0}.pg-topbar__right{gap:8px}.pg-topbar__stats{gap:6px}.pg-stat{padding:2px 6px;font-size:11px}.pg-topbar__model{text-overflow:ellipsis;white-space:nowrap;max-width:140px;font-size:11px;overflow:hidden}.pg-mode-indicator{padding:3px 8px;font-size:11px}.pg-messages{gap:2px;padding:12px 10px}.pg-msg{gap:8px;padding:12px 0}.pg-msg__avatar{border-radius:8px;width:28px;height:28px}.pg-msg__content{font-size:13px}.pg-msg__header{flex-wrap:wrap;gap:4px}.pg-empty{padding:20px 14px}.pg-empty__icon{width:48px;height:48px}.pg-empty__icon svg{width:24px;height:24px}.pg-empty h3{margin-bottom:4px;font-size:16px}.pg-empty p{margin-bottom:16px;font-size:12px}.pg-empty__hints{flex-direction:column;gap:6px}.pg-hint{padding:8px 12px;font-size:12px}.pg-input-area{padding:10px 10px 12px}.pg-composer{border-radius:12px}.pg-composer__input{max-height:120px;padding:10px 12px 4px;font-size:13px}.pg-composer__footer{padding:4px 6px 6px 10px}.pg-send-btn{width:36px;height:36px}.pg-send-btn svg{width:16px;height:16px}.pg-chip{padding:2px 6px;font-size:10px}.pg-agent-steps summary{font-size:12px}.pg-agent-step{padding:6px 8px;font-size:11px}.pg-model-dropdown__menu{max-height:200px}.pg-model-dropdown__item{padding:8px 10px;font-size:12px}}@media (max-width:480px){.content-area:has(.pg-layout){padding:0!important}.pg-layout{box-shadow:none;border:none;border-radius:0}.pg-sidebar{width:280px!important;min-width:280px!important}.pg-sidebar__header{padding:10px 12px}.pg-sidebar__body{gap:2px;padding:10px}.pg-field__label{font-size:11px}.pg-topbar{padding:6px 10px}.pg-mode-indicator{padding:2px 6px;font-size:10px}.pg-topbar__model{max-width:100px;font-size:10px}.pg-messages{padding:10px 8px}.pg-msg{gap:6px;padding:10px 0}.pg-msg__avatar{border-radius:6px;width:24px;height:24px}.pg-msg__avatar svg{width:12px;height:12px}.pg-msg__role{font-size:11px}.pg-msg__model{font-size:10px}.pg-msg__content{font-size:12.5px}.pg-msg__actions{gap:6px}.pg-msg__action{font-size:10px}.pg-empty h3{font-size:15px}.pg-empty p{font-size:11px}.pg-empty__icon{width:40px;height:40px}.pg-hint{padding:6px 10px;font-size:11px}.pg-input-area{padding:8px 8px 10px}.pg-composer__input{max-height:100px;padding:8px 10px 4px;font-size:13px}.pg-composer__footer{padding:3px 4px 5px 8px}.pg-send-btn{border-radius:10px;width:32px;height:32px}.pg-error{padding:6px 8px;font-size:11px}.pg-toggle{padding:6px 8px}.pg-toggle__title{font-size:12px}.pg-toggle__desc{font-size:10px}.pg-nested-config{padding:6px 8px}.pg-slider__labels{font-size:10px}.pg-field__value{font-size:11px}.pg-tier-banner{padding:4px 8px!important;font-size:10px!important}}.api-keys-zero-state{background:var(--surface);border-radius:var(--radius-xl);text-align:center;border:1px solid var(--border-light);box-shadow:var(--shadow-sm);padding:80px 40px}.zero-state-icon{width:120px;height:120px;margin:0 auto 32px}.api-keys-zero-state h2{color:var(--text-primary);margin-bottom:12px;font-size:28px;font-weight:800}.api-keys-zero-state p{color:var(--text-secondary);margin-bottom:32px;font-size:14px;line-height:1.8}.feature-cards{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:60px;display:grid}.feature-card{background:var(--border-light);border-radius:var(--radius-md);text-align:center;padding:24px}.feature-card h3{color:var(--text-primary);margin-bottom:8px;font-size:16px;font-weight:700}.feature-card p{color:var(--text-secondary);font-size:13px;line-height:1.6}.api-keys-list{flex-direction:column;gap:24px;margin-bottom:32px;display:flex}.api-key-card{background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:32px;transition:all .2s}.api-key-card:hover{background:color-mix(in srgb,var(--primary)3%,transparent)}.key-header{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.key-info{align-items:center;gap:12px;display:flex}.key-badge{color:#fff;text-transform:uppercase;letter-spacing:.5px;border-radius:20px;padding:4px 12px;font-size:11px;font-weight:700}.key-info h3{color:var(--text-primary);font-size:18px;font-weight:700}.key-body{margin-bottom:24px}.key-display{gap:12px;margin-bottom:16px;display:flex}.key-display input{background:var(--border-light);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);flex:1;padding:14px 16px;font-family:Courier New,monospace;font-size:14px;font-weight:600}.btn-copy{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;padding:14px 24px;font-size:13px;font-weight:600;transition:all .2s}.btn-copy:hover{background:var(--border-light);color:var(--text-primary)}.key-meta{color:var(--text-secondary);gap:32px;font-size:13px;display:flex}.key-actions{justify-content:flex-end;gap:12px;display:flex}.key-actions .btn-secondary,.key-actions .btn-warning,.key-actions .btn-danger{flex:0;min-width:120px;padding:10px 16px;font-size:13px}.btn-danger{background:var(--surface);border:1px solid var(--error);border-radius:var(--radius-md);color:var(--error);cursor:pointer;padding:12px 24px;font-size:13px;font-weight:600;transition:all .2s}.btn-danger:hover{background:color-mix(in srgb,var(--error)10%,transparent)}.security-card{background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:32px}.security-card h3{color:var(--text-primary);margin-bottom:16px;font-size:18px;font-weight:700}.security-card ul{color:var(--text-secondary);padding:0;font-size:13px;line-height:1.8;list-style:none}.security-card li:before{content:"• ";color:var(--primary);margin-right:8px;font-weight:700}.modal-gradient-border:before{content:"";border-radius:var(--radius-xl);background:var(--brand-gradient);-webkit-mask-composite:xor;pointer-events:none;padding:3px;position:absolute;inset:-3px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.modal-header.centered{text-align:center}.key-display-modal{background:var(--border-light);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);text-align:center;padding:16px 20px;font-family:Courier New,monospace;font-size:14px;font-weight:600}.radio-group{gap:32px;margin-top:8px;display:flex}.radio-option{cursor:pointer;color:var(--text-primary);align-items:center;gap:8px;font-size:14px;font-weight:500;display:flex}.radio-option input[type=radio]{opacity:0;width:0;height:0;position:absolute}.radio-circle{border:2px solid var(--border);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;transition:all .2s;display:flex;position:relative}.radio-option input[type=radio]:checked+.radio-circle{background:0 0;border-color:#0000}.radio-option input[type=radio]:checked+.radio-circle:after{content:"";background:linear-gradient(90deg,var(--primary)0%,var(--secondary)100%);border-radius:50%;width:12px;height:12px;display:block}.btn-warning{background:var(--surface);border:1px solid var(--warning);border-radius:var(--radius-md);color:var(--warning);cursor:pointer;padding:12px 24px;font-size:14px;font-weight:600;transition:all .2s}.btn-warning:hover{background:color-mix(in srgb,var(--warning)10%,transparent)}@media (max-width:768px){.feature-cards{grid-template-columns:1fr}.key-actions{flex-direction:column}}.usage-header{margin-bottom:28px}.usage-header h1{color:var(--text-primary);margin-bottom:6px;font-size:32px;font-weight:800}.usage-header p{color:var(--text-secondary);font-size:14px}.usage-filters{background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);align-items:center;gap:20px;margin-bottom:28px;padding:20px 28px;display:flex}.filter-group{align-items:center;gap:12px;display:flex}.filter-group label{color:var(--text-primary);white-space:nowrap;font-size:14px;font-weight:600}.filter-group .select-wrapper{min-width:180px;position:relative}.filter-group select{border:1px solid var(--border);border-radius:var(--radius-md);width:100%;color:var(--text-primary);background:var(--surface);cursor:pointer;appearance:none;padding:10px 36px 10px 14px;font-size:14px;font-weight:500;transition:all .2s}.filter-group select:focus{border-color:#0000;border-image:var(--brand-gradient)1;outline:none}.filter-group .select-icon{color:var(--text-secondary);pointer-events:none;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.btn-export{background:var(--surface);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;background-clip:padding-box;border:2px solid #0000;align-items:center;gap:8px;margin-left:auto;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s;display:flex;position:relative}.btn-export:before{content:"";border-radius:calc(var(--radius-md) + 2px);background:var(--brand-gradient);-webkit-mask-composite:xor;pointer-events:none;padding:2px;position:absolute;inset:-2px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.btn-export:hover{background:var(--surface);color:var(--text-primary);transform:none}.charts-grid{grid-template-columns:1fr 1fr;gap:28px;margin-bottom:28px;display:grid}.chart-card{background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);padding:32px}.chart-card h3{color:var(--text-primary);margin-bottom:28px;font-size:18px;font-weight:700}.bar-chart{justify-content:space-between;align-items:flex-end;gap:16px;height:280px;padding:20px 0;display:flex}.bar-item{flex-direction:column;flex:1;align-items:center;gap:12px;height:100%;display:flex}.bar-wrapper{flex:1;justify-content:center;align-items:flex-end;width:100%;display:flex}.bar{background:linear-gradient(180deg,var(--primary)0%,var(--secondary)100%);border:3px solid var(--primary);border-radius:8px 8px 0 0;width:100%;max-width:60px;transition:all .3s;position:relative}.bar:hover{opacity:.8;transform:translateY(-4px)}.bar-label{color:var(--text-secondary);font-size:13px;font-weight:600}.donut-chart-container{align-items:center;gap:40px;display:flex}.donut-chart{flex-shrink:0;width:200px;height:200px}.donut-legend{flex-direction:column;flex:1;gap:16px;display:flex}.legend-item{align-items:center;gap:12px;display:flex}.legend-color{border-radius:4px;flex-shrink:0;width:16px;height:16px}.legend-label{color:var(--text-primary);flex:1;font-size:14px;font-weight:500}.legend-value{color:var(--text-secondary);font-size:14px;font-weight:700}.cost-breakdown-card{background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);padding:32px}.cost-breakdown-card h3{color:var(--text-primary);margin-bottom:24px;font-size:18px;font-weight:700}.table-wrapper{overflow-x:auto}.cost-table{border-collapse:collapse;width:100%}.cost-table thead tr{border-bottom:2px solid var(--border)}.cost-table th{text-align:left;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;padding:16px 20px;font-size:13px;font-weight:700}.cost-table tbody tr{border-bottom:1px solid var(--border-light);transition:background .2s}.cost-table tbody tr:hover{background:var(--border-light)}.cost-table td{color:var(--text-primary);padding:18px 20px;font-size:14px}.cost-table .total-row{border-top:2px solid var(--border);background:var(--border-light)}.cost-table .total-row:hover{background:var(--border-light)}.cost-table .total-row td{color:var(--text-primary);font-weight:700}@media (max-width:1200px){.charts-grid{grid-template-columns:1fr}.donut-chart-container{flex-direction:column;gap:24px}}@media (max-width:768px){.usage-filters,.filter-group{flex-direction:column;align-items:stretch}.filter-group .select-wrapper{width:100%}.btn-export{justify-content:center;margin-left:0}.bar-chart{gap:8px;height:200px}}.main-content,.sidebar,.modal-overlay{-ms-overflow-style:none;scrollbar-width:none}.main-content::-webkit-scrollbar{width:0;height:0;display:none}.sidebar::-webkit-scrollbar{width:0;height:0;display:none}.modal-overlay::-webkit-scrollbar{width:0;height:0;display:none}.buy-credits-header{margin-bottom:32px}.buy-credits-header h1{color:var(--text-primary);margin-bottom:6px;font-size:32px;font-weight:800}.buy-credits-header p{color:var(--text-secondary);font-size:14px}.quick-packages-section{margin-bottom:32px}.quick-packages-section h3{color:var(--text-primary);margin-bottom:20px;font-size:18px;font-weight:700}.quick-packages-grid{flex-wrap:wrap;gap:16px;display:flex}.package-btn{background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;min-width:120px;padding:14px 32px;font-size:15px;font-weight:700;transition:all .2s}.package-btn:hover{background:var(--border-light)}.package-btn.active{background:var(--surface);color:var(--text-primary);box-shadow:var(--shadow-sm);border:2px solid #0000;position:relative}.package-btn.active:before{content:"";border-radius:calc(var(--radius-md) + 2px);background:var(--brand-gradient);-webkit-mask-composite:xor;pointer-events:none;padding:2px;position:absolute;inset:-2px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.custom-amount-card{background:var(--surface);border-radius:var(--radius-xl);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);margin-bottom:32px;padding:40px}.custom-amount-card .form-group{margin-bottom:32px}.custom-amount-card .form-group label{color:var(--text-primary);margin-bottom:12px;font-size:14px;font-weight:700;display:block}.amount-input-wrapper{align-items:center;max-width:400px;display:flex;position:relative}.amount-input{border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);background:var(--surface);flex:1;padding:16px 80px 16px 20px;font-size:24px;font-weight:700;transition:all .2s}.amount-input:focus{border-color:#0000;border-image:var(--brand-gradient)1;outline:none}.currency-suffix{color:var(--text-secondary);pointer-events:none;font-size:14px;font-weight:600;position:absolute;right:20px}.token-preview{color:var(--text-secondary);margin-top:12px;font-size:14px}.token-value{color:var(--success);font-weight:700}.rate-info{color:var(--text-secondary);font-weight:400}.btn-proceed{background:var(--surface);border-radius:var(--radius-md);width:100%;max-width:400px;color:var(--text-primary);cursor:pointer;background-clip:padding-box;border:2px solid #0000;margin-bottom:32px;padding:16px 32px;font-size:15px;font-weight:700;transition:all .3s;position:relative}.btn-proceed:before{content:"";border-radius:var(--radius-md);background:var(--brand-gradient);-webkit-mask-composite:xor;pointer-events:none;padding:2px;position:absolute;inset:-2px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.btn-proceed:hover{opacity:.9}.payment-methods{border-top:1px solid var(--border-light);padding-top:28px}.payment-methods label{color:var(--text-primary);margin-bottom:16px;font-size:14px;font-weight:700;display:block}.payment-options{gap:32px;display:flex}.payment-option{cursor:pointer;color:var(--text-primary);align-items:center;gap:10px;font-size:14px;font-weight:500;display:flex}.payment-option input[type=radio]{appearance:none;border:2px solid var(--border);cursor:pointer;background:var(--surface);border-radius:50%;flex-shrink:0;width:18px;height:18px;transition:all .2s;position:relative}.payment-option input[type=radio]:checked{border-color:var(--primary);background:var(--primary)}.payment-option input[type=radio]:checked:after{content:"";background:var(--surface);border-radius:50%;width:6px;height:6px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.package-comparison-section{background:var(--surface);border-radius:var(--radius-xl);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);padding:40px}.package-comparison-section h3{color:var(--text-primary);margin-bottom:24px;font-size:18px;font-weight:700}.comparison-table-wrapper{margin-bottom:28px;overflow-x:auto}.comparison-table{border-collapse:collapse;width:100%}.comparison-table thead tr{border-bottom:2px solid var(--border)}.comparison-table th{text-align:left;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;padding:16px 20px;font-size:13px;font-weight:700}.comparison-table tbody tr{border-bottom:1px solid var(--border-light);transition:all .2s}.comparison-table tbody tr:hover:not(.highlighted-row){background:var(--border-light)}.comparison-table tbody tr.highlighted-row{position:relative}.comparison-table tbody tr.highlighted-row td{background:var(--surface);border-top:2px solid var(--primary);border-bottom:2px solid var(--primary);position:relative}.comparison-table tbody tr.highlighted-row td:first-child{border-left:2px solid var(--primary);border-radius:var(--radius-md)0 0 var(--radius-md)}.comparison-table tbody tr.highlighted-row td:last-child{border-right:2px solid var(--primary);border-radius:0 var(--radius-md)var(--radius-md)0}.comparison-table tbody tr.selected-row{background:color-mix(in srgb,var(--primary)5%,transparent);border:1px solid var(--primary);border-radius:var(--radius-md)}.comparison-table tbody tr.selected-row:hover{background:color-mix(in srgb,var(--primary)8%,transparent)}.comparison-table td{color:var(--text-primary);padding:20px;font-size:14px;font-weight:500}.status-badge{background:var(--green-light);color:var(--success);border-radius:20px;padding:4px 12px;font-size:12px;font-weight:700;display:inline-block}.security-features{border-top:1px solid var(--border-light);flex-wrap:wrap;gap:40px;padding-top:24px;display:flex}.feature-item{color:var(--text-secondary);align-items:center;gap:8px;font-size:13px;display:flex}.feature-item svg{color:var(--text-secondary);flex-shrink:0}@media (max-width:768px){.quick-packages-grid{flex-direction:column}.package-btn{width:100%}.payment-options,.security-features{flex-direction:column;gap:16px}.btn-proceed,.amount-input-wrapper{max-width:100%}}.models-header{margin-bottom:32px}.models-header h1{color:var(--text-primary);margin-bottom:6px;font-size:32px;font-weight:800}.models-header p{color:var(--text-secondary);font-size:14px}.loading-container{justify-content:center;align-items:center;padding:60px 20px;display:flex}.error-message{color:var(--error);text-align:center;padding:20px;font-size:16px}.models-filters{justify-content:space-between;align-items:center;gap:20px;margin-bottom:32px;display:flex}.category-filters{flex-wrap:wrap;flex:1;gap:12px;display:flex}.category-btn{background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;background-clip:padding-box;padding:10px 24px;font-size:14px;font-weight:600;transition:all .2s;position:relative}.category-btn:hover{background:var(--border-light)}.category-btn.active{background:var(--surface);color:var(--primary);border-radius:var(--radius-md);border:2px solid #0000;position:relative}.category-btn.active:before{content:"";border-radius:calc(var(--radius-md) + 1px);background:var(--brand-gradient);-webkit-mask-composite:xor;pointer-events:none;padding:2px;position:absolute;inset:-2px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.search-box{min-width:280px;position:relative}.search-icon{color:var(--text-secondary);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.search-box input{border:1px solid var(--border);border-radius:var(--radius-md);width:100%;color:var(--text-primary);background:var(--surface);padding:11px 16px 11px 42px;font-size:14px;transition:all .2s}.search-box input:focus{border-color:#0000;border-image:var(--brand-gradient)1;outline:none}.search-box input::placeholder{color:var(--text-disabled)}.models-grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:20px;display:grid}.model-card{background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:32px;transition:all .2s}.model-card:hover{background:color-mix(in srgb,var(--primary)3%,transparent)}.model-header{margin-bottom:20px}.model-title{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.model-title h3{color:var(--text-primary);font-size:20px;font-weight:700}.status-badge.online{background:var(--green-light);color:var(--success)}.status-dot{background:currentColor;border-radius:50%;width:6px;height:6px}.model-meta{color:var(--text-secondary);font-size:13px;font-weight:500}.model-pricing{border-top:1px solid var(--border-light);border-bottom:1px solid var(--border-light);align-items:center;gap:12px;margin-bottom:20px;padding:16px 0;display:flex}.pricing-label{color:var(--text-primary);font-size:14px;font-weight:700}.pricing-details{color:var(--text-primary);align-items:center;gap:12px;font-size:14px;font-weight:600;display:flex}.pricing-separator{color:var(--text-secondary)}.model-actions{gap:12px;display:flex}.btn-try-playground{background:var(--surface);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;background-clip:padding-box;border:2px solid #0000;padding:11px 24px;font-size:14px;font-weight:700;transition:all .2s;position:relative}.btn-try-playground:before{content:"";border-radius:var(--radius-md);background:var(--brand-gradient);-webkit-mask-composite:xor;pointer-events:none;padding:2px;position:absolute;inset:-2px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.btn-try-playground:hover{opacity:.9}.btn-view-docs{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;padding:11px 24px;font-size:14px;font-weight:600;transition:all .2s}.btn-view-docs:hover{background:var(--border-light)}@media (max-width:1024px){.models-filters{flex-direction:column;align-items:stretch}.search-box{min-width:100%}}@media (max-width:768px){.category-filters{flex-wrap:wrap}.model-actions{flex-direction:column}.model-title{flex-direction:column;align-items:flex-start;gap:8px}.pricing-details{flex-wrap:wrap}}.documentation-layout{height:calc(100vh - var(--header-height));background:var(--background);grid-template-columns:280px 1fr;display:grid}.docs-sidebar{background:var(--surface);border-right:1px solid var(--border-light);height:100%;position:sticky;top:0;overflow-y:auto}.docs-sidebar::-webkit-scrollbar{width:6px}.docs-sidebar::-webkit-scrollbar-track{background:0 0}.docs-sidebar::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}.docs-sidebar-header{border-bottom:1px solid var(--border-light);padding:28px 24px 20px}.docs-sidebar-header h2{color:var(--text-primary);font-size:20px;font-weight:800}.docs-search{border-bottom:1px solid var(--border-light);padding:16px 20px;position:relative}.docs-search .search-icon{color:var(--text-secondary);pointer-events:none;position:absolute;top:50%;left:32px;transform:translateY(-50%)}.docs-search input{border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);background:var(--background);padding:10px 12px 10px 36px;font-size:13px;transition:all .2s}.docs-search input:focus{border-color:#0000;border-image:var(--brand-gradient)1;background:var(--surface);outline:none}.docs-search input::placeholder{color:var(--text-disabled)}.docs-nav{padding:8px 0}.nav-section{margin-bottom:24px}.nav-category{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;padding:12px 24px 8px;font-size:12px;font-weight:700}.nav-list{margin:0;padding:0;list-style:none}.nav-link{text-align:left;width:100%;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-left:3px solid #0000;padding:10px 24px;font-size:14px;font-weight:500;transition:all .2s;display:block}.nav-link:hover{color:var(--text-primary);background:var(--border-light)}.nav-link.active{color:var(--primary);background:var(--purple-light);border-left-color:var(--primary);font-weight:600}.docs-content{background:var(--surface);height:100%;padding:40px 60px;overflow-y:auto}.docs-article{max-width:900px}.docs-article h1{color:var(--text-primary);margin-bottom:12px;font-size:36px;font-weight:800;line-height:1.2}.docs-subtitle{color:var(--text-secondary);margin-bottom:40px;font-size:16px}.docs-section{margin-bottom:48px}.docs-section h2{color:var(--text-primary);margin-bottom:16px;font-size:24px;font-weight:700}.docs-section p{color:var(--text-primary);margin-bottom:20px;font-size:15px;line-height:1.7}.code-block{background:var(--background);border:1px solid var(--border-light);border-radius:var(--radius-lg);margin-bottom:24px;overflow:hidden}.code-header{background:var(--surface);border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.code-language{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:13px;font-weight:600}.btn-copy-code{background:var(--surface);border:1px solid var(--primary);border-radius:var(--radius-md);color:var(--primary);cursor:pointer;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.btn-copy-code:hover{background:var(--border-light)}.btn-copy-code svg{flex-shrink:0}.code-content{margin:0;padding:20px;overflow-x:auto}.code-content code{color:var(--text-primary);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;line-height:1.6}.code-content .string{color:var(--success)}.code-content .keyword{color:var(--primary)}.code-content .function{color:var(--info)}.tip-box{background:linear-gradient(135deg,var(--purple-bg-light)0%,var(--purple-bg)100%);border-left:4px solid var(--primary);border-radius:var(--radius-md);margin-top:40px;padding:20px 24px}.tip-title{color:var(--primary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:14px;font-weight:700}.tip-box p{color:var(--text-primary);margin:0;font-size:14px;line-height:1.6}@media (max-width:1024px){.documentation-layout{grid-template-columns:240px 1fr}.docs-content{padding:32px 40px}}@media (max-width:768px){.documentation-layout{grid-template-columns:1fr}.docs-sidebar{border-right:none;border-bottom:1px solid var(--border-light);height:auto;position:relative}.docs-content{padding:24px 20px}.docs-article h1{font-size:28px}}.billing-header{margin-bottom:32px}.billing-header h1{color:var(--text-primary);margin-bottom:6px;font-size:32px;font-weight:800}.billing-header p{color:var(--text-secondary);font-size:14px}.billing-stats{grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:32px;display:grid}.stat-card{border-radius:var(--radius-xl);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);align-items:center;gap:20px;padding:28px 32px;transition:all .2s;display:flex}.stat-card:hover{background:color-mix(in srgb,var(--primary)3%,transparent)}.stat-card.purple-bg,.stat-card.orange-bg,.stat-card.blue-bg{background:var(--surface);color:var(--text-primary);border:1px solid var(--border)}.stat-card.purple-bg .stat-icon,.stat-card.orange-bg .stat-icon,.stat-card.blue-bg .stat-icon{background:var(--surface);color:var(--text-primary);box-shadow:none}.stat-card .stat-icon svg{stroke:currentColor;fill:none}.stat-icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.stat-icon.purple{background:color-mix(in srgb,var(--primary)15%,transparent);color:var(--primary)}.stat-icon.orange{background:color-mix(in srgb,var(--warning)15%,transparent);color:var(--warning)}.stat-icon.blue{background:color-mix(in srgb,var(--primary)15%,transparent);color:var(--primary)}.stat-card.purple-bg .stat-icon.purple,.stat-card.orange-bg .stat-icon.orange,.stat-card.blue-bg .stat-icon.blue{background:var(--surface);color:var(--text-primary)}.stat-card.purple-bg .stat-label,.stat-card.orange-bg .stat-label,.stat-card.blue-bg .stat-label,.stat-card.purple-bg .stat-value,.stat-card.orange-bg .stat-value,.stat-card.blue-bg .stat-value{color:var(--text-primary)}.stat-content{flex:1}.stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.3px;margin-bottom:6px;font-size:13px;font-weight:600}.stat-value{font-size:28px;font-weight:800;line-height:1}.stat-value.green{color:var(--success)}.stat-value.orange{color:var(--warning)}.stat-value.purple{color:var(--primary)}.billing-section{background:var(--surface);border-radius:var(--radius-xl);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);margin-bottom:24px;padding:32px}.section-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.billing-section h2{color:var(--text-primary);font-size:20px;font-style:italic;font-weight:700}.filter-dropdown{position:relative}.filter-dropdown select{border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);background:var(--surface);cursor:pointer;appearance:none;padding:10px 36px 10px 14px;font-size:14px;font-weight:500;transition:all .2s}.filter-dropdown select:focus{border-color:#0000;border-image:var(--brand-gradient)1;outline:none}.dropdown-icon{color:var(--text-secondary);pointer-events:none;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.table-container{overflow-x:auto}.billing-table{border-collapse:collapse;width:100%}.billing-table thead tr{border-bottom:2px solid var(--border)}.billing-table th{text-align:left;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;padding:16px 20px;font-size:13px;font-weight:700}.billing-table tbody tr{border-bottom:1px solid var(--border-light);transition:background .2s}.billing-table tbody tr:hover{background:var(--border-light)}.billing-table td{color:var(--text-primary);padding:18px 20px;font-size:14px;font-weight:500}.status-badge.paid{background:var(--green-light);color:var(--success)}.status-badge.done{background:var(--border-light);color:var(--text-secondary)}.status-badge.failed{background:color-mix(in srgb,var(--error)10%,transparent);color:var(--error)}.status-badge svg{stroke:currentColor;fill:none;flex-shrink:0;width:14px;height:14px}.invoices-list{flex-direction:column;gap:16px;margin-top:24px;display:flex}.invoice-row{background:var(--border-light);border-radius:var(--radius-md);justify-content:space-between;align-items:center;padding:20px 24px;transition:all .2s;display:flex}.invoice-row:hover{background:var(--border)}.invoice-info{align-items:center;gap:32px;display:flex}.invoice-id{color:var(--text-primary);min-width:100px;font-size:14px;font-style:italic;font-weight:700}.invoice-date{color:var(--text-secondary);min-width:120px;font-size:14px}.invoice-amount{color:var(--text-primary);min-width:80px;font-size:14px;font-weight:700}.btn-download{background:var(--success);border-radius:var(--radius-md);color:#fff;cursor:pointer;border:none;padding:8px 20px;font-size:13px;font-weight:600;transition:all .2s}.btn-download:hover{background:var(--success);transform:translateY(-1px)}@media (max-width:1200px){.billing-stats{grid-template-columns:1fr}}@media (max-width:768px){.section-header{flex-direction:column;align-items:flex-start;gap:16px}.invoice-info{flex-direction:column;align-items:flex-start;gap:8px}.invoice-row{flex-direction:column;align-items:stretch;gap:16px}.btn-download{width:100%}}.settings-header{margin-bottom:32px}.settings-header h1{color:var(--text-primary);margin-bottom:6px;font-size:32px;font-weight:800}.settings-header p{color:var(--text-secondary);font-size:14px}.settings-grid{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.settings-card{background:var(--surface);border-radius:var(--radius-xl);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);padding:32px}.settings-card h2{color:var(--text-primary);margin-bottom:24px;font-size:18px;font-weight:700}.form-group input{border:1px solid var(--border);border-radius:var(--radius-md);width:100%;color:var(--text-primary);background:var(--surface);padding:12px 16px;font-size:14px;transition:all .2s}.form-group input:focus{border-color:#0000;border-image:var(--brand-gradient)1;outline:none}.form-group input::placeholder{color:var(--text-disabled)}.settings-actions{gap:12px;margin-top:32px;display:flex}.btn-primary-gradient{background:var(--surface);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;background-clip:padding-box;border:2px solid #0000;padding:12px 28px;font-size:14px;font-weight:700;transition:all .3s;position:relative}.scroll-indicator{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:center;color:var(--text-primary);pointer-events:none;z-index:10;padding:8px 16px;font-size:13px;font-weight:600;animation:2s ease-in-out infinite bounce;position:absolute;bottom:0;left:30%}[data-theme=dark] .scroll-indicator{background:var(--surface);color:var(--text-primary)}.scroll-indicator svg{margin-left:6px;animation:1.5s ease-in-out infinite bounceArrow;display:inline-block}@keyframes bounceArrow{0%,to{transform:translateY(0)}50%{transform:translateY(3px)}}.terms-section{text-align:center}.terms-intro{color:var(--text-secondary);margin-bottom:20px;font-size:14px;line-height:1.5}.terms-content-preview{background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-md);text-align:left;margin-bottom:20px;padding:20px}.terms-content-preview h4{color:var(--text-primary);margin:16px 0 8px;font-size:14px;font-weight:600}.terms-content-preview h4:first-child{margin-top:0}.terms-content-preview p{color:var(--text-secondary);margin:0 0 12px;font-size:13px;line-height:1.5}.btn-secondary{background:var(--surface);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;background-clip:padding-box;border:2px solid #0000;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s;position:relative}.btn-secondary:hover{background:var(--border-light);color:var(--text-primary)}.btn-primary-gradient:before{content:"";border-radius:var(--radius-md);background:var(--brand-gradient);-webkit-mask-composite:xor;pointer-events:none;padding:2px;position:absolute;inset:-2px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.btn-primary-gradient:hover{opacity:.9}.btn-primary-gradient:disabled{opacity:.4;cursor:not-allowed;filter:grayscale(.6);box-shadow:none;transform:none}.btn-primary-gradient:disabled:before{background:linear-gradient(135deg,var(--disabled-start),var(--disabled-mid),var(--disabled-end))}.btn-secondary{background:var(--surface);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;text-align:center;border:1px solid #0000;justify-content:center;align-items:center;min-height:44px;padding:12px 28px;font-size:14px;font-weight:600;line-height:1;transition:all .2s;display:inline-flex;position:relative}.btn-secondary:before{content:"";border-radius:calc(var(--radius-md) + 2px);background:var(--brand-gradient);-webkit-mask-composite:xor;pointer-events:none;opacity:.95;padding:2px;position:absolute;inset:-2px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.btn-secondary:hover{background:var(--border-light);color:var(--text-primary);transform:translateY(-1px)}.notification-item{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:20px 0;display:flex}.notification-item:last-of-type{border-bottom:none}.notification-info{flex:1}.notification-title{color:var(--text-primary);margin-bottom:4px;font-size:14px;font-weight:700}.notification-desc{color:var(--text-secondary);font-size:13px;line-height:1.5}.toggle-switch{background:var(--border);cursor:pointer;border:none;border-radius:100px;flex-shrink:0;width:52px;height:28px;transition:all .3s;position:relative}.toggle-slider{background:var(--surface);border-radius:50%;width:22px;height:22px;transition:all .3s;position:absolute;top:3px;left:3px;box-shadow:0 2px 4px #0000001a}.toggle-switch.active{background:var(--brand-gradient)}.toggle-switch.active .toggle-slider{left:27px}.toggle-switch:hover{opacity:.9}.webhook-input{border-top:1px solid var(--border-light);margin-top:24px;padding-top:24px}.webhook-input label{color:var(--text-secondary);font-style:italic}.rate-tier{color:var(--text-primary);border-bottom:1px solid var(--border-light);margin-bottom:24px;padding-bottom:20px;font-size:14px}.rate-tier strong{color:var(--text-primary);font-weight:700}.rate-limits-grid{flex-direction:column;gap:16px;margin-bottom:28px;display:flex}.rate-item{justify-content:space-between;align-items:center;display:flex}.rate-label{color:var(--text-primary);font-size:14px}.rate-value{font-size:14px;font-weight:700}.rate-value.green{color:var(--success)}.upgrade-btn{width:100%}.danger-zone{border:2px solid var(--error);background:linear-gradient(135deg,var(--error-bg-light)0%,var(--error-bg)100%)}[data-theme=dark] .danger-zone{background:linear-gradient(135deg,var(--error-bg-light)0%,var(--error-bg)100%)}.danger-title{color:var(--error)!important}.danger-content{flex-direction:column;gap:20px;display:flex}.danger-info h3{color:var(--text-primary);margin-bottom:8px;font-size:16px;font-weight:700}.danger-info p{color:var(--text-secondary);font-size:13px;line-height:1.6}.btn-danger{background:var(--surface);border:2px solid color-mix(in srgb,var(--error)40%,transparent);border-radius:var(--radius-md);color:var(--error);cursor:pointer;width:fit-content;padding:12px 28px;font-size:14px;font-weight:700;transition:all .2s}.btn-danger:hover{background:color-mix(in srgb,var(--error)6%,transparent);border-color:var(--error);box-shadow:0 4px 12px color-mix(in srgb,var(--error)30%,transparent);transform:translateY(-1px)}@media (max-width:1200px){.settings-grid{grid-template-columns:1fr}}@media (max-width:768px){.settings-actions{flex-direction:column}.settings-actions button{width:100%}.notification-item{flex-direction:column;align-items:flex-start;gap:16px}}.avatar-section{align-items:center;gap:24px;margin-bottom:32px;display:flex}.avatar-large{background:linear-gradient(135deg,var(--brand-green-light),var(--brand-green-vivid));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:96px;height:96px;font-size:32px;font-weight:800;display:flex;position:relative}.avatar-large:before{content:"";background:var(--brand-gradient);-webkit-mask-composite:xor;pointer-events:none;border-radius:50%;padding:4px;position:absolute;inset:-4px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.btn-change-photo{background:var(--surface);border-radius:var(--radius-md);color:var(--primary);cursor:pointer;background-clip:padding-box;border:2px solid #0000;padding:10px 24px;font-size:14px;font-weight:700;transition:all .2s;position:relative}.btn-change-photo:before{content:"";border-radius:var(--radius-md);background:var(--brand-gradient);-webkit-mask-composite:xor;pointer-events:none;padding:2px;position:absolute;inset:-2px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.btn-change-photo:hover{background:var(--brand-gradient);color:#fff;transform:translateY(-1px)}.profile-form{flex-direction:column;gap:20px;display:flex}.input-with-icon{align-items:center;display:flex;position:relative}.input-icon{color:var(--text-secondary);pointer-events:none;position:absolute;left:16px}.input-with-icon input{border:1px solid var(--border);border-radius:var(--radius-md);width:100%;color:var(--text-primary);background:var(--surface);padding:14px 16px 14px 46px;font-size:14px;transition:all .2s}.input-with-icon input:focus{border-color:#0000;border-image:var(--brand-gradient)1;outline:none}.input-with-icon input::placeholder{color:var(--text-disabled)}.modal-actions{border-top:1px solid var(--border-light);gap:12px;padding-top:24px;display:flex}.btn-cancel{background:var(--surface);border:2px solid color-mix(in srgb,var(--error)40%,transparent);border-radius:var(--radius-md);color:var(--error);cursor:pointer;flex:1;padding:12px 28px;font-size:14px;font-weight:600;transition:all .2s}.btn-cancel:hover{background:color-mix(in srgb,var(--error)6%,transparent);border-color:var(--error);box-shadow:0 4px 12px color-mix(in srgb,var(--error)15%,transparent);transform:translateY(-1px)}.btn-save{background:var(--surface);border-radius:var(--radius-md);color:var(--primary);cursor:pointer;background-clip:padding-box;border:2px solid #0000;flex:1;padding:12px 28px;font-size:14px;font-weight:700;transition:all .3s;position:relative}.btn-save:before{content:"";border-radius:var(--radius-md);background:var(--brand-gradient);-webkit-mask-composite:xor;pointer-events:none;padding:2px;position:absolute;inset:-2px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.btn-save:hover{background:var(--brand-gradient);color:#fff;box-shadow:0 4px 12px color-mix(in srgb,var(--primary)30%,transparent);transform:translateY(-1px)}@media (max-width:1024px){:root{--sidebar-width:280px}.stats-grid{grid-template-columns:repeat(2,1fr)}.models-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.packages-grid{grid-template-columns:repeat(2,1fr)}.page-header{flex-direction:column;align-items:flex-start;gap:16px}.header-actions{justify-content:flex-start;width:100%}}@media (max-width:768px){:root{--sidebar-width:280px}.sidebar{z-index:999;width:var(--sidebar-width);align-items:stretch;height:100vh;transition:transform .3s;display:flex;top:0;transform:translate(-100%)}.sidebar.open{transform:translate(0);box-shadow:4px 0 12px #0000001a}.sidebar-close-btn{display:flex}.menu-btn{display:block}.main-content{margin-left:0}.top-header{padding:0 16px}.content-area{padding:15px}.stats-grid{grid-template-columns:1fr;gap:12px}.models-grid,.packages-grid{grid-template-columns:1fr}.page-header h1{font-size:24px}.page-header p{font-size:13px}.header-actions{flex-direction:column;width:100%}.header-actions .btn-secondary,.btn-primary{justify-content:center;width:100%}.api-keys-table,.data-table,.logs-table,.usage-table{-webkit-overflow-scrolling:touch;display:block;overflow-x:auto}.api-keys-table table,.data-table,.logs-table,.usage-table{min-width:600px}.chart-container{min-height:250px}.model-header{flex-direction:column;align-items:flex-start;gap:12px}.model-pricing{justify-content:flex-start;width:100%}.key-card{flex-direction:column;gap:12px}.key-info{width:100%}.key-actions{justify-content:space-between;width:100%}}.pg-agent-steps{background:#10b98108;border:1px solid #10b98126;border-radius:10px;margin-top:10px;overflow:hidden}.pg-agent-steps>summary{color:var(--text-secondary,#a0aec0);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;padding:8px 12px;font-size:12px;font-weight:500;list-style:none;display:flex}.pg-agent-steps>summary::-webkit-details-marker{display:none}.pg-agent-steps__latency{opacity:.6;margin-left:auto;font-size:11px}.pg-agent-steps__chevron{transition:transform .2s}.pg-agent-steps[open] .pg-agent-steps__chevron{transform:rotate(180deg)}.pg-agent-steps__list{flex-direction:column;gap:8px;padding:4px 12px 10px;display:flex}.pg-agent-step{background:#10b9810a;border-left:3px solid #10b9814d;border-radius:8px;padding:8px 10px;font-size:12px}.pg-agent-step--answer{background:#22c55e0a;border-left-color:#22c55e66}.pg-agent-step__head{color:var(--text-primary,#e2e8f0);align-items:center;gap:6px;font-weight:500;display:flex}.pg-agent-step__num{color:var(--accent,#10b981);min-width:22px;font-size:11px;font-weight:700}.pg-agent-step__tool{color:var(--text-secondary,#a0aec0);align-items:center;gap:4px;display:flex}.pg-agent-step__final{color:#22c55ee6;font-weight:600}.pg-agent-step__thought{color:var(--text-tertiary,#718096);margin-top:4px;font-size:11px;font-style:italic;line-height:1.5}.pg-agent-step__output{color:var(--text-secondary,#a0aec0);white-space:pre-wrap;word-break:break-word;background:#00000026;border-radius:6px;max-height:120px;margin-top:4px;padding:6px 8px;font-family:JetBrains Mono,monospace;font-size:11px;overflow-y:auto}.pg-msg--streaming .pg-msg__body{min-width:300px}.pg-stream-phase{align-items:center;gap:8px;margin-bottom:10px;display:flex}.pg-stream-pulse{background:#10b981;border-radius:50%;width:8px;height:8px;animation:1.2s ease-in-out infinite pg-pulse}.pg-stream-pulse.reasoning{background:#f59e0b}.pg-stream-pulse.answering{background:#22c55e}@keyframes pg-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}.pg-stream-phase__label{color:var(--text-secondary,#a0aec0);letter-spacing:.02em;font-size:12px;font-weight:600}.pg-live-steps{flex-direction:column;gap:6px;margin-bottom:10px;display:flex}.pg-live-step{background:#10b9810a;border-left:3px solid #10b9814d;border-radius:8px;padding:8px 10px;font-size:12px;animation:.3s ease-out pg-step-slide-in}@keyframes pg-step-slide-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.pg-live-step--done{opacity:.7}.pg-live-step--done .pg-live-step__check{color:#22c55e;flex-shrink:0}.pg-live-step--active{background:#f59e0b0f;border-left-color:#f59e0b;animation:.3s ease-out pg-step-slide-in,1.5s ease-in-out infinite pg-active-glow}@keyframes pg-active-glow{0%,to{box-shadow:0 0 #f59e0b00}50%{box-shadow:0 0 12px #f59e0b1f}}.pg-live-step__head{color:var(--text-primary,#e2e8f0);align-items:center;gap:6px;font-weight:500;display:flex}.pg-live-step__num{color:var(--accent,#10b981);min-width:20px;font-size:11px;font-weight:700}.pg-live-step__tool{color:var(--text-secondary,#a0aec0);align-items:center;gap:4px;display:flex}.pg-live-step__final{color:#22c55ee6;font-weight:600}.pg-live-step__sub{opacity:.7;margin-left:4px;font-size:.8em}.pg-live-step__running{color:#f59e0b;margin-left:auto;font-size:11px;font-weight:600;animation:1s ease-in-out infinite pg-pulse}.pg-live-step__thought{color:var(--text-tertiary,#718096);margin-top:4px;font-size:11px;font-style:italic;line-height:1.5}.pg-live-step__output{color:var(--text-secondary,#a0aec0);white-space:pre-wrap;word-break:break-word;background:#00000026;border-radius:6px;max-height:80px;margin-top:4px;padding:6px 8px;font-family:JetBrains Mono,monospace;font-size:11px;overflow-y:auto}.pg-stream-answer{color:var(--text-primary,#e2e8f0);white-space:pre-wrap;word-break:break-word;background:#10b9810d;border:1px solid #10b9811a;border-radius:10px;margin-top:8px;padding:10px 12px;font-size:13.5px;line-height:1.7}.pg-stream-cursor{background:var(--accent,#10b981);vertical-align:text-bottom;width:2px;height:16px;margin-left:2px;animation:.6s step-end infinite pg-cursor-blink;display:inline-block}@keyframes pg-cursor-blink{0%,to{opacity:1}50%{opacity:0}}.markdown-content{overflow-wrap:break-word;word-break:break-word;width:100%;font-size:14px;line-height:1.7}.markdown-text{margin-bottom:10px}.markdown-paragraph{color:inherit;margin-bottom:8px;line-height:1.7}.markdown-paragraph:last-child{margin-bottom:0}.markdown-heading{color:var(--text-primary);margin:18px 0 10px;font-weight:700;line-height:1.3}.markdown-heading:first-child{margin-top:0}.markdown-h1{font-size:20px}.markdown-h2{font-size:18px}.markdown-h3{font-size:16px}.markdown-h4{font-size:15px}.markdown-h5{font-size:14px}.markdown-h6{font-size:13px}.markdown-list-item{color:inherit;align-items:flex-start;gap:8px;margin-bottom:6px;padding-left:4px;line-height:1.7;display:flex}.markdown-list-marker{color:var(--primary);flex-shrink:0;font-size:14px;font-weight:600;line-height:1.7}.markdown-inline-code{background:color-mix(in srgb,var(--primary)8%,var(--surface));color:color-mix(in srgb,var(--primary)70%,var(--text-primary));white-space:nowrap;border-radius:4px;padding:1px 5px;font-family:Monaco,Menlo,Ubuntu Mono,Consolas,Courier New,monospace;font-size:.88em;font-weight:500}.markdown-code-block{border-radius:var(--radius-md);border:1px solid var(--border);background:color-mix(in srgb,var(--text-primary)3%,var(--surface));margin:14px 0;overflow:hidden}.markdown-code-header{background:color-mix(in srgb,var(--text-primary)5%,var(--surface));border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:8px 14px;display:flex}.markdown-code-language{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.markdown-code-copy{color:var(--text-secondary);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:4px;padding:4px 10px;font-size:11px;font-weight:600;transition:all .2s}.markdown-code-copy:hover{color:var(--primary);border-color:var(--primary);background:color-mix(in srgb,var(--primary)8%,var(--surface))}.markdown-code-block pre{background:0 0;margin:0;padding:14px;overflow-x:auto}.markdown-code-block code{color:inherit;white-space:pre;word-wrap:normal;word-break:normal;font-family:Monaco,Menlo,Ubuntu Mono,Consolas,Courier New,monospace;font-size:12.5px;line-height:1.6;display:block}.markdown-code-block pre::-webkit-scrollbar{height:8px}.markdown-code-block pre::-webkit-scrollbar-track{background:color-mix(in srgb,var(--text-primary)5%,var(--surface))}.markdown-code-block pre::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--text-primary)15%,var(--surface));border-radius:4px}.markdown-list-item .markdown-inline-code{white-space:pre-wrap;word-break:break-all}.markdown-content strong{color:var(--text-primary);font-weight:700}.markdown-content em{color:var(--text-secondary);font-style:italic}.markdown-content::-webkit-scrollbar{height:5px}.markdown-content::-webkit-scrollbar-track{background:0 0}.markdown-content::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.markdown-code-block pre::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--text-primary)25%,var(--surface))}.markdown-hr{border:none;border-top:1px solid var(--border);opacity:.6;margin:16px 0}.markdown-table-wrapper{border-radius:var(--radius-md);border:1px solid var(--border);width:100%;margin:14px 0;overflow-x:auto}.markdown-table{border-collapse:collapse;width:100%;font-size:13px;line-height:1.6}.markdown-table thead tr{background:color-mix(in srgb,var(--primary)8%,var(--surface))}.markdown-table th{text-align:left;color:var(--text-primary);border-bottom:1px solid var(--border);white-space:nowrap;padding:9px 14px;font-size:12px;font-weight:700}.markdown-table td{color:var(--text-secondary);border-bottom:1px solid color-mix(in srgb,var(--border)50%,transparent);vertical-align:top;padding:8px 14px;line-height:1.65}.markdown-table tbody tr:last-child td{border-bottom:none}.markdown-table tbody tr:hover{background:color-mix(in srgb,var(--primary)3%,var(--surface))}.markdown-list-item--nested{padding-left:20px}.markdown-list-item--nested .markdown-list-marker{color:var(--text-secondary);font-weight:400}.request-logs-header{margin-bottom:32px}.request-logs-header h1{color:var(--text-primary);margin-bottom:6px;font-size:32px;font-weight:800}.request-logs-header p{color:var(--text-secondary);font-size:14px}.logs-filters{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:24px;display:flex}.search-input{flex:1;min-width:300px;position:relative}.search-input .search-icon{color:var(--text-secondary);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.search-input input{border:1px solid var(--border);border-radius:var(--radius-md);width:100%;color:var(--text-primary);background:var(--surface);padding:11px 16px 11px 42px;font-size:14px;transition:all .2s}.search-input input:focus{border-color:#0000;border-image:var(--brand-gradient)1;border-radius:var(--radius-md);outline:none}.search-input input::placeholder{color:var(--text-disabled)}.status-filters{gap:8px;display:flex}.filter-btn{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s}.filter-btn:hover{background:var(--border-light)}.filter-btn.active{background:var(--surface);color:var(--primary);background-clip:padding-box;border:2px solid #0000;position:relative}.filter-btn.active:before{content:"";border-radius:var(--radius-md);background:var(--brand-gradient);-webkit-mask-composite:xor;pointer-events:none;padding:2px;position:absolute;inset:-2px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.logs-table-container{background:var(--surface);border-radius:var(--radius-xl);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);margin-bottom:24px;overflow:hidden}.logs-table{border-collapse:collapse;width:100%}.logs-table thead{background:var(--surface);border-bottom:2px solid var(--border)}.logs-table th{text-align:left;color:var(--text-primary);text-transform:capitalize;padding:16px 24px;font-size:13px;font-style:italic;font-weight:700}.logs-table tbody tr.log-row{border-bottom:1px solid var(--border-light);cursor:pointer;transition:all .2s}.logs-table tbody tr.log-row:hover{background:var(--border-light)}.logs-table tbody tr.log-row.expanded{background:var(--purple-light);border-bottom:none}.logs-table td{color:var(--text-primary);padding:18px 24px;font-size:14px;font-weight:500}.latency.fast,.latency.normal{color:var(--success);font-weight:700}.latency.error{color:var(--error);font-weight:700}.expand-cell{text-align:right;justify-content:flex-end;align-items:center;gap:8px;display:flex}.error-badge{background:color-mix(in srgb,var(--error)10%,transparent);color:var(--error);border-radius:20px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-block}.expand-icon{color:var(--text-secondary);transition:transform .2s}.detail-row{background:var(--surface);border-bottom:1px solid var(--border-light);animation:.2s ease-out slideDown}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.log-details{background:var(--background);border-left:3px solid var(--primary);border-radius:var(--radius-sm);flex-direction:column;gap:8px;margin:0 24px 12px;padding:16px 24px 16px 48px;display:flex}.detail-item{gap:12px;font-size:13px;display:flex}.detail-label{color:var(--text-secondary);min-width:60px;font-weight:600}.detail-value{color:var(--text-primary);font-weight:500}.detail-value.success{color:var(--success);font-weight:700}.detail-value.error{color:var(--error);font-weight:700}.logs-footer{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.btn-load-more{background:var(--surface);border-radius:var(--radius-md);color:var(--primary);cursor:pointer;background-clip:padding-box;border:2px solid #0000;padding:12px 28px;font-size:14px;font-weight:700;transition:all .3s;position:relative}.btn-load-more:before{content:"";border-radius:var(--radius-md);background:var(--brand-gradient);-webkit-mask-composite:xor;pointer-events:none;padding:2px;position:absolute;inset:-2px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.btn-load-more:hover{background:var(--border-light);color:var(--text-primary);transform:translateY(-1px)}.pagination-info{color:var(--text-secondary);font-size:14px}.logs-tip{background:var(--border-light);border-radius:var(--radius-md);color:var(--text-secondary);padding:16px 20px;font-size:13px;line-height:1.6}.logs-tip strong{color:var(--text-primary);font-weight:700}.fast-indicator{color:var(--success);font-weight:600}.slow-indicator{color:var(--error);font-weight:600}@media (max-width:768px){.logs-filters{flex-direction:column;align-items:stretch}.search-input{min-width:100%}.status-filters{justify-content:space-between;width:100%}.logs-footer{flex-direction:column;gap:16px}.btn-load-more{width:100%}}.rl-log-list{flex-direction:column;gap:6px;display:flex}.rl-log{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all .15s;overflow:hidden}.rl-log:hover{border-color:color-mix(in srgb,var(--primary)15%,transparent)}.rl-log--error{border-color:color-mix(in srgb,var(--error)20%,transparent)}.rl-log--open{border-color:color-mix(in srgb,var(--primary)25%,transparent)}.rl-log__row{cursor:pointer;grid-template-columns:50px 1fr 1fr 80px 70px 70px 36px;align-items:center;gap:4px;padding:12px 16px;transition:background .1s;display:grid}.rl-log__row:hover{background:color-mix(in srgb,var(--primary)2%,transparent)}.rl-log__cell{color:var(--text-primary);align-items:center;gap:5px;font-size:12.5px;display:flex}.rl-log__cell--status{justify-content:center}.rl-log__cell--time{color:var(--text-secondary)}.rl-log__cell--model,.rl-log__cell--latency{font-weight:500}.rl-log__cell--expand{color:var(--text-secondary);justify-content:center}.rl-log__details{background:var(--background);border-top:1px solid var(--border);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:8px;padding:12px 16px;display:grid}.rl-detail{flex-direction:column;gap:2px;display:flex}.rl-detail span:first-child{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em;font-size:11px;font-weight:600}.rl-detail span:last-child{font-size:13px;font-weight:500}.rl-footer{justify-content:center;align-items:center;gap:16px;padding:12px;display:flex}.rl-footer__info{color:var(--text-secondary);font-size:12px}@media (max-width:768px){.rl-log__row{grid-template-columns:40px 1fr 80px 36px}.rl-log__cell--time,.rl-log__cell--latency,.rl-log__cell:nth-child(4){display:none}}.bc-packages{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;display:grid}.bc-pkg{background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;flex-direction:column;align-items:center;gap:4px;padding:20px 14px;transition:all .18s;display:flex;position:relative}.bc-pkg:hover{border-color:var(--primary)}.bc-pkg--active{border-color:var(--primary);background:color-mix(in srgb,var(--primary)4%,transparent)}.bc-pkg__tag{background:var(--primary);color:#fff;text-transform:uppercase;letter-spacing:.04em;border-radius:20px;padding:2px 8px;font-size:9px;font-weight:700;position:absolute;top:-9px;right:12px}.bc-pkg__amount{color:var(--text-primary);font-size:18px;font-weight:700}.bc-pkg__tokens{color:var(--text-secondary);font-size:11.5px}.bc-pkg__check{color:var(--primary)}.bc-purchase-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;gap:16px;padding:24px;display:flex}.bc-purchase-card__form{flex-direction:column;gap:10px;display:flex}.bc-amount-input{position:relative}.bc-amount-input__prefix{color:var(--text-secondary);font-size:15px;font-weight:600;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.bc-token-preview{color:var(--text-secondary);align-items:center;gap:6px;font-size:13px;display:flex}.bc-token-preview strong{color:var(--primary)}.bc-error{background:color-mix(in srgb,var(--error)6%,transparent);border:1px solid color-mix(in srgb,var(--error)20%,transparent);border-radius:var(--radius-md);color:var(--error);align-items:center;gap:6px;padding:10px 14px;font-size:12.5px;font-weight:500;display:flex}.bc-buy-btn{justify-content:center;width:100%;padding:12px;font-size:14px}.bc-disclaimer{text-align:center;color:var(--text-secondary);margin:0;font-size:11.5px}.ix-info-banner{background:color-mix(in srgb,var(--primary)5%,transparent);border:1px solid color-mix(in srgb,var(--primary)15%,transparent);border-radius:var(--radius-md);color:var(--text-secondary);align-items:center;gap:8px;padding:10px 16px;font-size:12.5px;display:flex}.ix-info-banner svg{color:var(--primary);flex-shrink:0}.md-filters{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.md-categories{align-items:center;gap:4px;display:flex}.md-cat-pill{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.md-cat-pill:hover{color:var(--text-primary);background:var(--surface)}.md-cat-pill--active{background:var(--text-primary);color:var(--background);border-color:var(--text-primary)}.md-cat-pill__count{opacity:.6;font-size:10px;font-weight:700}.md-cat-pill--active .md-cat-pill__count{opacity:.8}.md-search{border:1px solid var(--border);min-width:180px;color:var(--text-secondary);background:0 0;border-radius:20px;align-items:center;gap:8px;padding:7px 14px;transition:border-color .15s;display:flex}.md-search:focus-within{border-color:var(--text-secondary)}.md-search input{color:var(--text-primary);background:0 0;border:none;outline:none;width:100%;font-size:13px}.md-section{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:6px;margin-top:8px;margin-bottom:8px;font-size:12px;font-weight:600;display:flex}.md-section__count{background:var(--border);color:var(--text-secondary);border-radius:8px;margin-left:auto;padding:1px 6px;font-size:11px;font-weight:600}.md-section__count--pro{color:#6366f1;background:#6366f11a}.md-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;display:grid}.md-card{background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:10px;flex-direction:column;gap:6px;padding:14px 16px;transition:border-color .15s,box-shadow .15s;display:flex}.md-card:hover{border-color:var(--text-secondary);box-shadow:0 1px 4px #0000000f}.md-card__row{align-items:center;gap:8px;display:flex}.md-card__dot{background:var(--text-secondary);border-radius:50%;flex-shrink:0;width:6px;height:6px}.md-card__dot--online{background:#10b981}.md-card__dot--offline{background:#ef4444}.md-tag{text-transform:uppercase;letter-spacing:.04em;border-radius:4px;padding:2px 8px;font-size:10px;font-weight:600}.md-tag--trial{color:#6366f1;background:#6366f114}.md-tag--pro{color:#10b981;background:#10b98114}.md-card__name{color:var(--text-primary);margin:0;font-size:14px;font-weight:600;line-height:1.3}.md-card__meta{color:var(--text-secondary);font-size:11px;line-height:1.4}.md-card__bottom{justify-content:space-between;align-items:center;margin-top:auto;padding-top:6px;display:flex}.md-card__actions{align-items:center;gap:6px;display:flex}.md-card__info{border:1px solid var(--border);width:26px;height:26px;color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:6px;justify-content:center;align-items:center;transition:all .15s;display:inline-flex}.md-card__info:hover{background:var(--surface);color:var(--text-primary);border-color:var(--text-secondary)}.md-card__price{color:var(--text-secondary);font-size:11px;font-weight:500}.md-card__price--trial{color:#6366f1;font-weight:600}.md-card__try{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:500;transition:all .15s;display:inline-flex}.md-card__try:hover{background:var(--text-primary);color:var(--background);border-color:var(--text-primary)}.md-btn{border-radius:var(--radius-md);cursor:pointer;background:var(--surface);color:var(--text-primary);white-space:nowrap;background-clip:padding-box;border:2px solid #0000;align-items:center;gap:8px;min-height:44px;padding:11px 33px;font-size:15px;font-weight:600;transition:all .15s;display:inline-flex;position:relative}.md-btn:before{content:"";border-radius:var(--radius-md);background:var(--brand-gradient);-webkit-mask-composite:xor;pointer-events:none;padding:2px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.md-btn:hover{color:var(--text-primary);background:var(--border-light)}.md-btn:disabled{opacity:.5;cursor:not-allowed}.md-btn--primary{background:var(--surface);color:var(--text-primary)}@media (max-width:768px){.md-btn{gap:7px;padding:10px 20px;font-size:14px}.md-btn:before{padding:1px}}@media (max-width:420px){.md-btn{gap:6px;width:auto;padding:9px 12px;font-size:13px}.md-btn--sm{padding:6px 8px!important;font-size:12px!important}}.md-btn--primary:hover{background:var(--border-light);color:var(--text-primary)}.md-btn--danger{color:var(--error);border-color:color-mix(in srgb,var(--error)40%,transparent)}.md-btn--danger:before{display:none}.md-btn--danger:hover{background:color-mix(in srgb,var(--error)6%,transparent);border-color:var(--error);color:var(--error)}.md-btn--warning{color:var(--warning);border-color:color-mix(in srgb,var(--warning)40%,transparent)}.md-btn--warning:before{display:none}.md-btn--warning:hover{background:color-mix(in srgb,var(--warning)6%,transparent);border-color:var(--warning);color:var(--warning)}.md-btn--sm{border-radius:8px!important;gap:5px!important;padding:6px 11px!important;font-size:13px!important}.md-btn--danger-text{color:var(--error)!important;border:1px solid color-mix(in srgb,var(--error)40%,transparent)!important}.md-btn--danger-text:before{display:none!important}.md-btn--danger-text:hover{border-color:var(--error)!important;background:#ef444414!important}.md-docs{flex-direction:column;gap:20px;display:flex}.md-docs__tier{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.md-docs__tier .md-tag{align-items:center;gap:5px;padding:4px 10px;font-size:11px;display:inline-flex}.md-docs__status{color:var(--text-secondary);align-items:center;gap:5px;font-size:12px;font-weight:500;display:inline-flex}.md-docs__status.online{color:#10b981}.md-docs__status.offline{color:#ef4444}.md-docs__grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;display:grid}.md-docs__item{background:var(--background);border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:3px;padding:10px 12px;display:flex}.md-docs__item span:first-child{color:var(--text-secondary);align-items:center;gap:5px;font-size:11px;font-weight:500;display:inline-flex}.md-docs__item span:last-child{color:var(--text-primary);font-size:13px;font-weight:600}.md-docs__free{color:#6366f1;font-size:12px;font-style:normal;font-weight:600}.md-docs__features h4{text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);margin:0 0 8px;font-size:12px;font-weight:600}.md-docs__tags{flex-wrap:wrap;gap:6px;display:flex}.md-docs__tag{color:#6366f1;background:#6366f112;border-radius:6px;align-items:center;gap:5px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-flex}.md-docs__cta{border-top:1px solid var(--border);flex-wrap:wrap;gap:10px;padding-top:4px;display:flex}.dc-layout{height:calc(100vh - var(--header-height,56px));display:flex;overflow:hidden}.dc-sidebar{background:var(--bg-primary);border-right:1px solid var(--border-primary);flex-direction:column;width:260px;min-width:260px;display:flex;overflow:hidden}.dc-sidebar__head{color:var(--text-primary);letter-spacing:-.01em;align-items:center;gap:8px;padding:20px 20px 14px;font-size:15px;font-weight:700;display:flex}.dc-sidebar__search{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md,8px);align-items:center;gap:8px;margin:0 14px 14px;padding:10px 14px;display:flex}.dc-sidebar__search input{color:var(--text-primary);background:0 0;border:none;outline:none;width:100%;font-size:14px}.dc-sidebar__search input::placeholder{color:var(--text-tertiary,var(--text-secondary))}.dc-sidebar__search svg{color:var(--text-secondary);flex-shrink:0;width:16px;height:16px}.dc-nav{scrollbar-width:thin;scrollbar-color:var(--border-primary)transparent;flex:1;padding:0 8px 16px;overflow-y:auto}.dc-nav__group{margin-bottom:6px}.dc-nav__cat{letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);padding:10px 12px 4px;font-size:10px;font-weight:700;display:block}.dc-nav__item{border-radius:var(--radius-md,8px);width:100%;color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:8px;padding:7px 12px;font-size:13px;transition:all .15s;display:flex;position:relative}.dc-nav__item span{flex:1}.dc-nav__item:hover{background:var(--bg-secondary);color:var(--text-primary)}.dc-nav__item--active{background:color-mix(in srgb,var(--brand-primary,#10b981)8%,transparent);color:var(--brand-primary,#10b981);font-weight:600}.dc-nav__item--active svg:first-child{color:var(--brand-primary,#10b981)}.dc-nav__chevron{color:var(--brand-primary,#10b981);opacity:.6}.dc-sidebar__footer{border-top:1px solid var(--border-primary);flex-direction:column;flex-shrink:0;gap:4px;padding:12px 16px;display:flex}.dc-sidebar__footer span{text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);font-size:10px;font-weight:600}.dc-sidebar__footer code{color:var(--brand-primary,#10b981);word-break:break-all;font-family:SF Mono,Fira Code,JetBrains Mono,monospace;font-size:11.5px}.dc-content{scrollbar-width:thin;scrollbar-color:var(--border-primary)transparent;flex:1;padding:36px 48px 80px;overflow-y:auto}.dc-article{max-width:760px}.dc-section{border-bottom:1px solid var(--border-primary);margin-bottom:48px;padding-bottom:40px}.dc-section:last-child{border-bottom:none}.dc-section__label{text-transform:uppercase;letter-spacing:.08em;color:var(--brand-primary,#10b981);margin-bottom:8px;font-size:10px;font-weight:700;display:inline-block}.dc-section h1{color:var(--text-primary);letter-spacing:-.02em;margin:0 0 10px;font-size:1.75rem;font-weight:700}.dc-section h2{color:var(--text-primary);letter-spacing:-.01em;margin:0 0 10px;font-size:1.35rem;font-weight:700}.dc-section h3{color:var(--text-primary);margin:24px 0 8px;font-size:1rem;font-weight:600}.dc-lead{color:var(--text-secondary);margin:0 0 16px;font-size:15px;line-height:1.65}.dc-section p{color:var(--text-secondary);margin:0 0 12px;font-size:14px;line-height:1.75}.dc-section ul,.dc-section ol{color:var(--text-secondary);margin:0 0 12px;padding-left:20px;font-size:14px;line-height:1.8}.dc-section code{background:var(--bg-secondary);color:var(--brand-primary,#10b981);border:1px solid var(--border-primary);border-radius:4px;padding:2px 6px;font-family:SF Mono,Fira Code,JetBrains Mono,monospace;font-size:12.5px}.dc-feature-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin:20px 0 16px;display:grid}.dc-feature-card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg,10px);flex-direction:column;gap:4px;padding:16px;transition:border-color .15s;display:flex}.dc-feature-card:hover{border-color:var(--brand-primary,#10b981)}.dc-feature-card strong{color:var(--text-primary);font-size:13px}.dc-feature-card span{color:var(--text-secondary);font-size:12px;line-height:1.5}.dc-code{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg,10px);margin:12px 0;overflow:hidden}.dc-code__bar{background:color-mix(in srgb,var(--bg-secondary)60%,var(--border-primary)40%);border-bottom:1px solid var(--border-primary);justify-content:space-between;align-items:center;padding:6px 14px;display:flex}.dc-code__lang{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:600}.dc-code__copy{border:1px solid var(--border-primary);background:var(--bg-primary);color:var(--text-secondary);cursor:pointer;border-radius:5px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;transition:all .15s;display:inline-flex}.dc-code__copy:hover{color:var(--brand-primary,#10b981);border-color:var(--brand-primary,#10b981)}.dc-code pre{color:var(--text-primary);scrollbar-width:thin;scrollbar-color:var(--border-primary)transparent;margin:0;padding:14px 16px;font-family:SF Mono,Fira Code,JetBrains Mono,monospace;font-size:12.5px;line-height:1.65;overflow-x:auto}.dc-code pre code{font-size:inherit;color:inherit;background:0 0;border:none;padding:0}.dc-callout{border-radius:var(--radius-lg,10px);color:var(--text-secondary);border:1px solid;gap:10px;margin:16px 0;padding:12px 16px;font-size:13px;line-height:1.6;display:flex}.dc-callout__icon{flex-shrink:0;font-size:14px;line-height:1.5}.dc-callout--info{background:color-mix(in srgb,var(--brand-primary,#10b981)5%,transparent);border-color:color-mix(in srgb,var(--brand-primary,#10b981)20%,transparent)}.dc-callout--tip{background:color-mix(in srgb,var(--success,#22c55e)5%,transparent);border-color:color-mix(in srgb,var(--success,#22c55e)20%,transparent)}.dc-callout--warning{background:color-mix(in srgb,var(--warning,#f59e0b)5%,transparent);border-color:color-mix(in srgb,var(--warning,#f59e0b)20%,transparent)}.dc-endpoint{align-items:center;gap:10px;margin:8px 0 16px;padding:6px 0;display:inline-flex}.dc-endpoint__method{text-transform:uppercase;letter-spacing:.04em;border-radius:4px;padding:3px 8px;font-size:11px;font-weight:700}.dc-endpoint__method--post{background:color-mix(in srgb,var(--brand-primary,#10b981)12%,transparent);color:var(--brand-primary,#10b981)}.dc-endpoint__method--get{background:color-mix(in srgb,var(--success,#22c55e)12%,transparent);color:var(--success,#22c55e)}.dc-endpoint__method--delete{background:color-mix(in srgb,var(--error,#ef4444)12%,transparent);color:var(--error,#ef4444)}.dc-endpoint__path{color:var(--text-primary);font-family:SF Mono,Fira Code,JetBrains Mono,monospace;font-size:13.5px;font-weight:500;background:0 0!important;border:none!important;padding:0!important}.dc-param-table{border:1px solid var(--border-primary);border-radius:var(--radius-lg,10px);margin:12px 0;overflow-x:auto}.dc-param-table table{border-collapse:collapse;width:100%;font-size:13px}.dc-param-table thead th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);background:var(--bg-secondary);border-bottom:1px solid var(--border-primary);padding:10px 14px;font-size:11px;font-weight:600}.dc-param-table tbody td{color:var(--text-secondary);border-bottom:1px solid var(--border-primary);vertical-align:top;padding:10px 14px}.dc-param-table tbody tr:last-child td{border-bottom:none}.dc-param-table tbody td code{font-size:12px}.dc-param-type{color:var(--text-secondary);font-family:SF Mono,Fira Code,JetBrains Mono,monospace;font-size:12px!important}.dc-badge{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-primary);border-radius:4px;padding:2px 6px;font-size:10px;font-weight:600;display:inline-block}.dc-badge--req{background:color-mix(in srgb,var(--brand-primary,#10b981)10%,transparent);color:var(--brand-primary,#10b981);border-color:color-mix(in srgb,var(--brand-primary,#10b981)20%,transparent)}.dc-steps{counter-reset:step-counter;margin:12px 0;padding-left:0;list-style:none}.dc-steps li{counter-increment:step-counter;color:var(--text-secondary);padding:8px 0 8px 36px;font-size:14px;line-height:1.65;position:relative}.dc-steps li:before{content:counter(step-counter);background:color-mix(in srgb,var(--brand-primary,#10b981)10%,transparent);width:22px;height:22px;color:var(--brand-primary,#10b981);border-radius:50%;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex;position:absolute;top:8px;left:0}.dc-text-success{color:var(--success,#22c55e);font-weight:600}@media (max-width:768px){.dc-layout{flex-direction:column}.dc-sidebar{border-right:none;border-bottom:1px solid var(--border-primary);width:100%;min-width:100%;max-height:40vh}.dc-content{padding:24px 20px 60px}.dc-feature-grid{grid-template-columns:1fr}}.ix-invoice-list{flex-direction:column;display:flex}.ix-invoice{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:14px 20px;display:flex}.ix-invoice:last-child{border-bottom:none}.ix-invoice__icon{background:color-mix(in srgb,var(--primary)8%,transparent);width:36px;height:36px;color:var(--primary);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.ix-invoice__info{flex-direction:column;flex:1;gap:2px;display:flex}.ix-invoice__id{font-size:13px;font-weight:600}.ix-invoice__date{color:var(--text-secondary);font-size:11px}.ix-invoice__amount{margin-right:12px;font-size:14px;font-weight:600}.bl-tabs{border-bottom:1px solid var(--border-light);gap:4px;margin-bottom:16px;padding-bottom:0;display:flex}.bl-tab{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:8px;padding:10px 20px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.bl-tab:hover{color:var(--text-primary)}.bl-tab--active{color:var(--primary);border-bottom-color:var(--primary)}.bl-tab__count{background:var(--background);border-radius:10px;padding:1px 8px;font-size:11px;font-weight:700}.bl-empty{text-align:center;color:var(--text-tertiary);flex-direction:column;justify-content:center;align-items:center;padding:48px 24px;display:flex}.bl-empty p{color:var(--text-secondary);margin:12px 0 4px;font-size:16px;font-weight:600}.bl-empty span{font-size:13px}.bl-pagination{border-top:1px solid var(--border-light);justify-content:center;align-items:center;gap:12px;padding:12px;display:flex}.bl-pagination__info{color:var(--text-secondary);font-size:13px}.bl-desc{text-overflow:ellipsis;white-space:nowrap;max-width:250px;color:var(--text-tertiary);font-size:12px;overflow:hidden}.ix-badge--usage{color:var(--primary);background:#6366f11a;border:1px solid #6366f133}.ix-badge--info{color:var(--text-secondary);border:1px solid var(--border-light);background:#6366f114}.ix-badge--pending{color:var(--warning);background:#f59e0b1a;border:1px solid #f59e0b33}.st-grid{grid-template-columns:repeat(auto-fit,minmax(420px,1fr));gap:18px;display:grid}@media (max-width:860px){.st-grid{grid-template-columns:1fr}}.st-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.st-card--danger{border-color:color-mix(in srgb,var(--error)25%,transparent)}.st-card__header{border-bottom:1px solid var(--border);color:var(--text-primary);align-items:center;gap:8px;padding:16px 20px;font-size:14px;font-weight:600;display:flex}.st-card--danger .st-card__header{color:var(--error)}.st-card__body{flex-direction:column;gap:14px;padding:18px 20px;display:flex}.st-card__actions{gap:8px;padding-top:6px;display:flex}.st-field{flex-direction:column;gap:5px;display:flex}.st-toggle-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:10px 0;display:flex}.st-toggle-row:last-of-type{border-bottom:none}.st-toggle-row__info{flex-direction:column;gap:1px;display:flex}.st-toggle-row__title{font-size:13px;font-weight:600}.st-toggle-row__desc{color:var(--text-secondary);font-size:11.5px}.st-danger-row{justify-content:space-between;align-items:center;gap:16px;display:flex}@media (max-width:480px){.st-danger-row{flex-direction:column;align-items:flex-start}}.st-terms h4{color:var(--text-primary);margin:16px 0 6px;font-size:14px}.st-terms h4:first-child{margin-top:0}.st-terms p{color:var(--text-secondary);margin:0 0 8px;font-size:13px;line-height:1.6}.knowledge-base-container{max-width:1400px;margin:0 auto;padding:2rem}.kb-header{justify-content:space-between;align-items:flex-start;margin-bottom:2rem;display:flex}.kb-header h1{align-items:center;gap:.75rem;margin:0 0 .5rem;display:flex}.kb-header p{color:var(--text-secondary);margin:0}.alert{border-radius:var(--radius-md);align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:1rem;display:flex}.alert-error{background:color-mix(in srgb,var(--error)10%,transparent);border:1px solid color-mix(in srgb,var(--error)30%,transparent);color:var(--error)}.alert-success{background:color-mix(in srgb,var(--success)10%,transparent);border:1px solid color-mix(in srgb,var(--success)30%,transparent);color:var(--success)}.kb-layout{grid-template-columns:320px 1fr;gap:2rem;min-height:600px;display:grid}.kb-sidebar{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;height:fit-content;max-height:800px;padding:1.5rem;display:flex}.kb-sidebar h3{align-items:center;gap:.5rem;margin:0 0 1rem;font-size:1rem;font-weight:600;display:flex}.kb-list{flex-direction:column;flex:1;gap:.5rem;display:flex;overflow-y:auto}.kb-item{border-radius:var(--radius-md);border:1px solid var(--border);cursor:pointer;padding:1rem;transition:all .2s;position:relative}.kb-item:hover{border-color:var(--primary);background:color-mix(in srgb,var(--info)5%,transparent)}.kb-item.active{border-color:var(--primary);background:color-mix(in srgb,var(--info)10%,transparent)}.kb-item-header{align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.kb-item-name{flex:1;font-weight:500}.kb-item-stats{color:var(--text-secondary);gap:.5rem;font-size:.875rem;display:flex}.kb-delete-btn{color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);opacity:0;background:0 0;border:none;padding:.25rem;transition:all .2s;position:absolute;top:.5rem;right:.5rem}.kb-item:hover .kb-delete-btn{opacity:1}.kb-delete-btn:hover{color:var(--error);background:color-mix(in srgb,var(--error)10%,transparent)}.kb-main{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2rem}.kb-content-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1.5rem;display:flex}.kb-content-header h2{margin:0 0 .5rem}.kb-content-header p{color:var(--text-secondary);margin:0 0 .75rem}.kb-meta{color:var(--text-secondary);gap:.75rem;font-size:.875rem;display:flex}.documents-search{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:.75rem 1rem;display:flex}.documents-search input{background:0 0;border:none;outline:none;flex:1;font-size:1rem}.documents-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;margin-bottom:2rem;display:grid}.document-card{border:1px solid var(--border);border-radius:var(--radius-md);gap:1rem;padding:1rem;transition:all .2s;display:flex;position:relative}.document-card:hover{border-color:var(--primary);box-shadow:0 4px 12px #0000001a}.doc-icon{color:var(--primary)}.doc-info{flex:1}.doc-info h4{margin:0 0 .5rem;font-size:.95rem;font-weight:500}.doc-meta{color:var(--text-secondary);gap:.5rem;margin-bottom:.5rem;font-size:.8rem;display:flex}.doc-tags{gap:.5rem;display:flex}.tag{background:color-mix(in srgb,var(--info)10%,transparent);color:var(--primary);border-radius:var(--radius-sm);padding:.25rem .5rem;font-size:.75rem;display:inline-block}.doc-delete-btn{color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);opacity:0;background:0 0;border:none;padding:.5rem;transition:all .2s}.document-card:hover .doc-delete-btn{opacity:1}.doc-delete-btn:hover{color:var(--error);background:color-mix(in srgb,var(--error)10%,transparent)}.kb-stats-footer{border-top:1px solid var(--border);grid-template-columns:repeat(4,1fr);gap:1rem;padding-top:1.5rem;display:grid}.stat-item{text-align:center}.stat-label{color:var(--text-secondary);margin-bottom:.5rem;font-size:.875rem;display:block}.stat-value{color:var(--text-primary);font-size:1.5rem;font-weight:600;display:block}.empty-state,.empty-state-large{text-align:center;color:var(--text-secondary);padding:3rem 1.5rem}.empty-state-large{padding:4rem 2rem}.empty-state svg,.empty-state-large svg{opacity:.3;margin-bottom:1rem}.empty-state-large h2{margin:1rem 0 .5rem}.upload-overlay{z-index:1001;color:#fff;background:#000000b3;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.upload-spinner{border:4px solid #fff3;border-top-color:#fff;border-radius:50%;width:48px;height:48px;margin-bottom:1rem;animation:1s linear infinite spin}.form-group label{margin-bottom:.5rem;font-weight:500;display:block}.form-group input,.form-group textarea{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg);width:100%;padding:.75rem;font-size:1rem}.form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.btn-primary,.btn-secondary{border-radius:var(--radius-md);cursor:pointer;border:none;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:1rem;font-weight:500;transition:all .2s;display:inline-flex}.btn-primary{background:var(--surface);color:var(--text-primary);background-clip:padding-box;border:2px solid #0000;position:relative}.btn-primary:hover{background:var(--border-light);color:var(--text-primary);transform:translateY(-1px)}.btn-secondary{background:var(--surface);color:var(--text-primary);background-clip:padding-box;border:2px solid #0000;position:relative}.btn-secondary:hover{color:var(--text-primary);background:var(--border-light)}@media (max-width:1024px){.kb-layout{grid-template-columns:1fr}.kb-sidebar{max-height:300px}}@media (max-width:768px){.documents-grid{grid-template-columns:1fr}.kb-stats-footer{grid-template-columns:repeat(2,1fr)}.kb-content-header,.kb-header{flex-direction:column;gap:1rem}}.ag-page{flex-direction:column;gap:20px;height:100%;padding:0;display:flex;overflow:hidden}.ag-page--create{gap:12px}.ag-topbar{flex-shrink:0;align-items:center;display:flex}.ag-back{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;transition:all .2s;display:inline-flex}.ag-back:hover{color:var(--text-primary);border-color:color-mix(in srgb,var(--primary)18%,transparent)}.ag-header{flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.ag-header__title{color:var(--text-primary);align-items:center;gap:10px;margin:0;font-size:22px;font-weight:700;display:flex}.ag-header__sub{color:var(--text-secondary);margin:4px 0 0;font-size:13.5px}.ag-header__actions{flex-shrink:0;gap:10px;display:flex}.ag-header__actions .btn-primary,.ag-header__actions .btn-secondary{white-space:nowrap;min-height:38px;padding:9px 18px;font-size:13px;font-weight:600}.ag-toast{border-radius:var(--radius-md);flex-shrink:0;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:500;display:flex}.ag-toast--error{background:color-mix(in srgb,#ef4444 12%,var(--surface));color:#ef4444;border:1px solid #ef444433}.ag-toast--success{background:color-mix(in srgb,#22c55e 12%,var(--surface));color:#22c55e;border:1px solid #22c55e33}.ag-loading,.ag-empty{color:var(--text-secondary);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;display:flex}.ag-loading{flex-direction:row;gap:10px;font-size:14px}.ag-empty__icon{background:color-mix(in srgb,var(--primary)8%,var(--surface));border-radius:var(--radius-lg);width:64px;height:64px;color:var(--text-secondary);justify-content:center;align-items:center;display:flex}.ag-empty h3{color:var(--text-primary);margin:8px 0 0;font-size:17px}.ag-empty p{color:var(--text-secondary);margin:0;font-size:13.5px}.ag-empty__actions{gap:10px;margin-top:8px;display:flex}.ag-spin{animation:1s linear infinite ag-spin}@keyframes ag-spin{to{transform:rotate(360deg)}}.ag-badge{text-transform:uppercase;letter-spacing:.3px;border-radius:6px;align-items:center;gap:3px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex}.ag-badge--free{background:color-mix(in srgb,#22c55e 14%,var(--surface));color:#22c55e}.ag-badge--paid{background:color-mix(in srgb,#f59e0b 14%,var(--surface));color:#f59e0b}.ag-chip{color:var(--text-secondary);background:color-mix(in srgb,var(--primary)6%,var(--surface));border:1px solid var(--border);text-transform:capitalize;border-radius:6px;align-items:center;gap:4px;padding:4px 9px;font-size:11px;font-weight:500;display:inline-flex}.ag-grid{flex:1;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));align-items:start;gap:18px;padding-bottom:8px;display:grid;overflow-y:auto}.ag-grid::-webkit-scrollbar{display:none}.ag-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;gap:12px;padding:20px;transition:border-color .2s,box-shadow .2s;display:flex;position:relative}.ag-card:hover{border-color:color-mix(in srgb,var(--primary)18%,transparent);box-shadow:var(--shadow-md)}.ag-card__top{justify-content:space-between;align-items:flex-start;gap:12px;padding-right:90px;display:flex;position:relative}.ag-card__avatar{background:color-mix(in srgb,var(--primary)8%,var(--surface));border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:22px;display:flex}.ag-card__info{flex:1;min-width:0}.ag-card__info h3{color:var(--text-primary);word-break:break-word;margin:0;font-size:15px;font-weight:600;line-height:1.4}.ag-card__model{color:var(--text-secondary);align-items:center;gap:4px;margin-top:2px;font-size:11.5px;display:flex}.ag-card__desc{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:39px;margin:0;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.ag-card__chips{flex-wrap:wrap;gap:5px;min-height:24px;display:flex}.ag-card__bottom{border-top:1px solid var(--border);flex-direction:column;gap:10px;margin-top:auto;padding-top:12px;display:flex}.ag-card__stats{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:8px;width:100%;font-size:12px;display:flex}.ag-card__stats>span{white-space:nowrap;align-items:center;gap:4px;display:flex}.ag-card__btns{flex-wrap:wrap;align-items:center;gap:6px;width:100%;display:flex}.ag-card__edit-inline{border:1px solid color-mix(in srgb,var(--primary)40%,transparent);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--primary)10%,var(--surface));color:var(--text-primary);cursor:pointer;white-space:nowrap;z-index:3;justify-content:center;align-items:center;padding:6px 12px;font-size:11.5px;font-weight:700;display:inline-flex;position:absolute;top:0;right:0;visibility:visible!important;opacity:1!important}.ag-card__edit-inline:hover{background:color-mix(in srgb,var(--primary)16%,var(--surface))}.ag-card__run{color:var(--text-primary);background:var(--surface);border-radius:var(--radius-sm);cursor:pointer;z-index:0;border:none;flex-shrink:0;align-items:center;gap:4px;padding:6px 12px;font-size:12px;font-weight:600;transition:transform .15s;display:inline-flex;position:relative;overflow:hidden}.ag-card__run:before{content:"";border-radius:var(--radius-sm);background:var(--brand-gradient);-webkit-mask-composite:xor;pointer-events:none;padding:1.5px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.ag-card__run:hover{transform:translateY(-1px)}.ag-card__del{border:1px solid var(--border);border-radius:var(--radius-sm);width:30px;height:30px;color:var(--text-secondary);cursor:pointer;background:0 0;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:inline-flex}.ag-card__del:hover{color:#ef4444;background:color-mix(in srgb,#ef4444 8%,var(--surface));border-color:#ef44444d}.ag-card__edit{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;white-space:nowrap;align-items:center;gap:4px;padding:6px 10px;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex;visibility:visible!important;opacity:1!important}.ag-card__edit:hover{color:var(--primary);border-color:color-mix(in srgb,var(--primary)40%,transparent);background:color-mix(in srgb,var(--primary)8%,var(--surface))}.agents-grid{flex:1;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:16px;padding-bottom:8px;display:grid;overflow-y:auto}.agents-grid::-webkit-scrollbar{display:none}.agent-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;gap:12px;padding:20px;transition:border-color .2s,box-shadow .2s;display:flex}.agent-card:hover{border-color:color-mix(in srgb,var(--primary)18%,transparent);box-shadow:var(--shadow-md)}.agent-card-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.agent-card-info{flex:1;min-width:0;max-width:calc(100% - 120px)}.agent-card-info h3{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:15px;font-weight:600;overflow:hidden}.agent-model{color:var(--text-secondary);align-items:center;gap:4px;margin-top:2px;font-size:11.5px;display:flex}.agent-desc{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.agent-card-tools{flex-wrap:wrap;gap:5px;display:flex}.agent-card-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;margin-top:auto;padding-top:12px;display:flex}.agent-card-actions{flex-shrink:0;gap:6px;display:flex}.btn-icon{border:1px solid var(--border);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;transition:all .12s;display:inline-flex}.btn-icon:hover{color:var(--text-primary);border-color:color-mix(in srgb,var(--primary)18%,transparent);background:color-mix(in srgb,var(--primary)4%,transparent);transform:translateY(-2px)}.btn-icon.danger{color:#ef4444}.templates-modal{width:min(96%,980px);max-width:980px;max-height:calc(100vh - var(--header-height) - 60px);padding:28px;overflow:hidden}.templates-modal .modal-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;padding-left:0;display:flex}.templates-modal .modal-header h2{align-items:center;gap:8px;margin:0;font-size:20px;display:inline-flex}.templates-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;padding-right:6px;display:grid;overflow-y:auto}.templates-grid::-webkit-scrollbar{display:none}.template-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;gap:10px;padding:16px;display:flex}.template-card h3{color:var(--text-primary);margin:0;font-size:14.5px;font-weight:700}.template-card p{color:var(--text-secondary);margin:0;font-size:12.5px;line-height:1.5}.template-tools{flex-wrap:wrap;gap:6px;display:flex}.template-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:8px;margin-top:auto;padding-top:8px;display:flex}.cost-badge{color:#f59e0b;background:color-mix(in srgb,#f59e0b 12%,var(--surface));border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex}.btn-sm{padding:6px 10px;font-size:12px}.ag-tpl-grid{flex:1;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:16px;padding-bottom:8px;display:grid;overflow-y:auto}.ag-tpl-grid::-webkit-scrollbar{display:none}.ag-tpl-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;gap:10px;padding:20px;transition:border-color .2s,box-shadow .2s;display:flex}.ag-tpl-card:hover{border-color:color-mix(in srgb,var(--primary)18%,transparent);box-shadow:var(--shadow-md)}.ag-tpl-card__top{justify-content:space-between;align-items:center;display:flex}.ag-tpl-card__emoji{font-size:28px}.ag-tpl-card__name{color:var(--text-primary);margin:0;font-size:15px;font-weight:600}.ag-tpl-card__desc{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.5}.ag-tpl-card__tools{flex-wrap:wrap;gap:5px;display:flex}.ag-tpl-card__model{color:var(--text-secondary);align-items:center;gap:5px;font-size:11.5px;display:flex}.ag-tpl-card__btn{justify-content:center;width:100%;margin-top:auto}.ag-create{flex:1;grid-template-columns:1fr 320px;gap:20px;min-height:0;display:grid;overflow:hidden}.ag-create__form{flex-direction:column;gap:16px;padding-right:4px;display:flex;overflow-y:auto}.ag-create__form::-webkit-scrollbar{width:4px}.ag-create__form::-webkit-scrollbar-track{background:var(--border-light);border-radius:2px}.ag-create__form::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.ag-create__form{scrollbar-width:thin;scrollbar-color:var(--border)var(--border-light)}.ag-create__form-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;gap:14px;padding:22px;display:flex}.ag-create__title{color:var(--text-primary);align-items:center;gap:10px;margin:0;font-size:17px;font-weight:700;display:flex}.ag-create__section-title{color:var(--text-primary);align-items:center;gap:8px;margin:0;font-size:14px;font-weight:600;display:flex}.ag-create__hint{color:var(--text-secondary);margin:-6px 0 0;font-size:12.5px}.ag-field{flex-direction:column;gap:5px;display:flex}.ag-field-row{gap:12px;display:flex}.ag-field__label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:11.5px;font-weight:600}.ag-field__val{color:var(--text-primary);text-transform:none;letter-spacing:0;font-weight:700}.ag-req{color:#ef4444}.ag-input,.ag-textarea,.ag-select{background:var(--background);border:1px solid var(--border);border-radius:var(--radius-md);width:100%;color:var(--text-primary);box-sizing:border-box;outline:none;padding:10px 14px;font-family:inherit;font-size:13.5px;transition:border-color .2s}.ag-input::placeholder,.ag-textarea::placeholder{color:var(--text-secondary);opacity:.5}.ag-input:focus,.ag-textarea:focus,.ag-select:focus{border-color:#0000;border-image:var(--brand-gradient)1}.ag-input--icon{text-align:center;padding:8px;font-size:20px}.ag-textarea{resize:none;line-height:1.5}.ag-select-wrap{position:relative}.ag-select{appearance:none;cursor:pointer;padding-right:32px}.ag-select__chevron{color:var(--text-secondary);pointer-events:none;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.ag-slider{appearance:none;background:linear-gradient(to right,#10b981 0%,#10b981 var(--ag-progress,0%),var(--border)var(--ag-progress,0%),var(--border)100%);cursor:pointer;border-radius:4px;outline:none;width:100%;height:4px;margin-top:4px}.ag-slider::-webkit-slider-thumb{-webkit-appearance:none;border:2px solid var(--surface);cursor:pointer;background:#10b981;border-radius:50%;width:16px;height:16px;box-shadow:0 0 0 3px #10b98133}.ag-slider::-moz-range-thumb{border:2px solid var(--surface);cursor:pointer;background:#10b981;border-radius:50%;width:14px;height:14px}.ag-tools-grid{grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:8px;display:grid}.ag-tool-card{background:var(--background);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;color:var(--text-secondary);align-items:center;gap:8px;padding:10px 12px;transition:all .2s;display:flex;position:relative}.ag-tool-card:hover{border-color:color-mix(in srgb,var(--primary)18%,transparent);color:var(--text-primary)}.ag-tool-card--active{background:color-mix(in srgb,#10b981 8%,var(--surface));color:var(--text-primary);border-color:#0000}.ag-tool-card--active:before{content:"";border-radius:var(--radius-md);background:var(--brand-gradient);-webkit-mask-composite:xor;pointer-events:none;padding:1.5px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.ag-tool-card__icon{flex-shrink:0;justify-content:center;align-items:center;display:flex}.ag-tool-card__name{text-transform:capitalize;white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;font-weight:500;overflow:hidden}.ag-tool-card__check{color:#22c55e;margin-left:auto;font-size:12px;font-weight:700}.ag-create__actions{flex-shrink:0;justify-content:flex-end;gap:10px;padding:4px 0;display:flex}.ag-create__preview{position:sticky;top:0}.ag-create__preview-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:center;flex-direction:column;align-items:center;gap:12px;padding:24px;display:flex;position:relative}.ag-create__preview-card:before{content:"";border-radius:var(--radius-lg);background:var(--brand-gradient);-webkit-mask-composite:xor;pointer-events:none;padding:1.5px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.ag-create__preview-emoji{font-size:36px}.ag-create__preview-card h3{color:var(--text-primary);margin:0;font-size:16px;font-weight:600}.ag-create__preview-card p{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.5}.ag-create__preview-chips{flex-wrap:wrap;justify-content:center;gap:5px;display:flex}.ag-create__preview-none{color:var(--text-secondary);opacity:.5;font-size:12px}.ag-create__preview-meta{color:var(--text-secondary);border-top:1px solid var(--border);flex-wrap:wrap;justify-content:center;gap:12px;width:100%;padding-top:10px;font-size:11.5px;display:flex}.ag-create__preview-meta>span{align-items:center;gap:4px;display:flex}@media (max-width:900px){.ag-create{grid-template-columns:1fr}.ag-create__preview{display:none}.ag-grid{grid-template-columns:1fr;gap:14px}.ag-tpl-grid{grid-template-columns:1fr}}@media (max-width:640px){.ag-header{flex-direction:column;align-items:stretch}.ag-header__actions{flex-wrap:wrap;justify-content:stretch}.ag-header__actions .btn-primary,.ag-header__actions .btn-secondary{flex:1;justify-content:center;min-width:140px}.ag-card__top{flex-direction:column;align-items:flex-start;padding-right:0}.ag-card__edit-inline{align-self:flex-start;margin-top:8px;position:static}.ag-card__btns>button:not(.ag-card__del){flex:1}}.create-agent-container{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:min(100%,1100px);max-width:1100px;max-height:calc(100vh - var(--header-height) - 80px);scrollbar-width:thin;scrollbar-color:var(--border)var(--border-light);margin:0 auto;padding:28px;overflow-y:auto}.create-agent-container::-webkit-scrollbar{width:4px}.create-agent-container::-webkit-scrollbar-track{background:var(--border-light);border-radius:2px}.create-agent-container::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.create-agent-container h2{color:var(--text-primary);margin:0 0 20px;font-size:20px;font-weight:700}.agent-form{flex-direction:column;gap:16px;display:flex}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:11.5px;font-weight:600}.form-group input[type=text],.form-group input[type=number],.form-group textarea,.form-group select{background:var(--background);border:1px solid var(--border);border-radius:var(--radius-md);width:100%;color:var(--text-primary);box-sizing:border-box;outline:none;padding:10px 14px;font-family:inherit;font-size:13.5px;transition:border-color .2s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--primary)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-secondary);opacity:.5}.form-group textarea{resize:vertical;line-height:1.5}.form-group input[type=range]{accent-color:#10b981;cursor:pointer;width:100%}.form-row{align-items:flex-start;gap:14px;display:flex}.flex-1{flex:1}.tools-selector{flex-wrap:wrap;gap:8px;display:flex}.tool-btn{background:var(--background);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;text-transform:capitalize;align-items:center;gap:6px;padding:8px 12px;font-size:12px;font-weight:500;transition:all .2s;display:inline-flex}.tool-btn:hover{border-color:color-mix(in srgb,var(--primary)40%,transparent);color:var(--text-primary)}.tool-btn.selected{background:color-mix(in srgb,#10b981 10%,var(--surface));color:var(--text-primary);border-color:#10b981}.form-actions{border-top:1px solid var(--border);justify-content:flex-end;gap:10px;margin-top:4px;padding-top:8px;display:flex}.form-actions .btn-primary,.form-actions .btn-secondary{flex:none;justify-content:center;min-width:140px}.form-actions .btn-secondary{padding:12px 24px;font-size:14px;font-weight:700;border:1px solid var(--border)!important}.form-actions .btn-secondary:before{display:none!important}.alert{border-radius:var(--radius-md);padding:10px 16px;font-size:13px;font-weight:500}.alert-error{background:color-mix(in srgb,#ef4444 12%,var(--surface));color:#ef4444;border:1px solid #ef444440}.chat-header{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);flex-shrink:0;align-items:center;gap:12px;padding:14px 20px;display:flex}.btn-back{border:1px solid var(--border);border-radius:var(--radius-md);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;background:0 0;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:inline-flex}.btn-back:hover{color:var(--text-primary);border-color:color-mix(in srgb,var(--primary)30%,transparent)}.chat-agent-icon{color:var(--primary);flex-shrink:0}.chat-agent-info{flex:1;min-width:0}.chat-agent-info h3{color:var(--text-primary);margin:0;font-size:15px;font-weight:600}.chat-model{color:var(--text-secondary);font-size:12px}.chat-header-tools{flex-wrap:wrap;gap:6px;display:flex}.tool-badge-sm{color:var(--text-secondary);background:color-mix(in srgb,var(--primary)6%,var(--surface));border:1px solid var(--border);text-transform:capitalize;border-radius:5px;align-items:center;gap:3px;padding:3px 7px;font-size:11px;font-weight:500;display:inline-flex}.chat-messages{flex-direction:column;flex:1;gap:14px;padding:4px 2px;display:flex;overflow-y:auto}.chat-messages::-webkit-scrollbar{display:none}.chat-empty{text-align:center;color:var(--text-secondary);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;padding:40px;display:flex}.chat-empty-icon{opacity:.3}.chat-empty h3{color:var(--text-primary);margin:0;font-size:18px}.chat-empty p{margin:0;font-size:13.5px}.chat-msg{flex-direction:column;display:flex}.chat-msg.user{align-items:flex-end}.chat-msg.assistant,.chat-msg.error{align-items:flex-start}.msg-bubble{border-radius:var(--radius-lg);max-width:75%;padding:12px 16px;font-size:13.5px;line-height:1.55}.msg-bubble p{margin:0}.user-bubble{background:color-mix(in srgb,var(--primary)14%,var(--surface));border:1px solid color-mix(in srgb,var(--primary)25%,transparent);color:var(--text-primary);border-bottom-right-radius:4px}.assistant-bubble{background:var(--surface);border:1px solid var(--border);color:var(--text-primary);border-bottom-left-radius:4px;flex-direction:column;gap:10px;display:flex}.error-bubble{background:color-mix(in srgb,#ef4444 10%,var(--surface));color:#ef4444;border:1px solid #ef444440}.loading-bubble{color:var(--text-secondary);align-items:center;gap:8px;font-size:13px;display:flex}.msg-content{white-space:pre-wrap;word-break:break-word}.steps-detail{border-top:1px solid var(--border);padding-top:8px;font-size:12px}.steps-detail summary{cursor:pointer;color:var(--text-secondary);-webkit-user-select:none;user-select:none;align-items:center;gap:5px;list-style:none;display:flex}.token-count{opacity:.7}.steps-list{flex-direction:column;gap:8px;margin-top:10px;display:flex}.step-item{background:var(--background);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;gap:4px;padding:10px 12px;display:flex}.step-num{color:var(--text-secondary);text-transform:uppercase;font-size:11px;font-weight:600}.step-tool{color:var(--primary);align-items:center;gap:4px;font-size:12px;font-weight:600;display:flex}.step-thought{color:var(--text-secondary);font-size:12px;font-style:italic}.step-output{color:var(--text-primary);font-size:12px}.step-label{color:#22c55e;font-size:12px;font-weight:600}.msg-meta{color:var(--text-secondary);border-top:1px solid var(--border);align-items:center;gap:8px;padding-top:6px;font-size:11px;display:flex}.free-badge{color:#22c55e;font-weight:600}.cost-info{align-items:center;gap:2px;display:flex}.latency-info{opacity:.7;margin-left:auto}.chat-input-bar{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);flex-shrink:0;align-items:center;gap:10px;padding:12px 16px;display:flex}.chat-input-bar input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:14px}.chat-input-bar input::placeholder{color:var(--text-secondary);opacity:.5}.chat-input-bar input:disabled{opacity:.6}.btn-send{background:var(--primary);border-radius:var(--radius-md);color:#fff;cursor:pointer;border:none;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;transition:opacity .2s,transform .15s;display:inline-flex}.btn-send:hover:not(:disabled){opacity:.85;transform:translateY(-1px)}.btn-send:disabled{opacity:.4;cursor:not-allowed}.spin{animation:1s linear infinite ag-spin}.ag-analytics{flex-direction:column;gap:20px;padding-bottom:40px;display:flex;overflow-y:auto}.ag-analytics__header{flex-shrink:0;align-items:center;gap:16px;display:flex}.ag-analytics__header h2{color:var(--text-primary);align-items:center;gap:10px;margin:0;font-size:20px;font-weight:700;display:flex}.ag-stats-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px;display:grid}.ag-stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;gap:6px;padding:18px 16px;transition:border-color .2s;display:flex}.ag-stat-card:hover{border-color:color-mix(in srgb,var(--primary)25%,transparent)}.ag-stat-card__icon{color:var(--primary);opacity:.8}.ag-stat-card__value{color:var(--text-primary);font-size:22px;font-weight:700;line-height:1.1}.ag-stat-card__label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;font-size:12px;font-weight:500}.ag-feedback-count--up{color:#22c55e}.ag-feedback-count--down{color:#ef4444}.ag-chart-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px}.ag-chart-card h3{color:var(--text-primary);margin:0 0 16px;font-size:15px;font-weight:600}.ag-bar-chart{align-items:flex-end;gap:4px;height:140px;padding-top:8px;display:flex}.ag-bar-col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;min-width:0;height:100%;display:flex}.ag-bar{background:var(--primary);opacity:.85;border-radius:4px 4px 0 0;width:100%;max-width:28px;min-height:2px;transition:height .3s}.ag-bar-col:hover .ag-bar{opacity:1}.ag-bar-label{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;max-width:100%;margin-top:4px;font-size:9px;overflow:hidden}.ag-recent h3{color:var(--text-primary);margin:0 0 12px;font-size:16px;font-weight:600}.ag-empty-text{color:var(--text-muted);padding:16px 0;font-size:13px}.ag-invocations-list{flex-direction:column;gap:10px;display:flex}.ag-inv-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:14px 16px;transition:border-color .2s}.ag-inv-card:hover{border-color:color-mix(in srgb,var(--primary)20%,transparent)}.ag-inv-card__top{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:8px;display:flex}.ag-inv-card__msg{color:var(--text-primary);flex:1;font-size:13px;font-weight:600;line-height:1.4}.ag-inv-card__meta{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:8px;display:flex}.ag-inv-card__meta span{color:var(--text-muted);background:var(--background);white-space:nowrap;border-radius:10px;padding:2px 8px;font-size:11px}.ag-inv-status{font-weight:600!important}.ag-inv-status--completed{color:#22c55e!important}.ag-inv-status--failed{color:#ef4444!important}.ag-inv-status--running{color:#f59e0b!important}.ag-inv-card__answer{color:var(--text-secondary);background:var(--background);border-radius:var(--radius-md);border-left:3px solid var(--primary);max-height:80px;margin-bottom:8px;padding:8px 12px;font-size:12px;line-height:1.5;overflow:hidden}.ag-inv-card__bottom{justify-content:space-between;align-items:center;display:flex}.ag-inv-card__time{color:var(--text-muted);font-size:11px}.ag-inv-card__feedback{gap:4px;display:flex}.ag-feedback-btn{border:1px solid var(--border);border-radius:var(--radius-md);width:28px;height:28px;color:var(--text-muted);cursor:pointer;background:0 0;justify-content:center;align-items:center;transition:all .2s;display:inline-flex}.ag-feedback-btn:hover{border-color:var(--primary);color:var(--primary)}.ag-feedback-btn--active-up{color:#22c55e;background:#22c55e1a;border-color:#22c55e}.ag-feedback-btn--active-down{color:#ef4444;background:#ef44441a;border-color:#ef4444}.ag-sessions{flex-direction:column;gap:16px;height:100%;display:flex;overflow:hidden}.ag-sessions-layout{flex:1;grid-template-columns:320px 1fr;gap:16px;min-height:0;display:grid;overflow:hidden}.ag-session-list{flex-direction:column;gap:6px;padding-right:4px;display:flex;overflow-y:auto}.ag-session-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;padding:12px 14px;transition:all .2s}.ag-session-item:hover{border-color:color-mix(in srgb,var(--primary)25%,transparent)}.ag-session-item--active{border-color:var(--primary);background:color-mix(in srgb,var(--primary)5%,var(--surface))}.ag-session-item__title{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;margin-bottom:6px;font-size:13px;font-weight:600;line-height:1.3;overflow:hidden}.ag-session-item__meta{gap:8px;margin-bottom:6px;display:flex}.ag-session-item__meta span{color:var(--text-muted);font-size:11px}.ag-session-item__bottom{justify-content:space-between;align-items:center;display:flex}.ag-session-item__bottom span{color:var(--text-muted);font-size:11px}.ag-session-del{border-radius:var(--radius-sm);width:24px;height:24px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:all .2s;display:inline-flex}.ag-session-del:hover{color:#ef4444;background:#ef44441a}.ag-message-viewer{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;display:flex;overflow:hidden}.ag-message-viewer__header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.ag-message-viewer__header h3{color:var(--text-primary);margin:0;font-size:14px;font-weight:600}.ag-meta-text{color:var(--text-muted);font-size:11px}.ag-message-viewer__empty{color:var(--text-muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;display:flex}.ag-message-viewer__empty p{margin:0;font-size:13px}.ag-message-list{flex-direction:column;flex:1;gap:12px;padding:16px 18px;display:flex;overflow-y:auto}.ag-msg{border-radius:var(--radius-md);max-width:85%;padding:10px 14px}.ag-msg--user{background:color-mix(in srgb,var(--primary)8%,transparent);border:1px solid color-mix(in srgb,var(--primary)15%,transparent);align-self:flex-end}.ag-msg--assistant{background:var(--background);border:1px solid var(--border);align-self:flex-start}.ag-msg__role{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:10px;font-weight:700}.ag-msg__content{color:var(--text-primary);white-space:pre-wrap;word-break:break-word;font-size:13px;line-height:1.5}@media (max-width:768px){.ag-stats-grid{grid-template-columns:repeat(2,1fr)}.ag-sessions-layout{grid-template-rows:auto 1fr;grid-template-columns:1fr}.ag-session-list{max-height:200px}}.pm-search-bar{background:var(--surface);border:1px solid var(--border-light);border-radius:12px;align-items:center;gap:10px;margin-bottom:20px;padding:10px 16px;transition:border-color .2s;display:flex}.pm-search-bar:focus-within{border-color:var(--primary)}.pm-search-bar svg{color:var(--text-tertiary);flex-shrink:0}.pm-search-bar input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-size:14px}.pm-search-bar input::placeholder{color:var(--text-tertiary)}.pm-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px;display:grid}.pm-card{background:var(--surface);border:1px solid var(--border-light);border-radius:14px;padding:20px;transition:border-color .2s,box-shadow .2s}.pm-card:hover{border-color:var(--primary);box-shadow:0 4px 16px #0000000f}.pm-card__header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.pm-card__name{color:var(--text-primary);margin:0;font-size:15px;font-weight:700}.pm-card__version{color:var(--primary);background:#10b9811a;border-radius:8px;padding:2px 8px;font-size:11px;font-weight:700}.pm-card__desc{color:var(--text-secondary);margin:0 0 12px;font-size:13px;line-height:1.5}.pm-card__meta{flex-wrap:wrap;gap:6px;margin-bottom:14px;display:flex}.pm-chip{background:var(--background);color:var(--text-secondary);border:1px solid var(--border-light);border-radius:8px;align-items:center;gap:4px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.pm-chip--tag,.pm-chip--var{color:var(--primary);background:#10b9810f;border-color:#10b98126}.pm-chip--danger{color:var(--error);background:#ef44440f;border-color:#ef444426}.pm-card__actions{gap:6px;display:flex}.pm-form-grid{grid-template-columns:1fr 320px;align-items:flex-start;gap:20px;display:grid}.pm-form-main{min-width:0}.pm-form-side{position:sticky;top:16px}.pm-textarea{resize:vertical;min-height:80px;font-family:inherit}.pm-textarea--lg{min-height:140px}.pm-var-preview{color:var(--text-secondary);background:#10b9810a;border:1px solid #10b9811f;border-radius:10px;flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px;padding:10px 14px;font-size:12px;display:flex}.pm-var-tag{color:var(--primary);background:#10b9811a;border-radius:6px;padding:2px 8px;font-family:SF Mono,monospace;font-size:12px}.pm-tag-input{gap:6px;display:flex}.pm-tags-list{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.pm-code{background:var(--background);border:1px solid var(--border-light);color:var(--text-primary);white-space:pre-wrap;word-break:break-word;border-radius:10px;max-height:300px;margin:0;padding:12px 16px;font-family:SF Mono,Fira Code,monospace;font-size:12px;line-height:1.6;overflow:auto}.pm-code--sm{max-height:120px;padding:8px 12px;font-size:11px}.pm-preview-block{margin-bottom:12px}.pm-preview-block:last-child{margin-bottom:0}.pm-result-text{color:var(--text-primary);white-space:pre-wrap;font-size:14px;line-height:1.7}.pm-result-meta{border-top:1px solid var(--border-light);color:var(--text-tertiary);gap:16px;margin-top:12px;padding-top:12px;font-size:12px;display:flex}.pm-version-item{border:1px solid var(--border-light);border-radius:10px;margin-bottom:8px;padding:12px}.pm-version-item__header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}@media (max-width:768px){.pm-form-grid{grid-template-columns:1fr}.pm-form-side{position:static}.pm-grid{grid-template-columns:1fr}}.ba-request-item{background:var(--background);border:1px solid var(--border-light);border-radius:10px;margin-bottom:10px;padding:12px}.ba-request-item__header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.ba-request-item__num{color:var(--primary);background:#10b98114;border-radius:8px;padding:2px 10px;font-size:12px;font-weight:700}.ba-results-list{flex-direction:column;gap:12px;padding:16px;display:flex}.ba-result-card{background:var(--background);border:1px solid var(--border-light);border-radius:12px;padding:16px}.ba-result-card__header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.ba-result-card__section{margin-bottom:10px}.ba-result-card__section:last-child{margin-bottom:0}.ba-result-card__text{color:var(--text-primary);white-space:pre-wrap;font-size:13px;line-height:1.6}.ba-result-card__meta{border-top:1px solid var(--border-light);color:var(--text-tertiary);gap:16px;margin-top:10px;padding-top:10px;font-size:12px;display:flex}.ev-config{margin-bottom:24px}.ev-model-list{flex-direction:column;gap:8px;display:flex}.ev-model-row{align-items:center;gap:10px;display:flex}.ev-model-row__label{color:var(--text-tertiary);min-width:60px;font-size:12px;font-weight:600}.ev-params-row{gap:16px;display:flex}.ev-running{text-align:center;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;padding:48px;display:flex}.ev-running p{margin:16px 0 4px;font-size:16px;font-weight:600}.ev-running span{color:var(--text-tertiary);font-size:13px}.ev-results{margin-top:24px}.ev-results__title{color:var(--text-primary);align-items:center;gap:8px;margin-bottom:16px;font-size:18px;font-weight:700;display:flex}.ev-summary{flex-wrap:wrap;gap:16px;margin-bottom:20px;display:flex}.ev-summary__item{background:var(--surface);border:1px solid var(--border-light);color:var(--text-secondary);border-radius:10px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;display:flex}.ev-summary__item strong{color:var(--text-primary)}.ev-cards-grid{gap:16px;display:grid}.ev-result-card{background:var(--surface);border:1px solid var(--border-light);border-radius:14px;flex-direction:column;display:flex;overflow:hidden}.ev-result-card__header{background:var(--background);border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.ev-result-card__header h3{color:var(--text-primary);margin:0;font-size:14px;font-weight:700}.ev-result-card__latency{color:var(--text-tertiary);align-items:center;gap:4px;font-size:12px;display:flex}.ev-result-card__body{flex:1;padding:16px}.ev-result-card__text{color:var(--text-primary);white-space:pre-wrap;max-height:300px;padding-right:8px;font-size:13px;line-height:1.7;overflow:hidden auto}.ev-result-card__text::-webkit-scrollbar{width:4px}.ev-result-card__text::-webkit-scrollbar-track{background:var(--border-light);border-radius:2px}.ev-result-card__text::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.ev-result-card__text::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--primary)30%,var(--border))}.ev-result-card__text{scrollbar-width:thin;scrollbar-color:var(--border)var(--border-light)}.ev-result-card__footer{border-top:1px solid var(--border-light);color:var(--text-tertiary);gap:16px;padding:10px 16px;font-size:11px;display:flex}.ev-result-card__cost{color:var(--success);margin-left:auto;font-weight:600}.ev-history-item{border:1px solid var(--border-light);border-radius:10px;margin-bottom:8px;padding:12px}.ev-history-item__header{color:var(--text-primary);justify-content:space-between;align-items:center;margin-bottom:6px;font-size:14px;font-weight:600;display:flex}.ix-modal__body::-webkit-scrollbar{width:4px}.ix-modal__body::-webkit-scrollbar-track{background:var(--border-light);border-radius:2px}.ix-modal__body::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.ix-modal__body::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--primary)30%,var(--border))}.ix-modal__body{scrollbar-width:thin;scrollbar-color:var(--border)var(--border-light)}@media (max-width:768px){.ev-cards-grid{grid-template-columns:1fr!important}.ev-params-row{flex-direction:column}}.gr-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;display:grid}.gr-card{background:var(--surface);border:1px solid var(--border-light);border-radius:14px;padding:20px;transition:border-color .2s,box-shadow .2s}.gr-card:hover{border-color:var(--primary);box-shadow:0 4px 16px #0000000f}.gr-card__header{align-items:center;gap:10px;margin-bottom:16px;display:flex}.gr-card__icon{width:36px;height:36px;color:var(--primary);background:#10b98114;border-radius:10px;justify-content:center;align-items:center;display:flex}.gr-card__name{color:var(--text-primary);margin:0;font-size:16px;font-weight:700}.gr-card__body{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.gr-card__row{color:var(--text-secondary);align-items:center;gap:6px;font-size:13px;display:flex}.gr-card__row strong{color:var(--text-primary)}.gr-card__count{background:var(--background);border-radius:8px;margin-left:auto;padding:1px 8px;font-size:11px}.gr-card__actions{gap:6px;display:flex}.gr-pii-actions{gap:8px;display:flex}.gr-pii-types{flex-wrap:wrap;gap:6px;display:flex}.gr-pii-chip{background:var(--background);color:var(--text-secondary);border:1px solid var(--border-light);cursor:pointer;text-transform:capitalize;border-radius:8px;align-items:center;padding:5px 12px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.gr-pii-chip:hover{border-color:var(--primary)}.gr-pii-chip--active{color:var(--primary);border-color:var(--primary);background:#10b98114}.gr-test-result{flex-direction:column;gap:12px;display:flex}.gr-test-verdict{border-radius:12px;align-items:center;gap:10px;padding:14px 18px;font-size:15px;font-weight:700;display:flex}.gr-test-verdict--safe{color:var(--success);background:#22c55e0f;border:1px solid #22c55e33}.gr-test-verdict--unsafe{color:var(--error);background:#ef44440f;border:1px solid #ef444433}.gr-test-flags{flex-direction:column;gap:6px;display:flex}.gr-test-flag{color:var(--warning);background:#f59e0b0f;border:1px solid #f59e0b26;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-size:13px;display:flex}@media (max-width:768px){.gr-grid{grid-template-columns:1fr}.gr-pii-actions{flex-wrap:wrap}}.pm-form-side .md-btn{border:1px solid var(--border)!important;background:var(--surface)!important;color:var(--text-primary)!important}.pm-form-side .md-btn:before{display:none!important}.pm-form-side .md-btn:hover{background:var(--border-light)!important;border-color:#0000!important}.pm-form-side .md-btn:hover:before{pointer-events:none;display:block!important}.pm-form-side .md-btn.md-btn--primary{border:1px solid var(--border)!important}.pm-form-side .md-btn.md-btn--primary:before{display:none!important}.pm-form-side .md-btn.md-btn--primary:hover{border-color:#0000!important}.pm-form-side .md-btn.md-btn--primary:hover:before{display:block!important}.mcp-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:80px 20px;display:flex}.mcp-empty__icon{opacity:.3}.mcp-empty h3{margin:0;font-size:18px}.mcp-empty p{color:var(--text-secondary);margin:0 0 8px;font-size:14px}.mcp-server-list{flex-direction:column;gap:12px;display:flex}.mcp-server-card{background:var(--card-bg);border:1px solid var(--border-primary);border-radius:12px;transition:border-color .2s;overflow:hidden}.mcp-server-card:hover{border-color:var(--border-hover)}.mcp-server-card--expanded{border-color:var(--brand-primary)}.mcp-server-card__header{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex}.mcp-server-card__info{flex:1;min-width:0}.mcp-server-card__status{align-items:center;gap:6px;margin-bottom:4px;display:flex}.mcp-server-card__status-label{text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.mcp-status--connected{color:var(--success)}.mcp-status--error{color:var(--error)}.mcp-status--disconnected,.mcp-status--unknown{color:var(--text-secondary)}.mcp-server-card__name{margin:0 0 6px;font-size:16px;font-weight:600}.mcp-server-card__meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.mcp-server-card__url{color:var(--text-secondary);font-size:12px;font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;max-width:300px;overflow:hidden}.mcp-chip{color:var(--brand-primary);background:#6366f114;border:1px solid #6366f126;border-radius:6px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.mcp-chip--tools{color:var(--success);background:#10b98114;border-color:#10b98126}.mcp-chip--param{color:var(--warning);font-family:var(--font-mono);background:#f59e0b14;border-color:#f59e0b26;font-size:10px}.mcp-server-card__actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.mcp-server-card__body{border-top:1px solid var(--border-primary);margin-top:0;padding:16px 20px 20px}.mcp-server-info{color:var(--text-secondary);margin-bottom:12px;font-size:13px}.mcp-server-error{color:var(--error);background:#ef44440f;border:1px solid #ef444426;border-radius:8px;align-items:center;gap:8px;margin-bottom:16px;padding:10px 14px;font-size:13px;display:flex}.mcp-tools-title{align-items:center;gap:8px;margin:0 0 12px;font-size:14px;font-weight:600;display:flex}.mcp-no-tools{color:var(--text-secondary);font-size:13px;font-style:italic}.mcp-tools-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px;margin-bottom:16px;display:grid}.mcp-tool-card{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:10px;padding:12px 14px}.mcp-tool-card__header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.mcp-tool-card__name{font-size:13px;font-weight:600;font-family:var(--font-mono);color:var(--brand-primary)}.mcp-tool-card__desc{color:var(--text-secondary);margin:0 0 8px;font-size:12px;line-height:1.4}.mcp-tool-card__params{flex-wrap:wrap;gap:4px;margin-bottom:10px;display:flex}.mcp-tool-card__actions{justify-content:flex-end;gap:6px;display:flex}.mcp-tool-test{border-top:1px solid var(--border-primary);margin-top:16px;padding-top:16px}.mcp-tool-test h4{align-items:center;gap:8px;margin:0 0 10px;font-size:14px;font-weight:600;display:flex}.mcp-tool-args{font-family:var(--font-mono);resize:vertical;font-size:12px}.mcp-tool-result{border-radius:10px;margin-top:12px;padding:14px}.mcp-tool-result--success{background:#10b9810f;border:1px solid #10b98126}.mcp-tool-result--error{background:#ef44440f;border:1px solid #ef444426}.mcp-tool-result h5{margin:0 0 8px;font-size:13px;font-weight:600}.mcp-tool-result__content{font-family:var(--font-mono);white-space:pre-wrap;word-break:break-word;max-height:300px;margin:0;font-size:12px;line-height:1.5;overflow-y:auto}.mcp-server-meta{color:var(--text-secondary);text-align:right;margin-top:12px;font-size:11px}.mcp-form{grid-template-columns:1fr 300px;gap:24px;margin-top:8px;display:grid}.mcp-form__main{flex-direction:column;gap:16px;display:flex}.mcp-form__sidebar{align-self:start;position:sticky;top:16px}.mcp-form__actions{border-top:1px solid var(--border-primary);justify-content:flex-end;gap:10px;margin-top:20px;padding-top:20px;display:flex}.mcp-transport-select{gap:8px;display:flex}.mcp-transport-btn{border:1px solid var(--border-primary);background:var(--bg-primary);color:var(--text-secondary);cursor:pointer;border-radius:8px;padding:8px 20px;font-size:13px;font-weight:500;transition:all .2s}.mcp-transport-btn:hover{border-color:var(--border-hover)}.mcp-transport-btn--active{border-color:var(--brand-primary);color:var(--brand-primary);background:#6366f11a}.mcp-header-input{align-items:center;gap:8px;display:flex}.mcp-headers-list{flex-direction:column;gap:4px;margin-top:8px;display:flex}.mcp-header-item{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:6px;justify-content:space-between;align-items:center;padding:6px 10px;font-size:12px;display:flex}.mcp-header-item code{font-family:var(--font-mono);color:var(--text-secondary);font-size:11px}.mcp-info-card{background:var(--card-bg);border:1px solid var(--border-primary);border-radius:12px;padding:20px}.mcp-info-card h4{align-items:center;gap:8px;margin:0 0 10px;font-size:14px;font-weight:600;display:flex}.mcp-info-card p{color:var(--text-secondary);margin:0 0 10px;font-size:13px;line-height:1.5}.mcp-info-card ul{margin:0 0 12px;padding-left:20px}.mcp-info-card li{color:var(--text-secondary);margin-bottom:4px;font-size:12px}.mcp-info-link{color:var(--brand-primary);align-items:center;gap:4px;font-size:12px;font-weight:500;text-decoration:none;display:inline-flex}.mcp-info-link:hover{text-decoration:underline}@media (max-width:768px){.mcp-form{grid-template-columns:1fr}.mcp-server-card__url{max-width:150px}.mcp-tools-grid{grid-template-columns:1fr}.mcp-header-input{flex-wrap:wrap}}.pf-tabs{gap:6px;display:flex}.pf-tab{cursor:pointer;border:1px solid var(--border-light);background:var(--surface);color:var(--text-secondary);border-radius:8px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.pf-tab:hover{border-color:var(--primary);color:var(--primary)}.pf-tab--active{border-color:var(--primary);color:var(--primary);background:#10b98114}.pf-palette{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.pf-palette__btn{cursor:pointer;border:1px solid var(--border-light);background:var(--surface);color:var(--text-secondary);border-radius:8px;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.pf-palette__btn:hover{border-color:var(--primary);background:#10b9810a}.pf-palette__btn--input{color:#3b82f6;background:#3b82f60a;border-color:#3b82f64d}.pf-palette__btn--prompt{color:#8b5cf6;background:#8b5cf60a;border-color:#8b5cf64d}.pf-palette__btn--condition{color:#ca8a04;background:#eab3080a;border-color:#eab3084d}.pf-palette__btn--code{color:#16a34a;background:#22c55e0a;border-color:#22c55e4d}.pf-palette__btn--iterator{color:#ea580c;background:#f973160a;border-color:#f973164d}.pf-palette__btn--agent{color:#db2777;background:#ec48990a;border-color:#ec48994d}.pf-palette__btn--rag{color:#6366f1;background:#6366f10a;border-color:#6366f14d}.pf-palette__btn--output{color:#6b7280;background:#6b72800a;border-color:#6b72804d}.pf-node-list{flex-direction:column;gap:8px;display:flex}.pf-node{border:1px solid var(--border-light);background:var(--background);border-radius:10px;justify-content:space-between;align-items:center;padding:10px 14px;transition:border-color .15s;display:flex}.pf-node:hover{border-color:var(--border)}.pf-node__info{align-items:center;gap:10px;display:flex}.pf-node__icon{border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;font-size:16px;display:flex}.pf-node__icon--input{background:#3b82f614}.pf-node__icon--prompt{background:#8b5cf614}.pf-node__icon--condition{background:#eab30814}.pf-node__icon--code{background:#22c55e14}.pf-node__icon--iterator{background:#f9731614}.pf-node__icon--agent{background:#ec489914}.pf-node__icon--rag{background:#6366f114}.pf-node__icon--output{background:#6b728014}.pf-node__label{color:var(--text-primary);font-size:13px;font-weight:600}.pf-node__id{color:var(--text-tertiary);font-size:11px;font-family:var(--font-mono);margin-left:4px}.pf-node__actions{align-items:center;gap:6px;display:flex}.pf-edges{flex-wrap:wrap;gap:6px;display:flex}.pf-edge{font-size:11px;font-weight:600;font-family:var(--font-mono);color:var(--primary);background:#10b9810f;border:1px solid #10b98126;border-radius:6px;align-items:center;gap:4px;padding:3px 10px;display:inline-flex}.pf-edge__arrow{color:var(--text-tertiary);margin:0 2px}.pf-flow-list{flex-direction:column;gap:12px;display:flex}.pf-flow-card{background:var(--card-bg);border:1px solid var(--border-primary);border-radius:12px;padding:18px 20px;transition:border-color .2s,box-shadow .2s}.pf-flow-card:hover{border-color:var(--border-hover);box-shadow:0 2px 12px #0000000a}.pf-flow-card__header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.pf-flow-card__name{color:var(--text-primary);margin:0 0 4px;font-size:15px;font-weight:700}.pf-flow-card__desc{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.4}.pf-flow-card__meta{align-items:center;gap:12px;margin-top:10px;display:flex}.pf-flow-card__chip{color:var(--text-tertiary);align-items:center;gap:4px;font-size:11px;font-weight:600;display:inline-flex}.pf-flow-card__status{border-radius:6px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.pf-flow-card__status--published{color:var(--success);background:#22c55e14}.pf-flow-card__status--draft{color:var(--warning);background:#eab30814}.pf-flow-card__status--archived{color:var(--text-tertiary);background:#6b728014}.pf-flow-card__actions{flex-shrink:0;gap:6px;display:flex}.pf-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:80px 20px;display:flex}.pf-empty__icon{opacity:.3}.pf-empty h3{margin:0;font-size:18px}.pf-empty p{color:var(--text-secondary);margin:0;font-size:14px}.pf-execute,.pf-result{flex-direction:column;gap:12px;display:flex}.pf-result__status{border-radius:10px;align-items:center;gap:10px;padding:12px 16px;font-size:14px;font-weight:600;display:flex}.pf-result__status--completed{color:var(--success);background:#22c55e0f;border:1px solid #22c55e33}.pf-result__status--failed{color:var(--error);background:#ef44440f;border:1px solid #ef444433}.pf-result__output{background:var(--background);border:1px solid var(--border-light);font-size:12px;font-family:var(--font-mono);white-space:pre-wrap;word-break:break-word;border-radius:10px;max-height:400px;padding:14px;line-height:1.6;overflow-y:auto}.pf-result__output::-webkit-scrollbar{width:4px}.pf-result__output::-webkit-scrollbar-track{background:var(--border-light);border-radius:2px}.pf-result__output::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.pf-result__output{scrollbar-width:thin;scrollbar-color:var(--border)var(--border-light)}.pf-run-card{background:var(--card-bg);border:1px solid var(--border-primary);border-radius:10px;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.pf-run-card__id{font-size:13px;font-family:var(--font-mono);color:var(--text-primary)}.pf-run-card__time{color:var(--text-tertiary);font-size:12px}.pf-run-status{border-radius:6px;padding:2px 10px;font-size:11px;font-weight:600;display:inline-flex}.pf-run-status--completed{color:var(--success);background:#22c55e14}.pf-run-status--failed{color:var(--error);background:#ef444414}.pf-run-status--running{color:#3b82f6;background:#3b82f614}@media (max-width:768px){.pf-palette{gap:6px}.pf-flow-card__header{flex-direction:column}.pf-flow-card__actions{justify-content:flex-end;width:100%}}.ig-layout{grid-template-columns:1fr;gap:24px;display:grid}@media (min-width:1024px){.ig-layout{grid-template-columns:340px 1fr}}.ig-settings{flex-direction:column;gap:16px;display:flex}.ig-settings select,.ig-settings textarea,.ig-settings input{width:100%}.ig-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.ig-generate-btn{justify-content:center;align-items:center;gap:6px;width:100%;display:flex}.ig-image-grid{grid-template-columns:1fr;gap:16px;display:grid}@media (min-width:640px){.ig-image-grid{grid-template-columns:1fr 1fr}}.ig-image-card{flex-direction:column;gap:8px;display:flex}.ig-image-card img{border:1px solid var(--border-light);border-radius:10px;width:100%}.ig-image-card__caption{color:var(--text-tertiary);font-size:12px;line-height:1.4}.ig-history-list{flex-direction:column;gap:8px;display:flex}.ig-history-item{background:var(--surface);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.ig-history-item__prompt{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;max-width:420px;font-size:13px;overflow:hidden}.ig-history-item__meta{color:var(--text-tertiary);margin-top:2px;font-size:11px}.ig-history-item__reuse{color:var(--brand-primary);cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;padding:4px 8px;font-size:12px}.ig-history-item__reuse:hover{background:var(--surface);text-decoration:underline}.ig-empty{text-align:center;background:var(--card-bg);border:1px solid var(--border-light);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:60px 24px;display:flex}.ig-empty__icon{color:var(--text-tertiary);opacity:.5;margin-bottom:12px}.ig-empty h3{color:var(--text-primary);margin:0 0 4px;font-size:15px;font-weight:600}.ig-empty p{color:var(--text-secondary);margin:0;font-size:13px}.tc-layout{grid-template-columns:1fr;gap:24px;display:grid}@media (min-width:1024px){.tc-layout{grid-template-columns:1fr 1fr}}.tc-input{flex-direction:column;gap:16px;display:flex}.tc-input select,.tc-input textarea{width:100%}.tc-actions{align-items:center;gap:8px;display:flex}.tc-char-info{color:var(--text-tertiary);font-size:12px}.tc-stats{grid-template-columns:1fr 1fr;gap:12px;display:grid}.tc-stat{text-align:center;border-radius:10px;padding:18px 14px}.tc-stat--tokens{background:color-mix(in srgb,var(--brand-primary)8%,transparent)}.tc-stat--chars{background:var(--surface)}.tc-stat__value{font-size:28px;font-weight:700;line-height:1.2}.tc-stat--tokens .tc-stat__value{color:var(--brand-primary)}.tc-stat--chars .tc-stat__value{color:var(--text-primary)}.tc-stat__label{margin-top:4px;font-size:13px}.tc-stat--tokens .tc-stat__label{color:var(--brand-primary);opacity:.8}.tc-stat--chars .tc-stat__label{color:var(--text-secondary)}.tc-model-info{color:var(--text-tertiary);margin-top:10px;font-size:12px}.tc-cost-list{flex-direction:column;gap:0;display:flex}.tc-cost-row{border-bottom:1px solid var(--border-light);justify-content:space-between;padding:10px 0;display:flex}.tc-cost-row:last-child{border-bottom:none}.tc-cost-row__label{color:var(--text-secondary);font-size:13px}.tc-cost-row__value{color:var(--text-primary);font-size:13px;font-weight:500}.tc-cost-row--total .tc-cost-row__label{color:var(--text-primary);font-weight:600}.tc-cost-row--total .tc-cost-row__value{color:var(--brand-primary);font-weight:700}.tc-pricing-info{color:var(--text-tertiary);margin-top:8px;font-size:12px}.tc-empty{text-align:center;background:var(--card-bg);border:1px solid var(--border-light);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:60px 24px;display:flex}.tc-empty__icon{color:var(--text-tertiary);opacity:.5;margin-bottom:12px}.tc-empty h3{color:var(--text-primary);margin:0 0 4px;font-size:15px;font-weight:600}.tc-empty p{color:var(--text-secondary);margin:0;font-size:13px}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100vh;overflow:hidden}:root{--primary:#3d84a5;--primary-hover:#3d84a5;--secondary:#3d84a5;--background:#262624;--surface:#30302e;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-disabled:#64748b;--border:#666660;--border-light:#30302e;--card-bg:var(--surface);--success:#34d399;--error:#f87171;--warning:#fbbf24;--info:#94a3b8;--purple-light:#d1fae5;--pink-light:#a8dfff;--orange-light:#9a3412;--green-light:#14532d;--blue-light:#6b6b6b;--sidebar-width:400px;--header-height:56px;--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #0006;--shadow-lg:0 10px 15px -3px #00000080;--shadow-xl:0 20px 25px -5px #0009;--radius-sm:8px;--radius-md:10px;--radius-lg:16px;--radius-xl:20px;--brand-gradient:linear-gradient(135deg,#ec4899,#1083b9,#101bb9,#f97316);--chart-gradient-start:#3d84a5;--chart-gradient-end:#3d84a5;--chart-color-1:#3d84a5;--chart-color-2:#3d84a5;--chart-color-3:#3d84a5;--chart-color-4:#3d84a5;--chart-color-5:#3d84a5;--warning-light:#854d0e;--brand-green:#10b981;--brand-green-light:#3d84a5;--brand-green-vivid:#3d84a5;--error-bg-light:#ef44441a;--error-bg:#ef44440d;--purple-bg-light:#10b9811a;--purple-bg:#10b9810f;--disabled-start:#64748b;--disabled-mid:#475569;--disabled-end:#334155;--overlay-bg:#0009;--code-bg:#1a1a2e;--code-header-bg:#0596691f;--code-text:#e2e8f0;--code-header-text:#bcbcbc;--code-btn-bg:#05966926;--code-btn-text:#6ee7b7;--border-primary:#666660;--bg-primary:#262624;--brand-primary:#10b981;--border-hover:#888882;--font-mono:"SF Mono","Fira Code","Fira Mono",Menlo,monospace}.chart-text-secondary{color:var(--text-secondary)}.chart-text-primary{color:var(--text-primary)}.chart-grid{stroke:var(--border)}.chart-axis{stroke:var(--text-secondary)}.chart-gradient{background:linear-gradient(135deg,var(--chart-gradient-start),var(--chart-gradient-end))}.chart-gradient-stop-1{stop-color:var(--chart-gradient-start)}.chart-gradient-stop-2{stop-color:var(--chart-gradient-end)}body{background:var(--background);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6}.dashboard-layout{background:var(--background);min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);background:var(--surface);border-right:1px solid var(--border-light);flex-direction:column;height:100vh;transition:all .3s;display:flex;position:fixed;overflow:hidden auto}.sidebar.collapsed{width:80px}.sidebar.collapsed .sidebar-logo{text-align:center;padding:20px 12px}.sidebar.collapsed .sidebar-logo h1{text-align:center;white-space:nowrap;font-size:18px}.sidebar.collapsed .sidebar-logo .logo-x{display:inline}.sidebar.collapsed .sidebar-logo p{display:none}.sidebar.collapsed .nav-item{justify-content:center;padding:12px;position:relative}.sidebar.collapsed .nav-item span{display:none}.sidebar.collapsed .sidebar-logo{border-bottom:1px solid var(--border-light);justify-content:center;align-items:center;padding:20px 0;display:flex}.logo-collapsed-mark{justify-content:center;align-items:baseline;gap:0;line-height:1;display:flex}.logo-collapsed-mark .logo-gradient{letter-spacing:-1px;color:var(--text-primary);font-size:26px;font-weight:800}.logo-collapsed-mark .logo-x{letter-spacing:-1px;color:var(--text-primary);-webkit-text-fill-color:var(--text-primary);font-size:26px;font-weight:800}.sidebar.collapsed .sidebar-logo .logo-tagline,.sidebar.collapsed .sidebar-logo p{display:none}.sidebar.collapsed .badge{min-width:16px;padding:2px 4px;font-size:9px;position:absolute;top:2px;right:2px}.sidebar-close-btn{background:var(--border-light);border-radius:var(--radius-md);cursor:pointer;z-index:1001;width:32px;height:32px;color:var(--text-secondary);border:none;justify-content:center;align-items:center;display:none;position:absolute;top:16px;right:16px}.sidebar-close-btn:hover{background:var(--border);color:var(--text-primary)}.menu-btn{margin-right:auto}.main-content.sidebar-collapsed{margin-left:80px}.btn-profile.icon-only,.btn-signout.icon-only{flex:none;justify-content:center;align-items:center;width:100%;padding:10px;display:flex}.sidebar::-webkit-scrollbar{display:none}.sidebar-logo{border-bottom:1px solid var(--border-light);padding:24px}.sidebar-logo h1{letter-spacing:-.5px;margin-bottom:4px;font-size:28px;font-weight:800}.sidebar-logo .logo-gradient{color:var(--text-primary)}.sidebar-logo .logo-x{color:var(--text-primary);font-weight:800}.sidebar-logo p{color:var(--text-secondary);font-size:13px;font-weight:400;line-height:1.4}.logo-highlight{color:var(--primary);font-weight:800}.tagline{color:var(--text-secondary);font-size:13px;font-weight:400;line-height:1.4}.sidebar-nav{-webkit-overflow-scrolling:touch;flex:1;padding:12px;overflow-y:auto}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:var(--border-light)}.sidebar-nav::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.sidebar-nav{scrollbar-width:thin;scrollbar-color:var(--border)var(--border-light)}.sidebar-link,.nav-item{color:var(--text-secondary);border-radius:var(--radius-sm);align-items:center;gap:12px;margin-bottom:4px;padding:12px 16px;font-size:16px;font-weight:500;text-decoration:none;transition:all .15s;display:flex;position:relative}.sidebar-link:hover,.nav-item:hover{background:color-mix(in srgb,var(--primary)10%,transparent)}.sidebar-link.active,.nav-item.active{color:var(--text-primary);border-radius:var(--radius-sm);background-image:linear-gradient(var(--surface),var(--surface)),var(--brand-gradient);box-shadow:0 4px 12px color-mix(in srgb,var(--primary)30%,transparent);background-origin:padding-box,border-box;background-clip:padding-box,border-box;border:1px solid #0000}[data-theme=dark] .sidebar-link.active,[data-theme=dark] .nav-item.active{color:#fff}.sidebar-link svg,.nav-item svg{flex-shrink:0}.badge{background:var(--border);color:var(--text-secondary);border-radius:10px;margin-left:auto;padding:2px 8px;font-size:11px;font-weight:600}.badge.purple{background:var(--purple-light);color:var(--primary)}.badge.gray{background:var(--border);color:var(--text-secondary)}.sidebar-stats{background:var(--brand-gradient);color:#fff;box-shadow:var(--shadow-sm);border-radius:8px;margin:8px;padding:8px}.stats-header{justify-content:space-between;margin-bottom:6px;display:flex}.stats-label{opacity:.9;font-size:11px;font-weight:600}.stats-values{border-bottom:1px solid #ffffff14;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:6px;padding-bottom:6px;display:grid}.stats-number{margin-bottom:4px;font-size:24px;font-weight:700;line-height:1}.stats-change{opacity:.85;font-size:10px;font-weight:500;line-height:1.4}.token-balance{margin-top:6px}.balance-label{opacity:.9;margin-bottom:4px;font-size:9px;font-weight:600;display:block}.balance-value{font-size:16px;font-weight:800;line-height:1}.balance-unit{opacity:.85;font-size:13px;font-weight:500}.btn-coin{border-radius:var(--radius-md);cursor:pointer;background:#ffffff29;border:none;justify-content:center;align-items:center;width:24px;height:24px;margin-left:auto;font-size:14px;transition:all .12s;display:flex}.btn-coin:hover{background:#ffffff4d;transform:scale(1.05)}.balance-progress{background:#ffffff26;border-radius:6px;width:100%;height:4px;overflow:hidden}.balance-progress .progress-bar{background:var(--surface);border-radius:6px;width:65%;height:100%;transition:width .2s}.sidebar-profile{gap:10px;padding:12px}.profile-avatar{width:40px;height:40px;font-size:14px}.sidebar-profile{background:var(--border-light);border-radius:var(--radius-md);cursor:pointer;align-items:center;gap:12px;margin:0 16px;padding:16px;transition:all .2s;display:flex}.sidebar-profile:hover{background:var(--border)}.profile-avatar{background:var(--primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:16px;font-weight:700;display:flex}.profile-info{flex:1;overflow:hidden}.profile-name{color:var(--text-primary);margin-bottom:2px;font-size:14px;font-weight:600}.profile-email{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;margin-bottom:2px;font-size:12px;overflow:hidden}.profile-status{color:var(--text-secondary);font-size:11px}.sidebar-actions{gap:8px;padding:12px 16px 16px;display:flex}.sidebar.collapsed .sidebar-actions{flex-direction:column;gap:8px;padding:12px}.btn-profile,.btn-signout{border-radius:var(--radius-md);cursor:pointer;border:none;flex:1;padding:10px 16px;font-size:14px;font-weight:600;transition:all .2s}.btn-profile{background:var(--surface);color:var(--text-primary);background-clip:padding-box;border:2px solid #0000;position:relative}.btn-profile:before{content:"";border-radius:calc(var(--radius-md) + 2px);background:var(--brand-gradient);-webkit-mask-composite:xor;pointer-events:none;padding:2px;position:absolute;inset:-2px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.btn-profile:hover{background:var(--surface);color:var(--text-primary);transform:none}.btn-signout{color:var(--text-primary);border:1px solid var(--error);background:0 0}.btn-signout:hover{background:var(--border-light);color:var(--text-primary)}.theme-toggle{border:1px solid var(--border);color:var(--text-primary);border-radius:var(--radius-md);cursor:pointer;background:0 0;justify-content:center;align-items:center;width:36px;height:36px;padding:8px;transition:all .2s;display:flex}.theme-toggle:hover{background:color-mix(in srgb,var(--primary)10%,transparent)}.sidebar-theme-toggle{margin-bottom:8px}.sidebar-version{text-align:center;color:var(--text-disabled);padding:8px 16px 16px;font-size:11px}.sidebar-footer{border-top:1px solid var(--border-light);background:var(--surface);padding:16px}.usage-card{background:var(--brand-gradient);color:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);margin-bottom:12px;padding:16px}.usage-card h4{opacity:.9;margin-bottom:12px;font-size:12px;font-weight:600}.usage-stats{grid-template-columns:1fr 1fr;gap:12px;display:grid}.stat{flex-direction:column;display:flex}.stat-value{margin-bottom:2px;font-size:20px;font-weight:700;line-height:1}.stat-label{opacity:.85;font-size:10px;font-weight:500}.stat-change{background:#fff3;border-radius:4px;margin-top:4px;padding:2px 6px;font-size:10px;font-weight:600;display:inline-block}.balance-card{background:var(--surface);border:2px solid var(--primary);border-radius:var(--radius-md);margin-bottom:12px;padding:16px;position:relative}.balance-card h4{color:var(--text-secondary);margin-bottom:8px;font-size:12px;font-weight:600}.balance-amount{align-items:baseline;gap:6px;margin-bottom:12px;display:flex}.amount{color:var(--text-primary);font-size:28px;font-weight:800;line-height:1}.unit{color:var(--text-secondary);font-size:13px;font-weight:500}.progress-bar{background:var(--border-light);border-radius:10px;height:6px;margin-bottom:12px;overflow:hidden}.progress-fill{background:var(--brand-gradient);border-radius:10px;height:100%;transition:width .3s}.btn-icon{border-radius:var(--radius-md);background:var(--purple-light);width:32px;height:32px;color:var(--primary);cursor:pointer;border:none;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;top:16px;right:16px}.btn-icon:hover{background:var(--border-light)}.user-profile{background:var(--border-light);border-radius:var(--radius-md);align-items:center;gap:16px;margin-bottom:12px;padding:16px;display:flex}.avatar{background:var(--primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:18px;font-weight:700;display:flex;position:relative}.profile-actions{gap:8px;display:flex}.btn-secondary{background:var(--surface);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;border:none;flex:1;padding:8px 12px;font-size:12px;font-weight:600;text-decoration:none;transition:all .2s;position:relative}.btn-secondary:before{content:"";border-radius:var(--radius-md);background:var(--brand-gradient);-webkit-mask-composite:xor;pointer-events:none;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.btn-secondary:hover{background:var(--border-light);transform:translateY(-1px)}.btn-text{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:8px 12px;font-size:12px;font-weight:600;transition:color .2s}.btn-text:hover{color:var(--error)}.version{text-align:center;color:var(--text-disabled);margin-top:12px;font-size:11px;font-weight:500}.main-content{margin-left:var(--sidebar-width);background:var(--background);flex-direction:column;flex:1;height:100vh;display:flex;overflow:hidden auto}.top-header{height:var(--header-height);min-height:var(--header-height);max-height:var(--header-height);background:var(--background);border-bottom:1px solid var(--border-light);z-index:100;box-shadow:var(--shadow-sm);flex-shrink:0;justify-content:flex-end;align-items:center;padding:0 32px;display:flex;position:sticky;top:0}.header-actions{align-items:center;gap:12px;display:flex}.header-actions .btn-secondary{white-space:nowrap;text-align:center;flex:none;justify-content:center;align-items:center;min-width:auto;padding:10px 18px;line-height:1;text-decoration:none;display:inline-flex}.icon-btn{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);cursor:pointer;width:40px;height:40px;color:var(--text-secondary);justify-content:center;align-items:center;transition:all .2s;display:flex;position:relative}.icon-btn:hover{background:var(--border-light)}.notification-badge{background:var(--error);color:#fff;border:2px solid var(--surface);border-radius:10px;padding:2px 6px;font-size:10px;font-weight:700;line-height:1;position:absolute;top:-4px;right:-4px}.content-area{padding:28px 36px}.page-container{max-width:1600px;margin:0 auto}.page-header{justify-content:space-between;align-items:flex-start;margin-bottom:25px;display:flex}.page-header h1{letter-spacing:-.5px;color:var(--text-primary);margin-bottom:5px;font-size:32px;font-weight:800}.page-header p{color:var(--text-secondary);font-size:14px;font-weight:400}.btn-primary{background:var(--surface);color:var(--text-primary);border-radius:var(--radius-md);cursor:pointer;border:none;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex;position:relative}.btn-primary:before{content:"";border-radius:var(--radius-md);background:var(--brand-gradient);-webkit-mask-composite:xor;pointer-events:none;padding:2px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.btn-primary:hover{opacity:.9}.btn-primary:active{transform:translateY(0)}.btn-full{justify-content:center;width:100%}.btn-lg{padding:16px 32px;font-size:16px}.card{background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-sm);padding:24px}.card-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.card-header h3{color:var(--text-primary);font-size:18px;font-weight:700}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;margin-bottom:32px;display:grid}.stats-card{background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);align-items:flex-start;gap:16px;padding:24px;transition:all .2s;display:flex}.stats-card:hover{background:color-mix(in srgb,var(--primary)3%,transparent)}.stats-icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.stats-content{flex:1}.stats-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:13px;font-weight:600}.stats-value{color:var(--text-primary);font-size:28px;font-weight:800;line-height:1}.table-container{border-radius:var(--radius-md);border:1px solid var(--border-light);overflow-x:auto}.data-table{border-collapse:collapse;width:100%}.data-table th{text-align:left;background:var(--background);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border);padding:16px 20px;font-size:12px;font-weight:700}.data-table td{border-bottom:1px solid var(--border-light);color:var(--text-primary);padding:16px 20px;font-size:14px}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover{background:var(--border-light)}.status-badge{border-radius:20px;align-items:center;gap:6px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex}.status-badge.success,.status-badge.paid,.status-badge.online{background:var(--green-light);color:var(--success)}.status-badge.error,.status-badge.failed{background:color-mix(in srgb,var(--error)10%,transparent);color:var(--error)}.status-badge.warning{background:var(--orange-light);color:var(--warning)}.status-badge.info,.status-badge.done{background:var(--blue-light);color:var(--info)}.modal-overlay{top:var(--header-height);left:var(--sidebar-width);background:var(--overlay-bg);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;justify-content:center;align-items:flex-start;padding:40px 20px;animation:.18s fadeIn;display:flex;position:fixed;bottom:0;right:0;overflow-y:auto}.main-content.sidebar-collapsed .modal-overlay{left:80px}.auth-modal-overlay{padding:20px!important;position:fixed!important;inset:0!important}.auth-terms-modal .modal-content{max-width:900px;max-height:calc(100vh - 40px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--background);border-radius:var(--radius-xl);border:1px solid var(--border);width:90%;max-width:540px;max-height:calc(100vh - var(--header-height) - 80px);background-clip:padding-box;flex-direction:column;margin:0 auto;padding:40px;animation:.3s slideUp;display:flex;position:relative;box-shadow:0 25px 50px -12px #0006}.modal-content:before{display:none}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-close{border-radius:var(--radius-sm);cursor:pointer;width:40px;height:40px;color:var(--text-secondary);z-index:10;background:0 0;border:none;justify-content:center;align-items:center;font-size:24px;font-weight:300;transition:all .2s;display:flex;position:absolute;top:28px;left:28px}.modal-close:hover{background:var(--border-light);color:var(--text-primary)}.modal-header{margin-bottom:32px;padding-left:60px}.modal-header h2{color:var(--text-primary);margin-bottom:8px;font-size:28px;font-weight:800}.modal-header p{color:var(--text-secondary);font-size:14px;line-height:1.6}.modal-header.centered{text-align:center;padding-left:0;padding-right:0}.modal-icon{border-radius:9999px;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 16px;display:flex}.modal-icon.warning{background:color-mix(in srgb,var(--warning)12%,transparent);color:var(--warning)}.modal-icon.danger{background:color-mix(in srgb,var(--error)8%,transparent);color:var(--error)}.modal-body{flex:1;min-height:0;margin-bottom:32px;padding-right:4px;position:relative;overflow-y:auto}.terms-modal .modal-content{max-width:700px}.terms-content{line-height:1.6}.terms-content h4{color:var(--text-primary);margin:24px 0 8px;font-size:16px;font-weight:600}.terms-content h4:first-child{margin-top:0}.terms-content p{color:var(--text-secondary);margin:0 0 16px;font-size:14px}.modal-scroll-down{background:linear-gradient(180deg,color-mix(in srgb,var(--primary)98%,transparent),color-mix(in srgb,var(--primary)90%,transparent));color:#fff;width:40px;height:40px;box-shadow:0 8px 26px color-mix(in srgb,var(--primary)18%,transparent),0 0 18px color-mix(in srgb,var(--primary)8%,transparent);cursor:pointer;z-index:12;opacity:1;border:none;border-radius:9999px;justify-content:center;align-items:center;transition:opacity .22s,transform .22s;animation:3s ease-in-out infinite floatY,2.4s infinite pulseGlow;display:inline-flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.modal-scroll-down.hidden{opacity:0;pointer-events:none;transform:translate(-50%)translateY(8px)}.modal-scroll-down svg{stroke:#fff}@keyframes floatY{0%{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(-6px)}to{transform:translate(-50%)translateY(0)}}@keyframes pulseGlow{0%{box-shadow:0 8px 26px color-mix(in srgb,var(--primary)12%,transparent),0 0 0 color-mix(in srgb,var(--primary)6%,transparent)}50%{box-shadow:0 10px 36px color-mix(in srgb,var(--primary)20%,transparent),0 0 18px color-mix(in srgb,var(--primary)12%,transparent)}to{box-shadow:0 8px 26px color-mix(in srgb,var(--primary)12%,transparent),0 0 0 color-mix(in srgb,var(--primary)6%,transparent)}}.modal-body{-ms-overflow-style:none;scrollbar-width:none}.modal-body::-webkit-scrollbar{display:none}.modal-body>:last-child{margin-bottom:64px}.modal-body .form-group{margin-bottom:24px}.modal-body .form-group:last-child{margin-bottom:0}.modal-body .form-group label{color:var(--text-primary);margin-bottom:10px;font-size:14px;font-weight:700;display:block}.modal-body .form-group input[type=text],.modal-body .form-group input[type=email],.modal-body .form-group input[type=password],.modal-body .form-group textarea{border:1px solid var(--border);border-radius:var(--radius-md);width:100%;color:var(--text-primary);background:var(--surface);padding:14px 16px;font-family:inherit;font-size:14px;transition:all .2s}.modal-body .form-group input:focus,.modal-body .form-group textarea:focus{border-color:#0000;border-image:var(--brand-gradient)1;outline:none}.modal-actions{justify-content:center;padding-top:20px;display:flex}.modal-actions button{width:100%;max-width:200px}.modal-actions .btn-secondary,.modal-actions .btn-danger{min-width:120px;padding:10px 18px}.modal-actions .btn-primary{justify-content:center;min-width:140px;padding:10px 20px}.modal-gradient-border{background:var(--surface);background-clip:padding-box;border:3px solid #0000;position:relative}.modal-gradient-border:before{content:"";border-radius:var(--radius-xl);background:var(--brand-gradient);-webkit-mask-composite:xor;pointer-events:none;z-index:0;padding:3px;position:absolute;inset:-3px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.modal-gradient-border>*{z-index:1;position:relative}body.modal-open{overflow:hidden}.form-group{margin-bottom:20px}.form-group label{color:var(--text-primary);margin-bottom:8px;font-size:13px;font-weight:600;display:block}.form-group input,.form-group select,.form-group textarea{border:1px solid var(--border);border-radius:var(--radius-md);width:100%;color:var(--text-primary);background:var(--surface);padding:12px 16px;font-family:inherit;font-size:14px;transition:all .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#0000;border-image:var(--brand-gradient)1;outline:none}.password-input{position:relative}.password-toggle{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;padding:8px;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.toggle-switch{width:48px;height:26px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;background:var(--border);border-radius:26px;transition:all .3s;position:absolute;inset:0}.toggle-slider:before{content:"";background:var(--surface);border-radius:50%;width:20px;height:20px;transition:all .3s;position:absolute;bottom:3px;left:3px;box-shadow:0 2px 4px #0003}.toggle-switch input:checked+.toggle-slider{background:var(--primary)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(22px)}@media (max-width:1024px){:root{--sidebar-width:280px}.stats-grid{grid-template-columns:repeat(2,1fr)}.models-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.packages-grid{grid-template-columns:repeat(2,1fr)}.page-header{flex-direction:column;align-items:flex-start;gap:16px}.header-actions{justify-content:flex-start;width:100%}}@media (max-width:1100px){:root{--sidebar-width:280px}.sidebar{z-index:999;width:var(--sidebar-width);align-items:stretch;height:100vh;transition:transform .3s;display:flex;top:0;transform:translate(-100%)}.sidebar.open{transform:translate(0);box-shadow:4px 0 12px #0000001a}.sidebar-close-btn{display:flex}.menu-btn{display:block}.main-content{margin-left:0}.top-header{padding:0 16px}.content-area{padding:15px}.stats-grid{grid-template-columns:1fr;gap:12px}.models-grid,.packages-grid{grid-template-columns:1fr}.page-header h1{font-size:24px}.page-header p{font-size:13px}.header-actions{flex-direction:column;width:100%}.header-actions .btn-secondary,.btn-primary{justify-content:center;width:100%}.api-keys-table,.data-table,.logs-table,.usage-table{-webkit-overflow-scrolling:touch;display:block;overflow-x:auto}.api-keys-table table,.data-table,.logs-table,.usage-table{min-width:600px}.chart-container{min-height:250px}.model-header{flex-direction:column;align-items:flex-start;gap:12px}.model-pricing{justify-content:flex-start;width:100%}.key-card{flex-direction:column;gap:12px}.key-info{width:100%}.key-actions{justify-content:space-between;width:100%}.settings-section{padding:20px}.settings-grid{grid-template-columns:1fr}.plan-card{padding:20px}.docs-grid{grid-template-columns:1fr}.playground-container{flex-direction:column}.playground-sidebar{border-right:none;border-bottom:1px solid var(--border-light);width:100%}.playground-main{width:100%}.logs-filters{flex-direction:column}.search-input{width:100%;min-width:100%}.status-filters{width:100%;overflow-x:auto}.hide-mobile{display:none!important}}@media (max-width:480px){.top-header{padding:0 12px}.content-area{padding:15px}.page-header h1{font-size:20px}.stat-card{padding:16px}.stat-value{font-size:24px}.stat-label{font-size:12px}.model-card{padding:16px}.model-name{font-size:16px}.category-btn,.filter-btn{padding:8px 12px;font-size:12px}table th,table td{padding:10px 12px;font-size:12px}.modal-content{border-radius:0;width:100%;max-width:100%;height:100vh;margin:0}}.model-badges{align-items:center;gap:8px;margin-top:8px;display:flex}.hosted-india{color:var(--primary);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.status-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:12px;align-items:center;gap:4px;padding:4px 8px;font-size:11px;font-weight:600;display:inline-flex}.status-badge.online{background:var(--green-light);color:var(--success);border:1px solid color-mix(in srgb,var(--success)20%,transparent)}.status-badge.offline{background:color-mix(in srgb,var(--error)5%,transparent);color:var(--error);border:1px solid color-mix(in srgb,var(--error)20%,transparent)}.status-badge.offline .status-dot{background:var(--error)}.model-docs-content{padding:0}.docs-section{border-bottom:1px solid var(--border);margin-bottom:2rem;padding-bottom:1.5rem}.docs-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.docs-section-header{align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.docs-section-header h3{color:var(--text-primary);font-size:1.125rem;font-weight:600}.pg-modal-overlay{background:var(--overlay-bg);z-index:2000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.ix-modal{background:var(--surface);border-radius:var(--radius-xl);width:100%;max-width:440px;animation:.2s ease-out ixModalIn;box-shadow:0 20px 60px #00000026}.ix-modal--lg{max-width:640px}@keyframes ixModalIn{0%{opacity:0;transform:scale(.96)translateY(-8px)}to{opacity:1;transform:scale(1)translateY(0)}}.ix-modal__header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.ix-modal__header h3{margin:0;font-size:16px;font-weight:600}.ix-modal__header button{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-radius:6px;padding:4px;transition:all .15s}.ix-modal__header button:hover{background:var(--background);color:var(--text-primary)}.ix-modal__body{padding:18px 22px}.ix-modal__footer{border-top:1px solid var(--border);justify-content:flex-end;gap:8px;padding:14px 22px;display:flex}.ix-modal__footer .md-btn:not(.md-btn--primary){border:1px solid var(--border)!important;background:var(--surface)!important;color:var(--text-primary)!important}.ix-modal__footer .md-btn:not(.md-btn--primary):before{display:none!important}.ix-modal__footer .md-btn.md-btn--primary{background:var(--surface)!important;color:var(--text-primary)!important;border:2px solid #0000!important}.ix-modal__footer .md-btn.md-btn--primary:before{display:block!important}.ix-table-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.ix-table-card__header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.ix-table-card__header h3{margin:0;font-size:14px;font-weight:600}.ix-select{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text-primary);cursor:pointer;padding:6px 12px;font-size:12.5px}.ix-table-wrap{overflow-x:auto}.ix-table{border-collapse:collapse;width:100%}.ix-table th{text-align:left;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border);background:var(--background);padding:10px 18px;font-size:11.5px;font-weight:600}.ix-table td{color:var(--text-primary);border-bottom:1px solid var(--border);padding:12px 18px;font-size:13px}.ix-table tbody tr:last-child td{border-bottom:none}.ix-table tbody tr:hover{background:color-mix(in srgb,var(--primary)2%,transparent)}.ix-table__total td{background:var(--background);border-top:2px solid var(--border);font-weight:600}.ix-badge{border-radius:20px;align-items:center;gap:4px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.ix-badge--paid{background:color-mix(in srgb,var(--success)10%,transparent);color:var(--success)}.ix-badge--done{background:color-mix(in srgb,var(--info)10%,transparent);color:var(--info)}.ix-badge--failed{background:color-mix(in srgb,var(--error)10%,transparent);color:var(--error)}.ix-text--red{color:var(--error)}.ix-text--green{color:var(--success)}.ix-filter-group{align-items:center;gap:8px;display:flex}.ix-filter-group label{color:var(--text-secondary);white-space:nowrap;font-size:12px;font-weight:600}.pg-input{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);width:100%;color:var(--text-primary);box-sizing:border-box;padding:9px 14px;font-size:13px;transition:border-color .15s}.pg-input:focus{border-color:#0000;border-image:var(--brand-gradient)1;outline:none}.pg-field__label{color:var(--text-secondary);margin-bottom:2px;font-size:12px;font-weight:600}.animate-spin{animation:1s linear infinite spin}.page-header-left{align-items:center;gap:14px;display:flex}.page-header-icon{color:var(--brand-primary);flex-shrink:0}.page-subtitle{color:var(--text-secondary);margin:0;font-size:14px}.md-field{flex-direction:column;gap:6px;display:flex}.md-label{color:var(--text-primary);font-size:13px;font-weight:600}.md-input{border:1px solid var(--border-primary);width:100%;color:var(--text-primary);background:var(--bg-primary);box-sizing:border-box;border-radius:8px;padding:10px 14px;font-family:inherit;font-size:14px;transition:border-color .2s}.md-input:focus{border-color:var(--brand-primary);outline:none;box-shadow:0 0 0 3px #6366f11a}.md-input::placeholder{color:var(--text-secondary);opacity:.6}.md-textarea{border:1px solid var(--border-primary);width:100%;color:var(--text-primary);background:var(--bg-primary);resize:vertical;box-sizing:border-box;border-radius:8px;padding:10px 14px;font-family:inherit;font-size:14px;transition:border-color .2s}.md-textarea:focus{border-color:var(--brand-primary);outline:none;box-shadow:0 0 0 3px #6366f11a}.md-textarea::placeholder{color:var(--text-secondary);opacity:.6}.md-hint{color:var(--text-secondary);opacity:.8;font-size:11px}.md-btn--icon{width:28px;height:28px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:all .15s;display:inline-flex}.md-btn--icon:hover{color:var(--error);background:#ef44441a}