.error-boundary{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl);background:var(--color-background)}.error-boundary-content{text-align:center;max-width:400px}.error-boundary-title{font-size:var(--font-size-xl);font-weight:600;margin-bottom:var(--spacing-md);color:var(--color-text)}.error-boundary-message{font-size:var(--font-size-md);color:var(--color-text-secondary);line-height:1.5;margin-bottom:var(--spacing-xl)}.error-boundary-details{text-align:left;margin-bottom:var(--spacing-xl);padding:var(--spacing-md);background:#f1562514;border-radius:var(--radius);border:1px solid var(--kibo-strawberry)}.error-boundary-details summary{cursor:pointer;font-weight:500;font-size:var(--font-size-base);color:var(--kibo-strawberry)}.error-boundary-details pre{margin-top:var(--spacing-sm);padding:var(--spacing-sm);background:#fff;border-radius:var(--radius);overflow-x:auto;font-size:var(--font-size-xs);color:var(--kibo-strawberry)}.error-boundary-actions{display:flex;gap:var(--spacing-md);justify-content:center;flex-wrap:wrap}.layout{height:100vh;display:flex;flex-direction:column;background:#fff;overflow:hidden}.header{background:#fff;border-bottom:1px solid var(--color-border);padding:0 16px;position:sticky;top:0;z-index:100}.header-content{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:48px}.logo{display:flex;align-items:center;text-decoration:none}.logo img{height:28px;width:auto}.logo:hover{opacity:.8}.header-right{display:flex;align-items:center;gap:24px}.nav{display:flex;gap:4px}.nav-link{padding:6px 12px;border-radius:4px;color:var(--kibo-gray-medium);font-size:13px;font-weight:500;transition:all .15s ease}.nav-link:hover{background:#f5f5f5;color:var(--kibo-gray-dark);text-decoration:none}.nav-link.active{background:var(--kibo-banana);color:var(--kibo-gray-dark)}.nav-link.active:hover{background:var(--kibo-orange);color:#fff}.user-menu{display:flex;align-items:center;gap:12px}.user-name{font-size:13px;font-weight:500;color:var(--color-text-secondary)}.logout-btn{padding:4px 10px;font-size:12px}.main{flex:1;padding:16px 24px;background:#fff;overflow:auto;display:flex;flex-direction:column}.main:has(.app-frame-page){padding:0;overflow:hidden}.debug-picker{width:100%}.debug-picker-warning{background:var(--kibo-banana);color:var(--kibo-gray-dark);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius);font-size:var(--font-size-sm);font-weight:600;text-align:center;margin-bottom:var(--spacing-lg)}.debug-picker-error{background:#f1562514;border:1px solid var(--kibo-strawberry);color:var(--kibo-strawberry);padding:var(--spacing-md);border-radius:var(--radius);margin-bottom:var(--spacing-lg);font-size:var(--font-size-base)}.debug-picker-profiles{display:flex;flex-direction:column;gap:var(--spacing-sm)}.debug-profile-btn{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);width:100%;padding:var(--spacing-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);cursor:pointer;transition:all .15s ease;text-align:left}.debug-profile-btn:hover:not(:disabled){background:var(--color-surface-hover);border-color:var(--kibo-gray-medium)}.debug-profile-btn:disabled{opacity:.6;cursor:not-allowed}.debug-profile-info{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.debug-profile-name{font-weight:500;font-size:var(--font-size-md);color:var(--color-text)}.debug-profile-desc{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.debug-profile-groups{display:flex;flex-wrap:wrap;gap:4px}.debug-profile-badge{padding:2px 8px;border-radius:10px;font-size:var(--font-size-xs);font-weight:500;white-space:nowrap}.badge-admin{background:#f156251f;color:var(--kibo-strawberry)}.badge-sales{background:#66c7d126;color:#1a8b96}.badge-sales-eng{background:#1b3f6b1a;color:var(--kibo-blue-medium)}.badge-support{background:#4eb38e1f;color:#2d8c67}.badge-ps{background:#996cb51f;color:var(--kibo-grape)}.badge-marketing{background:#d5e05b33;color:#7a8a00}.badge-default{background:var(--color-surface-muted);color:var(--color-text-secondary)}.debug-profile-loading{font-size:var(--font-size-base);color:var(--color-text-secondary)}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#fff;padding:var(--spacing-lg)}.login-container{width:100%;max-width:360px}.login-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl)}.login-header{text-align:center;margin-bottom:var(--spacing-xl)}.login-logo{margin-bottom:var(--spacing-lg)}.login-logo img{height:40px;width:auto}.login-title{font-size:var(--font-size-xl);font-weight:600;color:var(--color-text);margin-bottom:var(--spacing-xs)}.login-subtitle{color:var(--color-text-secondary);font-size:var(--font-size-base)}.login-error{background:#f1562514;border:1px solid var(--kibo-strawberry);color:var(--kibo-strawberry);padding:var(--spacing-md);border-radius:var(--radius);margin-bottom:var(--spacing-lg);font-size:var(--font-size-base)}.google-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:10px 16px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);font-size:var(--font-size-md);font-weight:500;color:var(--color-text);cursor:pointer;transition:all .15s ease}.google-btn:hover{background:var(--color-surface-hover);border-color:var(--kibo-gray-medium)}.google-icon{flex-shrink:0}.login-note{text-align:center;margin-top:var(--spacing-lg);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.dashboard{animation:fadeIn .2s ease}.loading,.no-tools{text-align:center;padding:var(--spacing-xl);color:var(--color-text-secondary);font-size:var(--font-size-base)}.tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--spacing-lg)}.tool-card{background:linear-gradient(135deg,#ffce0126,#f17c251a);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-md) var(--spacing-lg);cursor:pointer;transition:all .15s ease}.tool-card:hover{border-color:var(--kibo-banana);box-shadow:var(--shadow-sm)}.tool-icon{width:48px;height:48px;border-radius:var(--radius);color:var(--kibo-orange);display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-md)}.tool-icon svg{width:24px;height:24px;stroke:var(--kibo-orange)}.tool-name{font-size:var(--font-size-md);font-weight:600;margin-bottom:var(--spacing-xs)}.tool-description{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.4}.admin-page{animation:fadeIn .2s ease}.admin-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--spacing-lg)}.admin-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-md) var(--spacing-lg);text-decoration:none;color:inherit;transition:all .15s ease}.admin-card:hover{border-color:var(--kibo-banana);box-shadow:var(--shadow-sm);text-decoration:none}.admin-card.blue{background:linear-gradient(135deg,#47abe126,#0054a61a)}.admin-card.orange{background:linear-gradient(135deg,#ffce0126,#f17c251a)}.admin-card.green{background:linear-gradient(135deg,#86c84c26,#60a92f1a)}.admin-card.purple{background:linear-gradient(135deg,#8b5cf626,#6d28d91a)}.admin-card-icon{width:48px;height:48px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-md)}.admin-card-icon svg{width:24px;height:24px}.admin-card.blue .admin-card-icon svg{stroke:var(--kibo-blue-light)}.admin-card.orange .admin-card-icon svg{stroke:var(--kibo-orange)}.admin-card.green .admin-card-icon svg{stroke:var(--kibo-kiwi)}.admin-card.purple .admin-card-icon svg{stroke:#8b5cf6}.admin-card-title{font-size:var(--font-size-md);font-weight:600;margin-bottom:var(--spacing-xs)}.admin-card-description{color:var(--color-text-secondary);font-size:var(--font-size-base);line-height:1.4}.users-page{animation:fadeIn .2s ease}.users-toolbar{margin-bottom:var(--spacing-lg)}.search-form{display:flex;gap:var(--spacing-sm);max-width:320px}.search-input{flex:1}.user-groups{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.pagination{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-md);border-top:1px solid var(--color-border)}.page-info{color:var(--color-text-secondary);font-size:var(--font-size-base)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-lg)}.modal{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:440px;max-height:90vh;overflow-y:auto}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-border)}.modal-header h2{font-size:var(--font-size-lg);font-weight:600}.modal-close{background:none;border:none;font-size:18px;color:var(--color-text-secondary);cursor:pointer;padding:4px}.modal-close:hover{color:var(--color-text)}.modal-body{padding:var(--spacing-lg)}.user-info{margin-bottom:var(--spacing-lg)}.user-info p{margin-bottom:var(--spacing-sm);font-size:var(--font-size-base)}.group-checkbox{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;font-size:var(--font-size-base)}.group-checkbox input{width:14px;height:14px}.modal-footer{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--color-border)}.modal-actions{display:flex;gap:var(--spacing-sm)}.user-detail-page{animation:fadeIn .2s ease}.breadcrumb{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);margin-bottom:var(--spacing-sm)}.breadcrumb a{color:var(--color-text-secondary);text-decoration:none}.breadcrumb a:hover{color:var(--kibo-banana)}.breadcrumb-separator{color:var(--color-text-secondary)}.success-message{background:#6bab4314;border:1px solid var(--kibo-kiwi);color:var(--kibo-kiwi);padding:var(--spacing-md);border-radius:var(--radius);font-size:var(--font-size-base)}.user-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--spacing-lg)}.card-header{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-border)}.card-body{padding:var(--spacing-lg)}.card-actions{margin-top:var(--spacing-lg);padding-top:var(--spacing-md);border-top:1px solid var(--color-border)}.card-danger{border-color:#f156254d}.card-danger .card-header{background:#f156250d;border-bottom-color:#f156254d}.card-danger .card-header h2{color:var(--kibo-strawberry)}.info-list{display:grid;grid-template-columns:auto 1fr;gap:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-base)}.info-list dt{color:var(--color-text-secondary);font-weight:500}.info-list dd{margin:0}.monospace{font-family:monospace;font-size:var(--font-size-sm);background:var(--color-background);padding:2px 6px;border-radius:var(--radius)}.group-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.group-checkbox{display:flex;align-items:flex-start;gap:var(--spacing-sm);cursor:pointer;padding:var(--spacing-sm);border-radius:var(--radius);transition:background .15s ease}.group-checkbox:hover{background:var(--color-background)}.group-checkbox input{width:16px;height:16px;margin-top:2px}.group-info{display:flex;flex-direction:column;gap:2px}.group-name{font-size:var(--font-size-base);font-weight:500}.group-description{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.sessions-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.session-item{padding:var(--spacing-sm);background:var(--color-background);border-radius:var(--radius)}.session-device{font-weight:500;font-size:var(--font-size-base);margin-bottom:4px}.session-details{display:flex;flex-direction:column;gap:2px;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.btn-danger{background:var(--kibo-strawberry);color:#fff;border:1px solid var(--kibo-strawberry)}.btn-danger:hover{background:#d44b23;border-color:#d44b23}.debug-page{animation:fadeIn .2s ease}.page-subtitle{color:var(--color-text-secondary);font-size:var(--font-size-base);margin-bottom:var(--spacing-lg)}.debug-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-lg)}.debug-card{padding:var(--spacing-md) var(--spacing-lg)}.card-title{font-size:var(--font-size-md);font-weight:600;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-border)}.debug-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) 0}.debug-item:not(:last-child){border-bottom:1px solid var(--color-border-subtle)}.debug-label{font-size:var(--font-size-base);font-weight:500;color:var(--color-text-secondary)}.debug-value{font-family:monospace;font-size:var(--font-size-sm);color:var(--color-text)}.debug-value.text-sm{font-size:var(--font-size-xs);max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.feature-flags-page{animation:fadeIn .2s ease}.error-message{background:#f1562514;border:1px solid var(--kibo-strawberry);color:var(--kibo-strawberry);padding:var(--spacing-md);border-radius:var(--radius);font-size:var(--font-size-base);margin-bottom:var(--spacing-lg)}.flag-category{margin-bottom:var(--spacing-lg)}.category-title{font-size:var(--font-size-md);font-weight:600;margin-bottom:var(--spacing-md);color:var(--color-text)}.flag-item{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--spacing-md);border-bottom:1px solid var(--color-border)}.flag-item:last-child{border-bottom:none}.flag-info{flex:1;margin-right:var(--spacing-lg)}.flag-name{font-size:var(--font-size-base);font-weight:600;margin-bottom:var(--spacing-xs);color:var(--color-text)}.flag-name a{color:inherit;text-decoration:none}.flag-name a:hover{color:var(--kibo-blue)}.flag-description{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.4;margin-bottom:var(--spacing-xs)}.flag-meta{color:var(--color-text-tertiary);font-size:var(--font-size-xs)}.flag-actions{display:flex;align-items:center;gap:var(--spacing-md);flex-shrink:0}.flag-toggle{display:flex;align-items:center;gap:var(--spacing-sm)}.btn-sm{padding:4px 10px;font-size:var(--font-size-sm)}.toggle-switch{position:relative;display:inline-block;width:48px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--color-border);border-radius:24px;transition:.2s}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;border-radius:50%;transition:.2s}input:checked+.toggle-slider{background-color:var(--kibo-kiwi)}input:checked+.toggle-slider:before{transform:translate(24px)}input:disabled+.toggle-slider{opacity:.5;cursor:not-allowed}.toggle-label{font-size:var(--font-size-sm);min-width:70px}.toggle-label.enabled{color:var(--kibo-kiwi)}.toggle-label.disabled{color:var(--color-text-secondary)}.no-flags{text-align:center;padding:var(--spacing-xl);color:var(--color-text-secondary)}.feature-flag-detail-page{animation:fadeIn .2s ease}.loading{text-align:center;padding:var(--spacing-xl);color:var(--color-text-secondary);font-size:var(--font-size-base)}.error-message{background:#f1562514;border:1px solid var(--kibo-strawberry);color:var(--kibo-strawberry);padding:var(--spacing-md);border-radius:var(--radius);font-size:var(--font-size-base)}.success-message{background:#86c84c14;border:1px solid var(--kibo-kiwi);color:var(--kibo-kiwi);padding:var(--spacing-md);border-radius:var(--radius);font-size:var(--font-size-base)}.flag-detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}.flag-detail-grid .full-width{grid-column:1 / -1}@media(max-width:768px){.flag-detail-grid{grid-template-columns:1fr}}.info-list{display:grid;grid-template-columns:140px 1fr;gap:var(--spacing-sm) var(--spacing-md)}.monospace{font-family:var(--font-mono);font-size:var(--font-size-sm);background:var(--color-background);padding:2px 6px;border-radius:var(--radius-sm)}.badge-ui{background:#47abe126;color:var(--kibo-blue-light)}.badge-experimental{background:#ffce0126;color:var(--kibo-banana)}.badge-system,.badge-success{background:#86c84c26;color:var(--kibo-kiwi)}.toggle-description{color:var(--color-text-secondary);margin-bottom:var(--spacing-md)}.toggle-actions{display:flex;gap:var(--spacing-sm)}.change-reason-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.form-label{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text)}.change-reason-actions{display:flex;gap:var(--spacing-sm)}.btn-warning{background:var(--kibo-orange);color:#fff;border:none}.btn-warning:hover{background:var(--kibo-strawberry)}.btn-success{background:var(--kibo-kiwi);color:#fff;border:none}.btn-success:hover{background:#60a92f}.audit-log{overflow-x:auto}.audit-log .table{width:100%;font-size:var(--font-size-sm)}.audit-log th{text-align:left;font-weight:600;padding:var(--spacing-sm);border-bottom:2px solid var(--color-border)}.audit-log td{padding:var(--spacing-sm);border-bottom:1px solid var(--color-border);vertical-align:middle}.change-arrow{margin:0 var(--spacing-xs);color:var(--color-text-secondary)}.reason-cell{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-text-secondary)}.github-setup-page{animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.page-header{margin-bottom:var(--spacing-lg)}.breadcrumb{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-sm)}.breadcrumb a{color:var(--kibo-blue);text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.breadcrumb-separator{margin:0 var(--spacing-xs)}.page-title{font-size:var(--font-size-xl);font-weight:600;margin-bottom:var(--spacing-xs)}.page-subtitle{color:var(--color-text-secondary);font-size:var(--font-size-base)}.loading{text-align:center;padding:var(--spacing-xl);color:var(--color-text-secondary)}.error-message{background:#f1562514;border:1px solid var(--kibo-strawberry);color:var(--kibo-strawberry);padding:var(--spacing-md);border-radius:var(--radius)}.success-message{background:#86c84c14;border:1px solid var(--kibo-kiwi);color:var(--kibo-kiwi);padding:var(--spacing-md);border-radius:var(--radius)}.github-setup-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}.github-setup-grid .full-width{grid-column:1 / -1}@media(max-width:900px){.github-setup-grid{grid-template-columns:1fr}}.card-header h2{font-size:var(--font-size-md);font-weight:600}.not-configured{text-align:center;padding:var(--spacing-lg)}.not-configured .warning-icon{color:var(--kibo-orange);margin-bottom:var(--spacing-md)}.not-configured h3{font-size:var(--font-size-md);font-weight:600;margin-bottom:var(--spacing-sm)}.not-configured p{color:var(--color-text-secondary);margin-bottom:var(--spacing-sm)}.config-list{list-style:none;padding:0;margin:var(--spacing-md) 0}.config-list li{margin-bottom:var(--spacing-xs)}.config-help{font-size:var(--font-size-sm)}.config-help a{color:var(--kibo-blue);text-decoration:none}.config-help a:hover{text-decoration:underline}.connect-prompt{text-align:center;padding:var(--spacing-lg)}.github-logo{color:var(--color-text);margin-bottom:var(--spacing-md)}.connect-prompt h3{font-size:var(--font-size-md);font-weight:600;margin-bottom:var(--spacing-sm)}.connect-prompt p{color:var(--color-text-secondary);margin-bottom:var(--spacing-lg)}.btn-lg{padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-base)}.btn-icon{margin-right:var(--spacing-sm);vertical-align:middle}.connected-status{display:flex;flex-direction:column;gap:var(--spacing-md)}.connected-header{display:flex;align-items:center;gap:var(--spacing-sm)}.github-user{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-background);border-radius:var(--radius)}.github-avatar{width:48px;height:48px;border-radius:50%}.github-user-info{display:flex;flex-direction:column;gap:var(--spacing-xs)}.github-user-info strong{font-size:var(--font-size-base)}.github-user-scope{font-size:var(--font-size-xs);color:var(--color-text-secondary);font-family:var(--font-mono)}.connected-meta{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.connected-meta p{margin:0}.btn-danger{color:var(--kibo-strawberry);border-color:var(--kibo-strawberry)}.btn-danger:hover{background:var(--kibo-strawberry);color:#fff}.section-description{color:var(--color-text-secondary);margin-bottom:var(--spacing-md)}.repo-select-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.form-group{margin-bottom:0}.form-label{display:block;font-size:var(--font-size-sm);font-weight:500;margin-bottom:var(--spacing-xs)}.form-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-base);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);color:var(--color-text);transition:border-color .15s ease}.form-input:focus{outline:none;border-color:var(--kibo-blue)}.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.form-actions-inline{display:flex;gap:var(--spacing-sm)}.current-repo{margin-top:var(--spacing-lg);padding-top:var(--spacing-md);border-top:1px solid var(--color-border)}.current-repo h4{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-secondary);margin-bottom:var(--spacing-xs)}.current-repo a{color:var(--kibo-blue);text-decoration:none;font-family:var(--font-mono)}.current-repo a:hover{text-decoration:underline}.test-result{margin-top:var(--spacing-lg);padding:var(--spacing-md);border-radius:var(--radius)}.test-result.success{background:#86c84c0d;border:1px solid rgba(134,200,76,.2)}.test-result.error{background:#f156250d;border:1px solid rgba(241,86,37,.2)}.test-result-header{margin-bottom:var(--spacing-md)}.badge{display:inline-block;padding:2px 8px;font-size:var(--font-size-xs);font-weight:500;border-radius:var(--radius-sm)}.badge-success{background:#86c84c26;color:var(--kibo-kiwi)}.badge-error{background:#f1562526;color:var(--kibo-strawberry)}.badge-secondary{background:var(--color-background);color:var(--color-text-secondary)}.repo-info,.recent-commits{margin-top:var(--spacing-md)}.repo-info h4,.recent-commits h4{font-size:var(--font-size-sm);font-weight:600;margin-bottom:var(--spacing-sm);color:var(--color-text-secondary)}.info-list{display:grid;grid-template-columns:120px 1fr;gap:var(--spacing-xs) var(--spacing-md)}.info-list dt{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.info-list dd{font-size:var(--font-size-base)}.info-list dd a{color:var(--kibo-blue);text-decoration:none}.info-list dd a:hover{text-decoration:underline}.commit-list{list-style:none;padding:0;margin:0}.commit-item{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-sm) 0;border-bottom:1px solid var(--color-border-subtle)}.commit-item:last-child{border-bottom:none}.commit-sha{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--kibo-blue);background:var(--color-background);padding:2px 6px;border-radius:var(--radius-sm);width:fit-content}.commit-message{font-size:var(--font-size-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.commit-meta{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.test-error{color:var(--kibo-strawberry);font-size:var(--font-size-sm)}code{font-family:var(--font-mono);font-size:var(--font-size-sm);background:var(--color-background);padding:2px 6px;border-radius:var(--radius-sm)}.app-frame-page{display:flex;flex-direction:column;height:100%;min-height:0;flex:1}.app-frame-loading,.app-frame-error{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;gap:var(--spacing-md);text-align:center;padding:var(--spacing-xl)}.app-frame-error h2{font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--spacing-xs)}.app-frame-error p{color:var(--color-text-secondary);margin-bottom:var(--spacing-lg)}.app-frame-header{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-lg);background:var(--color-surface);border-bottom:1px solid var(--color-border);flex-shrink:0}.back-link{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--color-text-secondary);text-decoration:none;font-size:var(--font-size-sm);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius);transition:all .15s ease}.back-link:hover{color:var(--color-text);background:var(--color-background)}.app-frame-title{flex:1;font-size:var(--font-size-md);font-weight:600;margin:0}.open-external{display:flex;align-items:center;justify-content:center;width:32px;height:32px;color:var(--color-text-secondary);border-radius:var(--radius);transition:all .15s ease}.open-external:hover{color:var(--color-text);background:var(--color-background)}.app-frame-iframe{flex:1;width:100%;border:none;background:#fff}.loading-spinner{width:32px;height:32px;border:3px solid var(--color-border);border-top-color:var(--kibo-banana);border-radius:50%;animation:spin .8s linear infinite}.error-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl);background:var(--color-background)}.error-content{text-align:center;max-width:400px}.error-code{font-size:6rem;font-weight:700;line-height:1;color:var(--kibo-orange);margin-bottom:var(--spacing-md);opacity:.9}.error-title{font-size:var(--font-size-xl);font-weight:600;margin-bottom:var(--spacing-md);color:var(--color-text)}.error-description{font-size:var(--font-size-md);color:var(--color-text-secondary);line-height:1.5;margin-bottom:var(--spacing-xl)}.error-actions{display:flex;gap:var(--spacing-md);justify-content:center;flex-wrap:wrap}@media(max-width:480px){.error-code{font-size:4rem}.error-title{font-size:var(--font-size-lg)}.error-description{font-size:var(--font-size-base)}.error-actions{flex-direction:column}.error-actions .btn{width:100%}}:root{--kibo-banana: #FFCE01;--kibo-orange: #FF7119;--kibo-gray-medium: #656868;--kibo-gray-dark: #2B2B2B;--kibo-mushroom: #E5E6E7;--kibo-blueberry: #66C7D1;--kibo-strawberry: #F15625;--kibo-kiwi: #4EB38E;--kibo-grape: #996CB5;--kibo-blackberry: #2C339E;--kibo-lime: #D5E05B;--kibo-blue-light: #47ABE1;--kibo-blue-medium: #1B3F6B;--kibo-blue-dark: #070B31;--color-primary: var(--kibo-banana);--color-primary-dark: var(--kibo-orange);--color-secondary: var(--kibo-gray-medium);--color-success: var(--kibo-kiwi);--color-error: var(--kibo-strawberry);--color-warning: var(--kibo-orange);--color-info: var(--kibo-blue-light);--color-background: #FFFFFF;--color-surface: #FFFFFF;--color-surface-hover: #FAFAFA;--color-surface-muted: #F8F9FA;--color-text: var(--kibo-gray-dark);--color-text-secondary: var(--kibo-gray-medium);--color-border: #E5E6E7;--color-border-subtle: #F0F0F0;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 1px 3px rgba(0, 0, 0, .08);--shadow-lg: 0 2px 8px rgba(0, 0, 0, .1);--radius: 4px;--radius-lg: 6px;--spacing-xs: 4px;--spacing-sm: 6px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 24px;--font-size-xs: 11px;--font-size-sm: 12px;--font-size-base: 13px;--font-size-md: 14px;--font-size-lg: 16px;--font-size-xl: 20px;--header-height: 48px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:var(--font-size-base);background-color:var(--color-background);color:var(--color-text);line-height:1.4}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2}a{color:var(--kibo-blue-light);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;font-family:inherit;font-size:inherit}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}.text-center{text-align:center}.text-secondary{color:var(--color-text-secondary)}.mb-1{margin-bottom:var(--spacing-sm)}.mb-2{margin-bottom:var(--spacing-md)}.mb-4{margin-bottom:var(--spacing-xl)}.mt-2{margin-top:var(--spacing-md)}.mt-4{margin-top:var(--spacing-xl)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-md) var(--spacing-lg)}.card:hover{border-color:var(--kibo-banana)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:6px 12px;border-radius:var(--radius);font-size:var(--font-size-base);font-weight:500;transition:all .15s ease;border:none}.btn-sm{padding:4px 8px;font-size:var(--font-size-sm)}.btn-primary{background:var(--kibo-banana);color:var(--kibo-gray-dark)}.btn-primary:hover{background:var(--kibo-orange);color:#fff}.btn-secondary{background:transparent;border:1px solid var(--kibo-gray-medium);color:var(--kibo-gray-dark)}.btn-secondary:hover{background:var(--color-surface-hover)}.btn-destructive{background:var(--kibo-strawberry);color:#fff}.btn-destructive:hover{background:#d94a1f}.btn-outline{background:transparent;border:1px solid var(--color-border);color:var(--color-text)}.btn-outline:hover{background:var(--color-surface-hover);border-color:var(--kibo-gray-medium)}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:8px 12px;text-align:left;border-bottom:1px solid var(--color-border);font-size:var(--font-size-base)}.table th{font-weight:600;background:var(--color-surface-muted);color:var(--kibo-gray-medium);text-transform:uppercase;font-size:var(--font-size-xs);letter-spacing:.5px}.table tbody tr:hover{background:var(--color-surface-hover)}.form-group{margin-bottom:var(--spacing-md)}.form-label{display:block;margin-bottom:var(--spacing-xs);font-size:var(--font-size-base);font-weight:500}.form-input{width:100%;padding:8px 12px;border:1px solid var(--color-border);border-radius:var(--radius);font-size:var(--font-size-base);transition:border-color .15s ease}.form-input:focus{outline:none;border-color:var(--kibo-banana)}.form-input.error{border-color:var(--kibo-strawberry)}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:var(--radius);font-size:var(--font-size-xs);font-weight:500}.badge-primary{background:var(--kibo-blue-light);color:#fff}.badge-success{background:var(--kibo-kiwi);color:#fff}.badge-warning{background:var(--kibo-orange);color:#fff}.badge-error{background:var(--kibo-strawberry);color:#fff}.badge-info{background:var(--kibo-blue-light);color:#fff}.badge-neutral{background:var(--color-surface-muted);color:var(--kibo-gray-dark)}.loading-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);color:var(--color-text-secondary);background:var(--color-background)}.loading-spinner{width:32px;height:32px;border:2px solid var(--color-border);border-top-color:var(--kibo-banana);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}