@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600;700&family=Silkscreen:wght@400;700&display=swap";:root{--bg-dark: #0a0c10;--bg-panel: #12141a;--bg-elevated: #1a1d24;--accent: #E4A97D;--accent-dim: #c48a5f;--accent-shadow: rgba(228, 169, 125, .41);--text-primary: #ffffff;--text-secondary: #c1c1c1;--text-muted: #707070;--border-color: #2a2d35;--border-accent: #3a3d45;--danger: #ff6b6b;--success: #27c93f;--font-display: "Silkscreen", cursive;--font-body: "IBM Plex Mono", monospace;color-scheme:dark;font-family:var(--font-body);font-size:13px;line-height:1.5;color:var(--text-primary);background-color:var(--bg-dark);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100vh;background:var(--bg-dark);color:var(--text-primary)}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-dim)}button{cursor:pointer;font-family:inherit;font-size:inherit}body{margin:0;min-width:320px;min-height:100vh}.sidebar{position:fixed;top:0;left:0;height:100vh;width:220px;background:var(--bg-panel);border-right:1px solid var(--border-color);z-index:100;display:flex;flex-direction:column;overflow-y:auto;transition:transform .2s ease}.sidebar-toggle{position:fixed;top:12px;left:12px;width:36px;height:36px;border:1px solid var(--border-color);border-radius:0;background:var(--bg-elevated);color:var(--text-secondary);cursor:pointer;z-index:110;display:none;align-items:center;justify-content:center;font-family:var(--font-body);font-size:14px}.sidebar-toggle:hover{border-color:var(--accent);color:var(--accent)}.toggle-icon{font-size:14px;color:inherit}.sidebar-content{padding:20px 14px;display:flex;flex-direction:column;flex:1;gap:16px}.sidebar-header{border-bottom:1px solid var(--border-color);padding-bottom:16px}.sidebar-header h3{font-family:var(--font-display);font-size:14px;letter-spacing:1px;color:var(--accent);text-transform:uppercase;margin:0;font-weight:400}.sidebar-nav ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:2px}.sidebar-nav li{margin:0}.sidebar-item{width:100%;padding:8px 12px;border:1px solid transparent;border-radius:0;background:transparent;color:var(--text-secondary);font-family:var(--font-body);font-size:12px;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease;display:flex;align-items:center;gap:10px;text-align:left;text-decoration:none;letter-spacing:.3px}a.sidebar-item{display:flex}.sidebar-item:hover{background:var(--bg-elevated);color:var(--text-primary)}.sidebar-item.active{background:var(--bg-elevated);color:var(--accent);border-color:var(--border-accent);font-family:var(--font-display);font-size:11px;letter-spacing:1px;text-transform:uppercase}.sidebar-icon{font-size:14px}.sidebar-overlay{position:fixed;inset:0;background:#0009;z-index:90;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}.sidebar-overlay.visible{opacity:1;visibility:visible}@media (max-width: 900px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-toggle{display:flex}}.sandbox-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;width:100%}.sandbox-header h2{margin:0;font-family:var(--font-display);font-size:16px;text-transform:uppercase;letter-spacing:1px;color:var(--text-primary);font-weight:400}.refresh-button{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:transparent;color:var(--text-secondary);border:1px solid var(--border-color);border-radius:0;cursor:pointer;font-family:var(--font-display);font-size:10px;text-transform:uppercase;letter-spacing:1px;transition:border-color .2s ease,color .2s ease}.refresh-button:hover{border-color:var(--accent);color:var(--accent)}.sandbox-sections{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:20px;width:100%}.sandbox-section{background:var(--bg-panel);border:1px solid var(--border-color);border-radius:0;padding:20px}.section-header{display:flex;align-items:center;gap:12px;margin:0 0 18px;padding-bottom:14px;border-bottom:1px solid var(--border-color);font-family:var(--font-display);font-size:14px;text-transform:uppercase;letter-spacing:1px;color:var(--text-primary);font-weight:400}.section-icon{color:var(--accent);font-size:18px}.sandbox-list{list-style:none;padding:0;margin:0}.sandbox-item{padding:14px 0;border-bottom:1px solid var(--border-color)}.sandbox-item:last-child{border-bottom:none}.sandbox-item-clickable{cursor:pointer;transition:background-color .15s ease;border-radius:0;margin:0 -8px;padding:14px 8px}.sandbox-item-clickable:hover{background:var(--bg-elevated)}.sandbox-item-right{display:flex;align-items:center;gap:10px}.sandbox-delete-button{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid color-mix(in srgb,var(--danger) 30%,transparent);border-radius:0;background:transparent;color:var(--danger);cursor:pointer;transition:background-color .15s ease,color .15s ease,border-color .15s ease}.sandbox-delete-button:hover:not(:disabled){background:color-mix(in srgb,var(--danger) 15%,transparent);border-color:var(--danger)}.sandbox-delete-button:disabled{opacity:.5;cursor:wait}.sandbox-chevron{color:var(--text-muted);font-size:12px}.sandbox-item-main{display:flex;justify-content:space-between;align-items:center;gap:12px}.sandbox-name{font-weight:500;font-size:14px;color:var(--text-primary)}.sandbox-status{font-family:var(--font-display);font-size:10px;padding:2px 8px;border-radius:0;text-transform:uppercase;letter-spacing:1px;border:1px solid var(--border-color);background:var(--bg-elevated);color:var(--text-secondary)}.sandbox-status.status-running{color:var(--success);border-color:color-mix(in srgb,var(--success) 35%,transparent)}.sandbox-status.status-paused,.sandbox-status.status-cold-stored,.sandbox-status.status-provisioning{color:var(--accent);border-color:var(--border-accent)}.sandbox-status.status-stopped,.sandbox-status.status-unknown{color:var(--text-muted)}.sandbox-status.status-failed{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 35%,transparent)}.sandbox-item-error{display:-webkit-box;align-items:center;gap:6px;margin-top:8px;padding:8px 10px;border-radius:0;background:color-mix(in srgb,var(--danger) 7%,transparent);color:var(--danger);font-size:12px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;border:1px solid color-mix(in srgb,var(--danger) 20%,transparent)}.sandbox-item-error-icon{flex-shrink:0}.sandbox-size,.sandbox-item-meta,.sandbox-region,.sandbox-type,.sandbox-date{font-size:12px;color:var(--text-muted)}.sandbox-item-meta{display:flex;gap:16px;margin-top:8px}.empty-message{color:var(--text-muted);font-size:13px;margin:0}.error-icon{margin-right:8px;flex-shrink:0}.error-actions{display:flex;gap:10px;margin-bottom:20px}@media (max-width: 768px){.sandbox-sections{grid-template-columns:1fr}.sandbox-header{flex-direction:column;align-items:flex-start;gap:14px}}.sandbox-detail-page{max-width:900px}.back-button{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;background:transparent;color:var(--text-secondary);border:1px solid var(--border-color);border-radius:0;cursor:pointer;font-family:var(--font-display);font-size:10px;text-transform:uppercase;letter-spacing:1px;margin-bottom:20px;transition:border-color .2s ease,color .2s ease}.back-button:hover{border-color:var(--accent);color:var(--accent)}.error-banner{background:color-mix(in srgb,var(--danger) 7%,transparent);border:1px solid color-mix(in srgb,var(--danger) 20%,transparent);color:var(--danger);padding:12px 16px;border-radius:0;margin-bottom:16px;font-size:13px}.sandbox-failure-banner{background:color-mix(in srgb,var(--danger) 7%,transparent);color:var(--danger);border:1px solid color-mix(in srgb,var(--danger) 25%,transparent);padding:12px 16px;border-radius:0;margin-bottom:16px}.sandbox-failure-banner-title{font-family:var(--font-display);font-size:12px;text-transform:uppercase;letter-spacing:1px;margin-bottom:4px;font-weight:400}.sandbox-failure-banner-time{color:color-mix(in srgb,var(--danger) 65%,var(--text-secondary))}.sandbox-failure-banner-message{font-size:13px;white-space:pre-wrap;word-break:break-word}.sandbox-status.status-failed{background:transparent;color:var(--danger)}.sandbox-status.status-provisioning{background:transparent;color:var(--accent)}.detail-card{background:var(--bg-panel);border:1px solid var(--border-color);border-radius:0;padding:20px;margin-bottom:18px}.detail-card-header{display:flex;align-items:center;gap:12px;margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid var(--border-color)}.detail-card-header h3{margin:0;font-family:var(--font-display);font-size:14px;text-transform:uppercase;letter-spacing:1px;font-weight:400;flex:1;color:var(--text-primary)}.detail-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}.detail-field{display:flex;flex-direction:column;gap:4px}.detail-label{font-family:var(--font-display);font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-weight:400}.detail-value{font-size:13px;color:var(--text-primary)}.detail-value.mono{font-family:var(--font-body);font-size:12px;word-break:break-all}.endpoints-list{display:flex;flex-direction:column;gap:12px}.endpoint-item{padding:14px;border:1px solid var(--border-color);border-radius:0;background:var(--bg-elevated)}.endpoint-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}.endpoint-info{display:flex;align-items:center;gap:12px}.endpoint-url{font-family:var(--font-body);font-size:13px;color:var(--accent);text-decoration:none}.endpoint-url:hover{color:var(--accent-dim);text-decoration:underline}.endpoint-port{font-family:var(--font-body);font-size:11px;color:var(--text-secondary);background:var(--bg-dark);border:1px solid var(--border-color);padding:2px 8px;border-radius:0}.endpoint-date{font-size:11px;color:var(--text-muted)}.custom-domains-section{margin-top:14px;padding-top:14px;border-top:1px solid var(--border-color)}.custom-domains-title{font-family:var(--font-display);font-size:11px;text-transform:uppercase;letter-spacing:1px;margin:0 0 10px;color:var(--text-secondary);font-weight:400;display:flex;align-items:center;gap:8px}.custom-domain-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;gap:12px;flex-wrap:wrap}.custom-domain-info{display:flex;align-items:center;gap:8px}.custom-domain-name{font-family:var(--font-body);font-size:13px;font-weight:500;color:var(--text-primary)}.domain-status-badge{font-family:var(--font-display);font-size:10px;padding:2px 8px;border:1px solid var(--border-color);background:var(--bg-elevated);border-radius:0;text-transform:uppercase;letter-spacing:1px}.domain-status-badge.status-active{color:var(--success);border-color:color-mix(in srgb,var(--success) 35%,transparent)}.domain-status-badge.status-pending{color:var(--accent);border-color:var(--border-accent)}.domain-status-badge.status-failed{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 35%,transparent)}.domain-status-badge.status-dns_verified{color:var(--accent);border-color:var(--border-accent)}.status-icon-active{color:var(--success)}.status-icon-failed{color:var(--danger)}.status-icon-pending{color:var(--accent)}.custom-domain-actions{display:flex;gap:6px;align-items:center}.btn-small{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;font-family:var(--font-display);font-size:10px;text-transform:uppercase;letter-spacing:1px;border-radius:0;cursor:pointer;border:1px solid transparent;transition:border-color .2s ease,color .2s ease,background .2s ease;white-space:nowrap}.btn-small:disabled{opacity:.5;cursor:not-allowed}.btn-outline{background:transparent;color:var(--text-secondary);border-color:var(--border-color)}.btn-outline:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.btn-danger{background:transparent;color:var(--danger);border-color:color-mix(in srgb,var(--danger) 35%,transparent)}.btn-danger:hover:not(:disabled){background:color-mix(in srgb,var(--danger) 12%,transparent);border-color:var(--danger)}.add-domain-btn,.add-port-btn{margin-top:12px}.domain-form,.port-form{margin-top:12px;display:flex;flex-direction:column;gap:8px}.domain-input,.port-input,.full-width-input{padding:8px 12px;border:1px solid var(--border-color);border-radius:0;font-family:var(--font-body);font-size:13px;background:var(--bg-dark);color:var(--text-primary);width:100%;box-sizing:border-box;-moz-appearance:textfield}.port-input{width:200px}.port-input::-webkit-outer-spin-button,.port-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.domain-input:focus,.port-input:focus,.full-width-input:focus{outline:none;border-color:var(--accent)}.domain-form-actions,.port-form-actions{display:flex;gap:8px}.domain-form-error,.port-form-error{color:var(--danger);font-size:12px}.endpoint-header-right{display:flex;align-items:center;gap:8px}.env-table{width:100%;border-collapse:collapse;font-size:13px;margin-bottom:12px}.env-table th{text-align:left;font-family:var(--font-display);font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-weight:400;padding:6px 8px;border-bottom:1px solid var(--border-color)}.env-table td{padding:6px 8px;border-bottom:1px solid var(--border-color);font-family:var(--font-body);font-size:12px;word-break:break-all;color:var(--text-primary)}.env-table tr:last-child td{border-bottom:none}.env-table td:last-child{width:40px;text-align:right}.env-add-row{display:flex;gap:8px;align-items:center}.env-add-row input{padding:8px 12px;border:1px solid var(--border-color);border-radius:0;font-family:var(--font-body);font-size:12px;background:var(--bg-dark);color:var(--text-primary);box-sizing:border-box}.env-add-row input:focus{outline:none;border-color:var(--accent)}.hooks-list{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.hook-item{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--border-color);border-radius:0;background:var(--bg-elevated)}.hook-item .hook-number{font-family:var(--font-display);font-size:11px;color:var(--text-muted);min-width:24px}.hook-item .hook-command{flex:1;font-family:var(--font-body);font-size:12px;word-break:break-all;color:var(--text-primary)}.hook-add-row{display:flex;gap:8px;align-items:center}.cname-instructions{margin-top:10px;padding:10px 14px;background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:0;font-size:12px;color:var(--text-secondary)}.cname-instructions code{background:var(--bg-dark);padding:1px 5px;border-radius:0;font-family:var(--font-body);font-size:11px;color:var(--text-primary)}@media (max-width: 768px){.detail-grid{grid-template-columns:1fr}.endpoint-header,.custom-domain-row{flex-direction:column;align-items:flex-start}}.api-keys-page{max-width:100%;width:100%;align-self:stretch;align-items:stretch}.api-keys-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;width:100%}.api-keys-header h2{margin:0;font-family:var(--font-display);font-size:16px;text-transform:uppercase;letter-spacing:1px;font-weight:400;flex:1;color:var(--text-primary)}.create-key-form{background:var(--bg-panel);border:1px solid var(--border-color);border-radius:0;padding:20px;margin-bottom:20px}.create-key-form h3{margin:0 0 14px;font-family:var(--font-display);font-size:12px;text-transform:uppercase;letter-spacing:1px;font-weight:400;color:var(--text-primary)}.form-row{display:flex;gap:12px;align-items:flex-end}.form-group{display:flex;flex-direction:column;gap:6px;flex:1}.form-group input{padding:10px 12px;border:1px solid var(--border-color);border-radius:0;font-family:var(--font-body);font-size:13px;background:var(--bg-dark);color:var(--text-primary)}.create-button{padding:10px 18px;background:var(--accent);color:#1a1a1a;border:0;border-radius:0;cursor:pointer;font-family:var(--font-display);font-size:12px;text-transform:uppercase;letter-spacing:1px;box-shadow:4px 4px 0 var(--accent-shadow);transition:box-shadow .2s ease;white-space:nowrap}.create-button:hover{box-shadow:6px 6px 0 var(--accent-shadow)}.create-button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.new-key-display{background:color-mix(in srgb,var(--success) 7%,transparent);border:1px solid color-mix(in srgb,var(--success) 25%,transparent);border-radius:0;padding:18px;margin-bottom:20px}.new-key-display h4{margin:0 0 10px;font-family:var(--font-display);font-size:12px;text-transform:uppercase;letter-spacing:1px;color:var(--success);font-weight:400}.new-key-display p{margin:0 0 10px;font-size:12px;color:var(--text-secondary)}.key-value{display:flex;align-items:center;gap:10px;background:var(--bg-dark);padding:10px 12px;border-radius:0;border:1px solid var(--border-color)}.key-value code{flex:1;font-family:var(--font-body);font-size:13px;word-break:break-all;color:var(--text-primary)}.copy-button{padding:6px 14px;background:var(--accent);color:#1a1a1a;border:0;border-radius:0;cursor:pointer;font-family:var(--font-display);font-size:10px;text-transform:uppercase;letter-spacing:1px;transition:box-shadow .2s ease}.copy-button:hover{box-shadow:4px 4px 0 var(--accent-shadow)}.dismiss-button{margin-top:10px;padding:6px 14px;background:transparent;color:var(--success);border:1px solid color-mix(in srgb,var(--success) 35%,transparent);border-radius:0;cursor:pointer;font-family:var(--font-display);font-size:10px;text-transform:uppercase;letter-spacing:1px}.dismiss-button:hover{background:color-mix(in srgb,var(--success) 10%,transparent)}.api-keys-list{background:var(--bg-panel);border-radius:0;border:1px solid var(--border-color);overflow:hidden}.api-keys-list h3{margin:0;padding:16px 20px;font-family:var(--font-display);font-size:12px;text-transform:uppercase;letter-spacing:1px;font-weight:400;color:var(--text-primary);border-bottom:1px solid var(--border-color)}.api-key-item{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;border-bottom:1px solid var(--border-color)}.api-key-item:last-child{border-bottom:none}.api-key-info{display:flex;flex-direction:column;gap:4px}.api-key-name{font-size:14px;font-weight:500;color:var(--text-primary)}.api-key-prefix{font-family:var(--font-body);font-size:12px;color:var(--text-muted)}.api-key-meta{font-size:11px;color:var(--text-muted);display:flex;gap:14px}.api-key-status{display:inline-block;padding:2px 8px;border:1px solid var(--border-color);background:var(--bg-elevated);border-radius:0;font-family:var(--font-display);font-size:10px;text-transform:uppercase;letter-spacing:1px;font-weight:400}.api-key-status.active{color:var(--success);border-color:color-mix(in srgb,var(--success) 35%,transparent)}.api-key-status.revoked{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 35%,transparent)}.api-key-actions{display:flex;gap:8px}.revoke-button,.delete-button{padding:6px 12px;border-radius:0;cursor:pointer;font-family:var(--font-display);font-size:10px;text-transform:uppercase;letter-spacing:1px;transition:background .2s ease,color .2s ease,border-color .2s ease}.revoke-button{background:transparent;color:var(--danger);border:1px solid color-mix(in srgb,var(--danger) 35%,transparent)}.revoke-button:hover{background:color-mix(in srgb,var(--danger) 12%,transparent)}.revoke-button:disabled{opacity:.5;cursor:not-allowed}.delete-button{background:var(--danger);color:#1a1a1a;border:0}.delete-button:hover{opacity:.85}.empty-state{padding:36px 20px;text-align:center;color:var(--text-muted)}.empty-state p{margin:0;font-size:13px}.loading{text-align:center;padding:40px;font-size:13px;color:var(--text-muted)}.error-message{background:color-mix(in srgb,var(--danger) 7%,transparent);border:1px solid color-mix(in srgb,var(--danger) 20%,transparent);color:var(--danger);padding:12px 14px;border-radius:0;margin-bottom:16px;display:flex;align-items:center;font-size:12px}@media (max-width: 768px){.form-row{flex-direction:column}.api-key-item{flex-direction:column;align-items:flex-start;gap:12px}.api-key-actions{width:100%}.api-key-actions button{flex:1}}.orchestration-page{align-self:stretch;width:100%;max-width:100%;display:flex;flex-direction:column;gap:20px}.orchestration-layout{display:grid;grid-template-columns:minmax(320px,420px) minmax(0,1fr);gap:20px;align-items:start}.orchestration-sidebar,.orchestration-main{display:flex;flex-direction:column;gap:20px}.orchestration-card{border:1px solid var(--border-color);background:var(--bg-panel);padding:20px;border-radius:0}.orchestration-card h2,.orchestration-card h3,.orchestration-card h4{margin:0;font-family:var(--font-display);text-transform:uppercase;letter-spacing:1px;font-weight:400;color:var(--text-primary)}.orchestration-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:14px}.orchestration-card-header p,.orchestration-empty-state p,.orchestration-muted{color:var(--text-muted);font-size:12px}.orchestration-form{display:flex;flex-direction:column;gap:14px}.orchestration-form .form-group textarea,.orchestration-form .form-group select,.orchestration-form .form-group input{padding:10px 12px;border:1px solid var(--border-color);border-radius:0;font-family:var(--font-body);font-size:13px;background:var(--bg-dark);color:var(--text-primary)}.orchestration-form .form-group textarea:focus,.orchestration-form .form-group select:focus,.orchestration-form .form-group input:focus{outline:none;border-color:var(--accent)}.orchestration-form .form-group textarea{min-height:140px;resize:vertical}.orchestration-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.orchestration-actions{display:flex;gap:10px;flex-wrap:wrap}.orchestration-help{font-size:12px;color:var(--text-muted);line-height:1.5}.orchestration-warning{border-left:3px solid var(--accent);background:color-mix(in srgb,var(--accent) 8%,transparent);padding:10px 14px;font-size:12px;line-height:1.5;color:var(--text-primary)}.orchestration-status-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.orchestration-stat{border:1px solid var(--border-color);padding:12px 14px;background:var(--bg-elevated)}.orchestration-stat-label{font-family:var(--font-display);font-size:10px;letter-spacing:1px;text-transform:uppercase;color:var(--text-muted);margin-bottom:6px;font-weight:400}.orchestration-stat-value{font-size:16px;font-weight:500;color:var(--text-primary);overflow-wrap:anywhere}.orchestration-chip-row{display:flex;gap:6px;flex-wrap:wrap}.orchestration-chip{display:inline-flex;align-items:center;border:1px solid var(--border-color);padding:3px 8px;font-family:var(--font-display);font-size:10px;text-transform:uppercase;letter-spacing:1px;background:var(--bg-elevated);color:var(--text-secondary)}.orchestration-chip.status-completed,.orchestration-chip.status-approved{color:var(--success);border-color:color-mix(in srgb,var(--success) 35%,transparent)}.orchestration-chip.status-running,.orchestration-chip.status-blocked,.orchestration-chip.status-waiting_approval,.orchestration-chip.status-pending,.orchestration-chip.status-ready{color:var(--accent);border-color:var(--border-accent)}.orchestration-chip.status-failed,.orchestration-chip.status-rejected{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 35%,transparent)}.orchestration-conversation{display:flex;flex-direction:column;gap:12px;max-height:720px;overflow:auto}.orchestration-message{display:flex;flex-direction:column;gap:8px;border:1px solid var(--border-color);padding:14px;background:var(--bg-elevated)}.orchestration-message.role-user{border-left:3px solid var(--accent)}.orchestration-message.role-assistant{border-left:3px solid var(--success)}.orchestration-message.role-system,.orchestration-message.role-tool{border-left:3px solid var(--text-muted)}.orchestration-message-header{display:flex;justify-content:space-between;gap:12px;align-items:center}.orchestration-message-role{font-family:var(--font-display);font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted)}.orchestration-message-title{font-size:14px;font-weight:500;color:var(--text-primary)}.orchestration-message-body{white-space:pre-wrap;line-height:1.6;overflow-wrap:anywhere;color:var(--text-primary);user-select:text;-webkit-user-select:text}.orchestration-message-time{font-size:11px;color:var(--text-muted);white-space:nowrap}.orchestration-message-header-right{display:flex;align-items:center;gap:10px}.orchestration-list{display:flex;flex-direction:column;gap:12px}.cicd-job-link-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px}.cicd-job-link{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid black;background:#fff;color:inherit;text-decoration:none}.cicd-job-link:hover,.cicd-job-link:focus{background:#f5f5f7;color:inherit}.cicd-job-link>span:first-child{min-width:0;display:flex;flex-direction:column;gap:4px;overflow-wrap:anywhere}.cicd-job-actions{display:flex;align-items:flex-start;justify-content:flex-end;gap:8px;flex-wrap:wrap}.orchestration-past-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.orchestration-past-item{border-bottom:1px solid var(--border-color)}.orchestration-past-item:first-child{border-top:1px solid var(--border-color)}.orchestration-past-link{width:100%;background:transparent;border:0;padding:8px 4px;display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;text-align:left;color:var(--accent);font-family:var(--font-body)}.orchestration-past-link:hover .orchestration-past-title,.orchestration-past-link[aria-expanded=true] .orchestration-past-title{text-decoration:underline}.orchestration-past-title{flex:1 1 auto;font-weight:500;overflow-wrap:anywhere}.orchestration-past-meta{font-size:11px;color:var(--text-muted);white-space:nowrap}.orchestration-past-actions{padding:10px 4px 14px;display:flex;flex-direction:column;gap:8px;border-top:1px dashed var(--border-color)}.orchestration-list-item{border:1px solid var(--border-color);padding:14px;background:var(--bg-elevated);display:flex;flex-direction:column;gap:10px}.orchestration-list-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.orchestration-list-title{font-size:14px;font-weight:500;color:var(--text-primary);overflow-wrap:anywhere}.orchestration-list-meta{font-size:11px;color:var(--text-muted)}.orchestration-inline-meta{display:flex;flex-wrap:wrap;gap:8px}.orchestration-comment-input{width:100%;padding:10px 12px;border:1px solid var(--border-color);background:var(--bg-dark);color:var(--text-primary);resize:vertical;font:inherit;line-height:1.5}.orchestration-comment-input:focus{outline:none;border-color:var(--accent)}.orchestration-approval-actions{display:flex;gap:10px;flex-wrap:wrap}.orchestration-artifact-preview{border:1px solid var(--border-color);background:var(--bg-dark);padding:12px;max-height:260px;overflow:auto;white-space:pre-wrap;font-family:var(--font-body);font-size:12px;line-height:1.5;color:var(--text-primary)}.orchestration-empty-state{border:1px dashed var(--border-color);padding:28px;text-align:center;background:var(--bg-panel);color:var(--text-muted)}.orchestration-steps{display:flex;flex-direction:column;gap:10px}.orchestration-step-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;border-bottom:1px solid var(--border-color);padding-bottom:10px}.orchestration-step-row:last-child{border-bottom:none;padding-bottom:0}.orchestration-step-name{font-weight:500;color:var(--text-primary)}.orchestration-step-summary{font-size:12px;color:var(--text-secondary);margin-top:4px;line-height:1.5}.orchestration-step-container{border-bottom:1px solid var(--border-color);padding-bottom:10px}.orchestration-step-container:last-child{border-bottom:none;padding-bottom:0}.orchestration-step-container .orchestration-step-row{border-bottom:none;padding-bottom:0}.orchestration-step-row-button{display:flex;align-items:center;gap:12px;padding:8px 10px;border-radius:0;background:transparent}.orchestration-step-row-button:hover,.orchestration-step-row-button:focus-within,.orchestration-step-row-button.is-expanded{background:var(--bg-elevated)}.orchestration-step-row-toggle{flex:1 1 auto;min-width:0;background:transparent;border:none;padding:0;text-align:left;cursor:pointer;color:inherit;font:inherit}.orchestration-step-row-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.orchestration-step-row-right{display:flex;align-items:center;gap:8px;flex:0 0 auto}.orchestration-step-caret{display:inline-block;width:14px;color:var(--text-muted);font-size:11px}.orchestration-step-details{margin-top:8px;padding:12px 14px;background:var(--bg-dark);border:1px solid var(--border-color);border-radius:0;font-size:13px;color:var(--text-primary)}.orchestration-step-meta{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px 16px;margin:0 0 12px}.orchestration-step-meta>div{display:flex;flex-direction:column}.orchestration-step-meta dt{font-family:var(--font-display);font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);font-weight:400}.orchestration-step-meta dd{margin:2px 0 0;color:var(--text-primary);word-break:break-word}.orchestration-step-section{margin-top:8px}.orchestration-step-section>summary{cursor:pointer;font-family:var(--font-display);font-size:11px;text-transform:uppercase;letter-spacing:1px;padding:4px 0;-webkit-user-select:none;user-select:none;color:var(--text-secondary)}.orchestration-step-error{margin-bottom:12px;padding:10px 12px;background:color-mix(in srgb,var(--danger) 7%,transparent);border:1px solid color-mix(in srgb,var(--danger) 25%,transparent);color:var(--danger)}.orchestration-step-error-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.orchestration-step-error-body{user-select:text;-webkit-user-select:text;white-space:pre-wrap;word-break:break-word;font-family:var(--font-body);font-size:12px;line-height:1.5}.orchestration-step-json-wrap{position:relative}.orchestration-step-json-wrap>.orchestration-copy-button{position:absolute;top:6px;right:6px;z-index:1}.orchestration-copy-button{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;background:transparent;color:var(--text-muted);border:none;border-radius:0;cursor:pointer;opacity:.7;transition:background .12s,opacity .12s,color .12s}.orchestration-copy-button:hover{background:var(--bg-elevated);opacity:1;color:var(--text-primary)}.orchestration-copy-button:focus-visible{outline:2px solid var(--accent);outline-offset:1px;opacity:1}.orchestration-step-json{margin:6px 0 0;padding:10px 12px;background:var(--bg-dark);color:var(--text-primary);border:1px solid var(--border-color);font-family:var(--font-body);font-size:12px;line-height:1.5;user-select:text;-webkit-user-select:text;max-height:360px;overflow:auto;white-space:pre}.orchestration-step-artifact-list,.orchestration-step-toolcall-list{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}.orchestration-step-toolcall-list>li{border:1px solid var(--border-color);padding:8px 10px;background:var(--bg-elevated)}.orchestration-step-toolcall-list>li>div{display:flex;align-items:center;gap:8px}.cicd-page{max-width:min(1560px,100%);gap:12px;background:#f6f7f9}.cicd-page .orchestration-card{border:1px solid #d7dce4;border-radius:6px;background:#fff;padding:0;box-shadow:none}.cicd-page .card-body{padding:16px}.cicd-toolbar{position:sticky;top:0;z-index:3;border-color:#cfd6df}.cicd-run-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:16px;align-items:start}.cicd-run-sidebar{position:sticky;top:88px;max-height:calc(100vh - 104px);overflow:auto;border:1px solid #cfd6df;border-radius:6px;background:#fbfcfe;padding:10px}.cicd-run-sidebar-header{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.cicd-run-sidebar-title{font-weight:700;line-height:1.2}.cicd-run-link-list{display:flex;flex-direction:column;gap:6px}.cicd-run-link{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;padding:8px 9px;border:1px solid transparent;border-radius:6px;color:inherit;text-decoration:none;background:transparent}.cicd-run-link:hover,.cicd-run-link:focus{border-color:#d7dce4;background:#fff;color:inherit}.cicd-run-link.active{border-color:#9aa8ba;background:#fff;box-shadow:inset 3px 0 #32536b}.cicd-run-link-main{min-width:0;display:flex;flex-direction:column;gap:2px}.cicd-run-link-id{font-weight:600;overflow-wrap:anywhere;line-height:1.25}.cicd-run-main{min-width:0;display:flex;flex-direction:column;gap:12px}.cicd-current-run,.cicd-panel{border:1px solid #d7dce4;border-radius:6px;background:#fff;padding:14px}.cicd-current-run{border-color:#c4ccd7}.cicd-current-run-header,.cicd-panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.cicd-current-run-title{min-width:0}.cicd-current-run-title h2,.cicd-panel-header h3{margin:0;color:#151a22;font-size:18px;line-height:1.25;overflow-wrap:anywhere}.cicd-current-run-title h2{font-size:22px}.cicd-current-run-meta{display:flex;flex-wrap:wrap;gap:8px 14px;margin-top:6px;color:#536070;font-size:13px}.cicd-current-run-actions,.cicd-job-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px}.cicd-stat-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-top:14px}.cicd-stat{min-width:0;border:1px solid #e1e5ec;border-radius:6px;background:#fafbfc;padding:9px 10px}.cicd-stat span{display:block;color:#667085;font-size:12px;font-weight:600}.cicd-stat strong{display:block;margin-top:2px;color:#171c24;font-size:15px;font-weight:700;overflow-wrap:anywhere}.cicd-panel-header{margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid #e7ebf0}.cicd-panel-title-block{min-width:0}.cicd-panel-danger{border-color:#e6b8bc;background:snow}.cicd-runner-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.cicd-runner-profile{min-width:0;border:1px solid #e1e5ec;border-radius:6px;background:#fff;padding:12px}.cicd-runner-profile-header,.cicd-runner-match{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.cicd-label-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.cicd-label-list span{border:1px solid #d9dfe8;border-radius:4px;background:#f8fafc;color:#334155;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:12px;line-height:1.35;padding:3px 6px}.cicd-runner-match-list{display:flex;flex-direction:column;gap:8px;margin-top:12px}.cicd-runner-match{border-top:1px solid #eef1f5;padding-top:8px}.cicd-runner-match>span:first-child{min-width:0;display:flex;flex-direction:column;gap:2px}.cicd-page .form-label{color:#4b5563;font-size:12px;font-weight:600;margin-bottom:4px}.cicd-page .form-control{border-color:#cfd5df;border-radius:6px;min-height:38px}.cicd-page .btn{border-radius:6px;white-space:nowrap}.cicd-page .orchestration-list,.cicd-page .orchestration-steps,.cicd-page .cicd-job-link-list{gap:8px}.cicd-page .orchestration-steps,.cicd-page .cicd-job-link-list{display:flex;flex-direction:column}.cicd-page .orchestration-list-item,.cicd-page .cicd-job-link,.cicd-page .orchestration-step-details,.cicd-page .orchestration-step-container{border-color:#e1e5ec;border-radius:6px;background:#fff}.cicd-page .orchestration-list-item,.cicd-page .cicd-job-link{padding:10px 12px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;color:inherit;text-decoration:none}.cicd-page .cicd-job-link>span:first-child{min-width:0;display:flex;flex-direction:column;gap:2px}.cicd-page .cicd-job-link strong{overflow-wrap:anywhere}.cicd-page .cicd-job-link:hover,.cicd-page .cicd-job-link:focus{border-color:#cbd3de;background:#fafbfc}.cicd-page .orchestration-empty-state{border-color:#d9dde5;border-radius:6px;background:#f8fafc;padding:20px}.cicd-page .orchestration-step-json{border-color:#d9dde5;border-radius:6px;background:#0f172a;color:#e5e7eb}@media (max-width: 1120px){.orchestration-layout,.cicd-run-layout{grid-template-columns:1fr}.cicd-run-sidebar{position:static;max-height:none}.cicd-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.cicd-runner-grid{grid-template-columns:1fr}}@media (max-width: 820px){.orchestration-status-strip,.orchestration-grid{grid-template-columns:1fr}.orchestration-card{padding:16px}.cicd-current-run-header,.cicd-panel-header,.cicd-page .cicd-job-link{flex-direction:column;align-items:stretch}.cicd-current-run-actions,.cicd-job-actions{justify-content:flex-start}.cicd-stat-grid{grid-template-columns:1fr 1fr}}.ui-button{font-family:var(--font-display);font-size:12px;text-transform:uppercase;letter-spacing:1px;cursor:pointer;border-radius:0;border:0;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:box-shadow .2s ease,color .2s ease,border-color .2s ease,background .2s ease;text-align:center;text-decoration:none;line-height:1}.ui-button-sm{padding:8px 14px;font-size:10px}.ui-button-md{padding:14px 24px;font-size:12px}.ui-button-primary{background:var(--accent);color:#1a1a1a;font-weight:500;box-shadow:4px 4px 0 var(--accent-shadow)}.ui-button-primary:hover:not(:disabled){box-shadow:6px 6px 0 var(--accent-shadow)}.ui-button-secondary{background:transparent;border:1px solid var(--border-color);color:var(--text-secondary)}.ui-button-secondary:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.ui-button-danger{background:transparent;border:1px solid var(--danger);color:var(--danger)}.ui-button-danger:hover:not(:disabled){background:color-mix(in srgb,var(--danger) 12%,transparent)}.ui-button-ghost{background:transparent;color:var(--accent);font-family:var(--font-body);text-transform:none;letter-spacing:0;padding:4px 8px}.ui-button-ghost:hover:not(:disabled){color:var(--accent-dim)}.ui-button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.ui-card{background:var(--bg-panel);border:1px solid var(--border-color);padding:20px;border-radius:0}.ui-card-header{font-family:var(--font-display);font-size:12px;text-transform:uppercase;letter-spacing:1px;color:var(--text-primary);margin:0 0 12px;padding-bottom:12px;border-bottom:1px solid var(--border-color)}.ui-field{display:flex;flex-direction:column;gap:6px}.ui-field-label{font-family:var(--font-display);font-size:10px;color:var(--text-secondary);letter-spacing:1px;text-transform:uppercase;font-weight:400}.ui-field-help{font-size:11px;color:var(--text-muted);margin-top:4px;line-height:1.4}.ui-input,.ui-textarea,.ui-select{padding:10px 12px;border:1px solid var(--border-color);border-radius:0;font-family:var(--font-body);font-size:13px;background:var(--bg-dark);color:var(--text-primary);transition:border-color .2s ease;width:100%}.ui-textarea{resize:vertical;min-height:80px}.ui-input:focus,.ui-textarea:focus,.ui-select:focus{outline:none;border-color:var(--accent)}.ui-input:disabled,.ui-textarea:disabled,.ui-select:disabled{opacity:.5;cursor:not-allowed}.ui-input::placeholder,.ui-textarea::placeholder{color:var(--text-muted)}.ui-modal-backdrop{position:fixed;inset:0;background:#000000a6;display:flex;align-items:center;justify-content:center;padding:20px;z-index:1000}.ui-modal{background:var(--bg-elevated);border:1px solid var(--border-color);max-width:560px;width:100%;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column}.ui-modal-header{font-family:var(--font-display);font-size:13px;text-transform:uppercase;letter-spacing:1px;padding:16px 20px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;gap:12px}.ui-modal-body{padding:20px}.ui-modal-footer{padding:16px 20px;border-top:1px solid var(--border-color);display:flex;gap:8px;justify-content:flex-end}.ui-modal-close{background:transparent;border:0;color:var(--text-muted);font-family:var(--font-body);font-size:18px;line-height:1;cursor:pointer;padding:4px}.ui-modal-close:hover{color:var(--text-primary)}.ui-table{width:100%;border-collapse:collapse;font-family:var(--font-body);font-size:12px;color:var(--text-primary)}.ui-table thead th{font-family:var(--font-display);font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary);background:var(--bg-panel);text-align:left;padding:10px 12px;border-bottom:1px solid var(--border-color);font-weight:400}.ui-table tbody td{padding:10px 12px;border-bottom:1px solid var(--border-color);vertical-align:middle}.ui-table tbody tr:hover{background:color-mix(in srgb,var(--bg-elevated) 50%,transparent)}.ui-badge{display:inline-flex;align-items:center;padding:2px 8px;font-family:var(--font-display);font-size:10px;text-transform:uppercase;letter-spacing:1px;border:1px solid var(--border-color);background:var(--bg-elevated);color:var(--text-secondary);line-height:1.4}.ui-badge-accent{color:var(--accent);border-color:var(--border-accent)}.ui-badge-danger{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 35%,transparent)}.ui-badge-success{color:var(--success);border-color:color-mix(in srgb,var(--success) 35%,transparent)}.ui-badge-muted{color:var(--text-muted)}.ui-alert{font-family:var(--font-body);font-size:12px;padding:10px 14px;border:1px solid var(--border-color);background:var(--bg-panel);color:var(--text-primary)}.ui-alert-danger{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 20%,transparent);background:color-mix(in srgb,var(--danger) 7%,transparent)}.ui-alert-success{color:var(--success);border-color:color-mix(in srgb,var(--success) 20%,transparent);background:color-mix(in srgb,var(--success) 7%,transparent)}.ui-alert-info{color:var(--accent);border-color:var(--border-accent);background:var(--bg-elevated)}.ui-stack{display:flex;flex-direction:column;gap:12px}.ui-stack-lg{gap:24px}.ui-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.ui-row-between{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.ui-stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.ui-stat-card{border:1px solid var(--border-color);background:var(--bg-elevated);padding:14px 16px;display:flex;flex-direction:column;gap:6px}.ui-stat-label{font-family:var(--font-display);font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);font-weight:400}.ui-stat-value{font-size:16px;color:var(--text-primary);font-weight:500}.ui-section-title{font-family:var(--font-display);font-size:12px;text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary);margin:0 0 10px;font-weight:400}.ui-muted{color:var(--text-muted)}.ui-accent{color:var(--accent)}.ui-code{font-family:var(--font-body);font-size:12px;background:var(--bg-dark);border:1px solid var(--border-color);padding:1px 6px;color:var(--text-primary)}.ui-spinner{display:inline-block;width:14px;height:14px;border:2px solid var(--border-color);border-top-color:var(--accent);border-radius:50%;animation:ui-spin .7s linear infinite}.ui-spinner-lg{width:28px;height:28px;border-width:3px}@keyframes ui-spin{to{transform:rotate(360deg)}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);background:var(--bg-dark);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{min-height:100vh;background:var(--bg-dark);display:flex;width:100%}.content-container{flex:1;margin-left:220px;padding:24px 32px;display:flex;flex-direction:column;width:calc(100vw - 220px);min-height:100vh}@media (max-width: 900px){.content-container{margin-left:0;width:100vw;padding:64px 16px 24px}}.container{width:100%;max-width:1200px;margin:0 auto;padding:0;display:flex;flex-direction:column}.content-container .api-keys-page,.content-container .sandbox-page,.content-container .orchestration-page{align-self:stretch;width:100%;max-width:100%}.header{border-bottom:1px solid var(--border-color);padding:16px 0 20px;margin-bottom:28px;width:100%;text-align:left}.header h1{font-family:var(--font-display);font-size:18px;color:var(--text-primary);text-transform:uppercase;letter-spacing:1px;font-weight:400}.navigation{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border-color);background:var(--bg-panel)}.nav-brand h1{font-family:var(--font-display);font-size:16px;color:var(--accent);text-transform:uppercase;letter-spacing:1px}.nav-user{display:flex;align-items:center;gap:20px}.user-info{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.user-name{font-weight:500;font-size:13px;color:var(--text-primary)}.user-email{font-size:11px;color:var(--text-muted)}.login-container{max-width:420px;margin:0 auto;padding:40px;border:1px solid var(--border-color);border-radius:0;background:var(--bg-panel);width:100%}.login-container h2{font-family:var(--font-display);font-size:18px;letter-spacing:1px;text-transform:uppercase;color:var(--text-primary);margin-bottom:8px}.login-container>p{font-size:12px;color:var(--text-muted);margin-bottom:24px}.login-form{display:flex;flex-direction:column;gap:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-family:var(--font-display);font-size:10px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;font-weight:400}.form-group input{padding:10px 12px;border:1px solid var(--border-color);border-radius:0;font-family:var(--font-body);font-size:13px;background:var(--bg-dark);color:var(--text-primary);transition:border-color .2s ease}.form-group input:focus{outline:none;border-color:var(--accent)}.form-group input::placeholder{color:var(--text-muted)}.btn{padding:12px 22px;border:1px solid var(--border-color);border-radius:0;background:transparent;color:var(--text-secondary);font-family:var(--font-display);font-size:12px;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:box-shadow .2s ease,color .2s ease,border-color .2s ease,background .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn:hover{border-color:var(--accent);color:var(--accent)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);color:#1a1a1a;border-color:var(--accent);box-shadow:4px 4px 0 var(--accent-shadow)}.btn-primary:hover{background:var(--accent);color:#1a1a1a;border-color:var(--accent);box-shadow:6px 6px 0 var(--accent-shadow)}.btn-secondary{background:transparent;color:var(--text-secondary);border-color:var(--border-color)}.btn-secondary:hover{border-color:var(--accent);color:var(--accent)}.btn-danger{background:transparent;color:var(--danger);border-color:var(--danger)}.btn-danger:hover{background:color-mix(in srgb,var(--danger) 12%,transparent);color:var(--danger);border-color:var(--danger)}.btn-small{padding:8px 14px;font-size:10px}.error-message{color:var(--danger);font-size:12px;margin-top:6px}.success-message{color:var(--success);font-size:12px;margin-top:6px}.form-help{font-size:11px;color:var(--text-muted);margin-top:4px;line-height:1.4}.loading{text-align:center;padding:40px;color:var(--text-muted);font-family:var(--font-body)}.subscription-overview{display:flex;flex-direction:column;gap:24px;width:100%;max-width:900px}.subscription-card,.desktop-app-section,.licenses-section{border:1px solid var(--border-color);border-radius:0;padding:24px;background:var(--bg-panel);width:100%}.subscription-card h2,.desktop-app-section h2,.licenses-section h2,.section-header h2{font-family:var(--font-display);font-size:14px;text-transform:uppercase;letter-spacing:1px;margin-bottom:14px;text-align:left;font-weight:400;color:var(--text-primary)}.subscription-card p,.desktop-app-section p{text-align:left;margin-bottom:14px;line-height:1.5;color:var(--text-secondary);font-size:13px}.desktop-app-section h3{font-family:var(--font-display);font-size:12px;text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary);margin-bottom:10px;font-weight:400}.subscription-info{display:flex;flex-direction:column;gap:10px;margin:16px 0}.info-row{display:flex;justify-content:space-between;align-items:center}.label{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);font-family:var(--font-display);font-weight:400}.value{font-weight:500;color:var(--text-primary);font-size:13px}.status-badge{padding:2px 8px;border:1px solid var(--border-color);border-radius:0;font-family:var(--font-display);font-size:10px;font-weight:400;text-transform:uppercase;letter-spacing:1px;background:var(--bg-elevated);color:var(--text-secondary)}.status-badge.active{color:var(--success);border-color:color-mix(in srgb,var(--success) 35%,transparent)}.status-badge.expired,.status-badge.past_due{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 35%,transparent)}.status-badge.suspended{color:var(--accent);border-color:var(--border-accent)}.status-badge.cancelled{color:var(--text-muted);border-color:var(--border-color)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;flex-wrap:wrap;gap:12px}.licenses-list{display:flex;flex-direction:column;gap:12px}.license-card{border:1px solid var(--border-color);border-radius:0;padding:16px;background:var(--bg-elevated)}.license-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.license-key{display:flex;flex-direction:column;gap:4px}.key-label{font-family:var(--font-display);font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-weight:400}.key-value{font-family:var(--font-body);font-size:13px;background:var(--bg-dark);padding:4px 8px;border:1px solid var(--border-color);border-radius:0;color:var(--text-primary)}.license-actions{display:flex;align-items:center;gap:12px}.license-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px;font-size:12px}.detail-row{display:flex;justify-content:space-between;align-items:center}.detail-row .label{color:var(--text-muted)}.detail-row .value{color:var(--text-primary)}.device-id{font-family:var(--font-body);font-size:11px;color:var(--text-muted)}@media (max-width: 768px){.container{padding:8px}.navigation{flex-direction:column;gap:14px;align-items:flex-start}.nav-user{width:100%;justify-content:space-between}.section-header,.license-header{flex-direction:column;gap:10px;align-items:flex-start}.license-actions{width:100%;justify-content:space-between}.license-details{grid-template-columns:1fr}.info-row{flex-direction:column;align-items:flex-start;gap:4px}}.email-verification-page,.not-found-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-dark);padding:20px}.verification-container,.not-found-container{background:var(--bg-panel);border:1px solid var(--border-color);border-radius:0;padding:40px;max-width:520px;width:100%;text-align:center}.verification-header h1{font-family:var(--font-display);font-size:20px;color:var(--text-primary);text-transform:uppercase;letter-spacing:1px;margin-bottom:24px;font-weight:400}.verification-content{display:flex;flex-direction:column;align-items:center;gap:20px}.verification-content h2{font-family:var(--font-display);font-size:16px;color:var(--text-primary);text-transform:uppercase;letter-spacing:1px;margin:0;font-weight:400}.verification-content p{color:var(--text-secondary);font-size:13px;line-height:1.5;margin:0}.spinner{width:32px;height:32px;border:3px solid var(--border-color);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.success-icon{font-size:40px;color:var(--success)}.error-icon{font-size:40px;color:var(--danger)}.error-code{background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:0;padding:10px 14px;font-size:12px;color:var(--text-secondary)}.error-code code{background:var(--bg-dark);padding:2px 6px;font-family:var(--font-body);color:var(--text-primary)}.verification-actions,.not-found-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.not-found-content{display:flex;flex-direction:column;align-items:center;gap:20px}.not-found-content .error-code{font-family:var(--font-display);font-size:60px;font-weight:400;color:var(--accent);background:transparent;border:none;padding:0;line-height:1}.not-found-content h1{font-family:var(--font-display);font-size:22px;color:var(--text-primary);text-transform:uppercase;letter-spacing:1px;font-weight:400;margin:0}.not-found-content p{color:var(--text-secondary);font-size:14px;line-height:1.6;margin:0;max-width:460px}.not-found-content ul{text-align:left;color:var(--text-secondary);font-size:13px;line-height:1.6;margin:12px 0;padding-left:20px}.not-found-content li{margin-bottom:6px}@media (max-width: 768px){.verification-container,.not-found-container{padding:24px;margin:16px}.not-found-content .error-code{font-size:44px}.not-found-content h1{font-size:18px}.verification-actions,.not-found-actions{flex-direction:column;width:100%}.verification-actions .btn,.not-found-actions .btn{width:100%}}.auth-page{min-height:100vh;width:100vw;background:var(--bg-dark);display:flex;align-items:center;justify-content:center;padding:20px;font-family:var(--font-body);color:var(--text-primary)}.auth-page .login-container{max-width:420px;width:100%;margin:0;padding:40px;border:1px solid var(--border-color);border-radius:0;background:var(--bg-panel)}.auth-page .login-container h2{font-family:var(--font-display);font-size:18px;color:var(--text-primary);margin:0 0 8px;letter-spacing:1px}.auth-page .login-container>p{font-family:var(--font-body);font-size:12px;color:var(--text-muted);margin:0 0 24px;line-height:1.6}.auth-page .login-form{display:flex;flex-direction:column;gap:16px}.auth-page .form-group{display:flex;flex-direction:column;gap:6px}.auth-page .form-group label{font-family:var(--font-display);font-size:10px;color:var(--text-secondary);letter-spacing:1px;text-transform:uppercase;font-weight:400}.auth-page .form-group input[type=email],.auth-page .form-group input[type=password],.auth-page .form-group input[type=text]{padding:12px 14px;border:1px solid var(--border-color);border-radius:0;font-family:var(--font-body);font-size:14px;background:var(--bg-dark);color:var(--text-primary);transition:border-color .2s ease}.auth-page .form-group input:focus{outline:none;border-color:var(--accent)}.auth-page .form-group input:disabled{opacity:.5;cursor:not-allowed}.auth-page .form-group input::placeholder{color:var(--text-muted)}.auth-page .form-group input[type=radio]{accent-color:var(--accent)}.auth-page .form-group>div label{font-family:var(--font-body);font-size:13px;color:var(--text-secondary);text-transform:none;letter-spacing:0;cursor:pointer}.auth-page .form-help{font-size:11px;color:var(--text-muted);margin-top:4px;line-height:1.4}.auth-page .btn{font-family:var(--font-display);font-size:12px;padding:14px 24px;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;border-radius:0;display:block;width:100%;text-align:center}.auth-page .btn:not(.btn-secondary):not(.btn-link){background:var(--accent);border:0px solid var(--accent);box-shadow:4px 4px #e4a97d69;color:#1a1a1a;font-weight:500}.auth-page .btn:not(.btn-secondary):not(.btn-link):hover{box-shadow:6px 6px #e4a97d69;background:var(--accent);color:#1a1a1a;transform:none}.auth-page .btn:not(.btn-secondary):not(.btn-link):disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.auth-page .btn:not(.btn-secondary):not(.btn-link):disabled:hover{background:var(--accent);color:#1a1a1a;transform:none}.auth-page .btn-secondary{background:transparent;border:1px solid var(--border-color);box-shadow:none;color:var(--text-secondary)}.auth-page .btn-secondary:hover{border-color:var(--accent);color:var(--accent);background:transparent;transform:none}.auth-page .btn-secondary:disabled{opacity:.5;cursor:not-allowed}.auth-page .btn-secondary:disabled:hover{border-color:var(--border-color);color:var(--text-secondary);background:transparent}.auth-page .btn-link{background:transparent;border:none;box-shadow:none;color:var(--accent);font-family:var(--font-body);font-size:12px;text-transform:none;letter-spacing:0;padding:8px 0;text-align:left;width:auto;display:inline}.auth-page .btn-link:hover{color:var(--accent-dim);background:transparent;transform:none}.auth-page .error-message{font-family:var(--font-body);font-size:12px;color:var(--danger);padding:10px 14px;border:1px solid color-mix(in srgb,var(--danger) 20%,transparent);background:color-mix(in srgb,var(--danger) 7%,transparent)}.auth-page .success-message{font-family:var(--font-body);font-size:12px;color:var(--success);padding:10px 14px;border:1px solid color-mix(in srgb,var(--success) 20%,transparent);background:color-mix(in srgb,var(--success) 7%,transparent)}@media (max-width: 768px){.auth-page{padding:15px}.auth-page .login-container{padding:24px}}