:root{color-scheme:dark;--error: #ff9e86;--font-stack: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--bg-primary: #121214;--bg-secondary: #1a1a1e;--bg-card: #232329;--bg-elevated: #2d2d35;--accent: #60a5fa;--accent-hover: #93c5fd;--accent-back: #5381fd;--accent-glow: rgba(96, 165, 250, .28);--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--border: #3f3f46;--border-light: #52525b;--gradient-1: linear-gradient(135deg, #3b82f6 0%, #60a5fa 100%);--gradient-2: linear-gradient(135deg, #60a5fa 0%, #3b82f6 100%);--scrollbar-thumb: #334155;--scrollbar-thumb-hover: #475569;--shadow: rgba(0, 0, 0, .3);--control-text: var(--text-primary);--control-placeholder: var(--text-muted);--control-placeholder-opacity: .7;--control-placeholder-focus-opacity: .35;--control-error: var(--error);--control-border: var(--border);--control-border-hover: color-mix(in srgb, var(--accent) 35%, var(--border));--control-border-focus: var(--accent);--control-border-error: var(--error);--control-bg: #1a1a1e;--control-bg-filled: color-mix(in srgb, var(--accent) 10%, var(--control-bg));--control-bg-filled-focus: color-mix(in srgb, var(--accent) 12%, var(--control-bg));--control-bg-error: var(--control-bg);--control-shadow-focus: 0 0 0 1px color-mix(in srgb, var(--accent) 30%, transparent), 0 0 14px 2px var(--accent-glow);--control-shadow-filled-focus: 0 0 0 2px var(--accent-glow), 0 8px 20px color-mix(in srgb, var(--accent) 15%, transparent);--control-shadow-filled: 0 0 0 1px color-mix(in srgb, var(--accent) 20%, transparent), 0 6px 16px color-mix(in srgb, var(--accent) 10%, transparent);--control-shadow-error: 0 0 0 2px color-mix(in srgb, var(--error) 14%, transparent);--action-primary-bg: var(--gradient-1);--action-primary-text: #0a0a0a;--action-primary-shadow: 0 4px 15px var(--accent-glow);--action-primary-shadow-hover: 0 8px 25px var(--accent-glow);--action-primary-focus-color: var(--accent-hover);--action-primary-hover-filter: brightness(.88);--action-primary-disabled-opacity: .55;--action-primary-active-offset: 1px}[data-theme=light]{color-scheme:light;--error: #b91c1c;--bg-primary: #f1f5f9;--bg-secondary: #e2e8f0;--bg-elevated: #cbd5e1;--bg-card: #ffffff;--accent: #2563eb;--accent-back: #5381fd;--accent-hover: #3b82f6;--accent-glow: rgba(37, 99, 235, .16);--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #64748b;--border: #cbd5e1;--border-light: #e2e8f0;--gradient-1: linear-gradient(135deg, #3b82f6 0%, #60a5fa 100%);--gradient-2: linear-gradient(135deg, #60a5fa 0%, #3b82f6 100%);--scrollbar-thumb: #cbd5e1;--scrollbar-thumb-hover: #94a3b8;--shadow: rgba(15, 23, 42, .08);--control-bg: #e2e8f0}[data-theme]{--ak-bg: var(--bg-primary);--ak-surface: var(--bg-card);--ak-text: var(--text-primary);--ak-text-secondary: var(--text-muted);--ak-border: var(--border);color:var(--text-primary)}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a,select,input{outline-offset:4px}:focus-visible{outline:2px solid var(--accent)}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}.codeak-shell{--shell-width: 232px;--shell-bg: #f1f5f9;--shell-surface: #fff;--shell-text: #0f172a;--shell-secondary: #475569;--shell-border: #e2e8f0;--shell-accent: #2563eb;--shell-hover: #e2e8f0;height:100dvh;overflow:hidden;background:var(--shell-bg);font:14px/1.5 var(--font-stack)}.codeak-shell[data-theme=dark]{--shell-bg: #121214;--shell-surface: #1a1a1e;--shell-text: #f8fafc;--shell-secondary: #cbd5e1;--shell-border: #2a2a30;--shell-accent: #60a5fa;--shell-hover: #232329}.ak-sidebar{position:fixed;inset:0 auto 0 0;z-index:20;width:var(--shell-width);border-inline-end:1px solid var(--shell-border);display:flex;flex-direction:column;background:var(--shell-surface);color:var(--shell-text)}.ak-brand{flex-shrink:0;height:52px;border:0;border-bottom:1px solid var(--shell-border);background:transparent;color:var(--shell-text);text-align:start;font-size:20px;letter-spacing:-.8px;font-weight:750;padding:0 18px}.ak-brand span span{color:var(--shell-accent)}.ak-label,.ak-page-heading>p{font-size:10px;letter-spacing:.14em;color:var(--text-muted);font-weight:600}.ak-sidebar-scroll{flex:1;min-height:0;overflow:auto;padding:8px;scrollbar-width:thin}.ak-sidebar nav,.ak-navigation-dialog nav{display:grid;gap:2px}.ak-sidebar nav button,.ak-sidebar nav a,.ak-navigation-dialog nav button,.ak-navigation-dialog nav a{position:relative;display:flex;align-items:center;gap:10px;width:100%;min-width:0;min-height:38px;text-align:start;padding:8px 10px;background:none;color:var(--shell-secondary);border:0;border-radius:8px;font:inherit;font-size:13.5px;text-decoration:none}.ak-sidebar nav button:hover,.ak-sidebar nav a:hover,.ak-navigation-dialog nav button:hover,.ak-navigation-dialog nav a:hover{background:var(--shell-hover);color:var(--shell-text)}.ak-sidebar nav button[aria-current],.ak-navigation-dialog nav button[aria-current]{background:color-mix(in srgb,var(--shell-accent) 12%,transparent);color:var(--shell-accent)}.ak-sidebar nav button[aria-current]:before,.ak-navigation-dialog nav button[aria-current]:before{content:"";position:absolute;inset:8px auto 8px 0;width:2px;background:var(--shell-accent);border-radius:2px}.ak-nav-icon{display:inline-flex;align-items:center;justify-content:center;width:22px;flex:0 0 22px;font-size:12px;font-weight:700}.ak-nav-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ak-sidebar-footer{flex:0 1 auto;min-height:0;max-height:35dvh;overflow:auto;border-top:1px solid var(--shell-border);padding:8px;color:var(--shell-secondary);font-size:11px;scrollbar-width:thin}.ak-sidebar-footer p{text-align:center;margin:8px 0 0}.ak-workarea{min-width:0;margin-left:var(--shell-width);height:100%;display:flex;flex-direction:column}#hub-content{scroll-margin-top:52px;flex:1;min-height:0;overflow:auto}.ak-topbar{position:sticky;top:0;z-index:10;height:52px;flex:0 0 52px;padding:0 12px;border-bottom:1px solid var(--shell-border);background:var(--shell-surface);color:var(--shell-text);display:flex;align-items:center;gap:8px}.ak-topbar-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;font-weight:650}.ak-topbar-actions{display:flex;flex:0 0 auto;align-items:center;gap:6px}.ak-icon-button.ak-button,.ak-icon-button{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:0 0 34px;width:34px;height:34px;min-height:34px;padding:0;border:0;border-radius:8px;background:transparent;color:var(--shell-secondary)}.ak-icon-button:hover{background:var(--shell-hover);color:var(--shell-text)}.ak-unread{position:absolute;top:1px;right:0;min-width:14px;padding:0 3px;border-radius:8px;background:var(--shell-accent);color:var(--shell-surface);font-size:9px}.ak-sidebar :focus-visible,.ak-topbar :focus-visible,.ak-navigation-dialog :focus-visible{outline:2px solid var(--shell-accent);outline-offset:-2px}.ak-navigation-dialog{padding:0;margin:0;inset:0 auto 0 0;width:min(88vw,318px);max-width:none;height:100dvh;max-height:100dvh;border:0;border-right:1px solid var(--shell-border);background:var(--shell-surface);color:var(--shell-text)}.ak-navigation-dialog[open]{display:flex;flex-direction:column}.ak-navigation-dialog::backdrop{background:#0006}.ak-navigation-dialog>header{display:flex;justify-content:space-between;align-items:center;height:52px;flex-shrink:0;padding-right:8px;border-bottom:1px solid var(--shell-border)}.ak-navigation-dialog .ak-brand{border:0}.ak-navigation-dialog nav button{min-height:40px}body:has(.ak-navigation-dialog[open]){overflow:hidden}.ak-page{max-width:1440px;margin:auto}.ak-page-heading{padding:18px 0 28px}.ak-page-heading h1{font-size:clamp(28px,3vw,42px);font-weight:600;letter-spacing:-.04em;margin:8px 0}.ak-surface{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:24px}.ak-empty{padding:48px 28px}.ak-space{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.ak-button{display:inline-flex;gap:8px;align-items:center;justify-content:center;text-decoration:none;background:transparent;border:1px solid var(--border);border-radius:8px;min-height:40px;padding:9px 14px;color:var(--text-primary);font-weight:500;transition:background-color .15s,border-color .15s}.ak-button:hover{background:var(--bg-elevated);border-color:var(--accent)}.ak-button.ak-primary{background:var(--accent);border-color:var(--accent);color:var(--bg-primary)}.ak-danger{color:var(--error)}.ak-input{background:var(--control-bg);color:var(--text-primary);border:1px solid var(--border);border-radius:8px;padding:10px 12px;min-height:42px;max-width:100%}.ak-space>.ak-input{flex:1;min-width:0}input[type=checkbox],input[type=range]{accent-color:var(--accent)}input[type=range]{width:100%}.ak-tag{color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent);font-size:11px;border-radius:5px;padding:5px 8px}.ak-alert{padding:14px 18px;border:1px solid var(--border);border-inline-start:3px solid var(--accent);border-radius:8px;display:flex;justify-content:space-between;gap:12px;margin-block:14px;background:var(--bg-secondary)}.ak-alert button{background:none;border:0;color:inherit}.ak-tabs{display:flex;gap:22px;border-bottom:1px solid var(--border);overflow-x:auto;margin-bottom:22px}.ak-tabs button{white-space:nowrap;background:none;border:0;border-bottom:2px solid transparent;padding:14px 0;color:var(--text-muted)}.ak-tabs button[aria-selected=true]{color:var(--accent);border-bottom-color:var(--accent)}.ak-dialog{background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border);border-radius:16px;width:min(650px,calc(100% - 32px));max-height:85dvh;padding:28px}.ak-dialog::backdrop{background:#0009}.ak-dialog>header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px}.ak-dialog h2{margin:0}.ak-dialog section{width:100%}.ak-notifications{list-style:none;padding:0}.ak-notifications button{background:none;border:0;border-bottom:1px solid var(--border);padding:18px 0;color:inherit;text-align:start;width:100%}.ak-notifications time{color:var(--text-muted);font-size:12px}.ak-permissions{margin-block:20px}.ak-permissions label{display:flex;justify-content:space-between;align-items:center;gap:16px;border-bottom:1px solid var(--border);padding:14px 0}.ak-permissions small{display:block;color:var(--text-muted)}.ak-skip{position:fixed;inset-block-start:-80px;padding:12px;background:var(--accent);z-index:100}.ak-skip:focus{inset-block-start:0}.ak-role-create{display:grid;gap:14px;margin-block:18px;padding-block-end:22px;border-bottom:1px solid var(--border)}.ak-role-create label{display:grid;gap:7px}.ak-role-create small{color:var(--text-muted)}.ak-role-create h3{margin:0}.ak-role-create .ak-input{width:100%;box-sizing:border-box}.ak-access-sections{display:flex;gap:8px;margin-bottom:16px}.ak-access-sections [aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.ak-user-access form,.ak-user-assignment{display:grid;gap:12px}.ak-user-assignment p{margin-block:4px}.ak-user-access label{display:grid;gap:7px}.ak-user-access .ak-input{width:100%;box-sizing:border-box}.ak-user-results{list-style:none;padding:0;display:grid;gap:8px;max-height:220px;overflow:auto}.ak-user-results button{width:100%;justify-content:start;text-align:start;overflow-wrap:anywhere}.ak-user-results button[aria-pressed=true]{border-color:var(--accent);background:var(--bg-elevated)}.ak-user-access h3{margin:0 0 12px}.ak-user-access>p{margin-block:10px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}.ak-brand{display:flex;align-items:center;gap:9px;padding-inline:12px}.ak-brand-image{width:32px;height:32px}.codeak-shell[data-sidebar-collapsed] .ak-brand{justify-content:center;gap:0;padding-inline:8px}.codeak-shell[data-sidebar-collapsed] .ak-sidebar .ak-nav-label,.codeak-shell[data-sidebar-collapsed] .ak-sidebar-footer p{display:none}.codeak-shell[data-sidebar-collapsed] .ak-sidebar nav button,.codeak-shell[data-sidebar-collapsed] .ak-sidebar nav a{justify-content:center;padding-inline:8px}.codeak-shell[data-sidebar-collapsed] .ak-sidebar-footer nav{justify-content:center}.ak-sidebar-footer nav{display:flex;flex-wrap:wrap;justify-content:center;gap:2px}.ak-sidebar-footer nav a{width:34px;min-height:34px;padding:7px;justify-content:center}.ak-resource-label{display:none;position:fixed;z-index:30;left:calc(var(--shell-width) + 8px);bottom:12px;width:max-content;max-width:min(320px,calc(100vw - var(--shell-width) - 20px));max-height:calc(100dvh - 24px);overflow:auto;overflow-wrap:anywhere;padding:8px 12px;border:1px solid var(--shell-border);border-radius:8px;background:var(--shell-surface);color:var(--shell-text);box-shadow:0 4px 12px #0003}.ak-sidebar-footer a:focus-visible .ak-resource-label{display:block}@media(max-width:767px){.ak-resource-label{left:8px;max-width:calc(100vw - 16px)}}.ak-sidebar-resizer{position:fixed;inset:0 auto 0 calc(var(--shell-width) - 4px);width:8px;z-index:25;cursor:col-resize;touch-action:none}.ak-sidebar-resizer:hover,.ak-sidebar-resizer:focus-visible{background:color-mix(in srgb,var(--shell-accent) 35%,transparent)}.ak-resize-shield{position:fixed;top:0;right:0;bottom:0;left:0;z-index:24;cursor:col-resize;-webkit-user-select:none;user-select:none}.ak-mobile-menu.ak-icon-button{display:none}.ak-notification-dialog{width:min(460px,calc(100% - 24px));max-height:min(620px,calc(100dvh - 24px));padding:16px;overflow:hidden}.ak-notification-dialog[open]{display:flex;flex-direction:column}.ak-notification-dialog>header{margin-bottom:10px;flex-shrink:0}.ak-notification-dialog h2{font-size:18px}.ak-notification-dialog>.ak-space{gap:6px;flex-shrink:0}.ak-notification-dialog .ak-button{min-height:32px;padding:5px 8px;font-size:12px}.ak-notification-dialog>.ak-alert{flex-shrink:0;margin:0 0 10px;padding:8px;max-height:20dvh;overflow:auto}.ak-notification-dialog .ak-notifications{margin:8px 0 0;overflow:auto;min-height:0;overscroll-behavior:contain}.ak-notification-dialog .ak-notifications button{padding:10px 2px;overflow-wrap:anywhere}.ak-notification-dialog .ak-notifications strong{display:block}.ak-notification-dialog .ak-notifications p{margin:4px 0;line-height:1.4}.ak-notification-source{display:block;color:var(--text-muted);font-size:12px}.ak-notification-unread{color:var(--accent)}@media(max-width:767px){.ak-workarea{margin-left:0}.ak-sidebar,.ak-sidebar-resizer{display:none}.ak-mobile-menu.ak-icon-button{display:inline-flex}.ak-topbar{padding-inline:8px}.ak-topbar-actions{gap:2px}.ak-dialog:not(.ak-notification-dialog){padding:18px}}body{margin:0;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}.hub-alert{margin-bottom:20px}.app-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(285px,1fr));gap:22px;padding:12px 0}.app-card{min-width:0;padding:24px;overflow-wrap:anywhere}.app-card .ak-button{max-width:100%;overflow-wrap:anywhere}.app-card h2{margin:22px 0 8px;font-size:20px}.app-card p{color:var(--ak-text-secondary);min-height:44px;font-size:14px;line-height:1.6}.app-card__top{display:flex;align-items:center;justify-content:space-between}.app-avatar{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#6366f11f;color:#6366f1;font-size:24px;font-weight:700}.app-meta{display:flex;justify-content:space-between;font-size:12px;color:var(--ak-text-secondary)}.app-check{font-size:11px;color:var(--ak-text-secondary);margin:14px 0 24px}.add-service{max-width:780px;padding:28px}.add-service p{color:var(--ak-text-secondary);line-height:1.65}.add-service label[for]{display:block;margin:22px 0 10px;font-size:13px}.discovery{border-top:1px solid var(--ak-border);margin-top:28px;padding-top:28px}.discovery-action{margin-top:28px}.frame-toolbar{display:flex;align-items:center;gap:18px;margin-bottom:20px}.app-frame iframe{width:100%;border:1px solid var(--ak-border);border-radius:12px;background:var(--ak-surface)}.app-frame{position:relative}@media(max-width:767px){.app-grid{grid-template-columns:minmax(0,1fr)}}.hub-page-content{padding:24px}.hub-section-content{height:100%}.hub-section-content .ak-page{max-width:none;padding:0;height:100%;display:flex;flex-direction:column;min-height:0;overflow:auto}.hub-section-content .app-frame{flex:1;min-height:0;display:flex;flex-direction:column}.hub-section-content .app-frame>div{flex-shrink:0}.hub-section-content .hub-alert{flex-shrink:0;max-height:20%;overflow:auto;margin:4px 8px;padding:8px 12px;overflow-wrap:anywhere}.hub-section-content .app-frame iframe{border:0;border-radius:0;flex:1;min-height:0;height:100%}@media(max-width:767px){.hub-page-content{padding:18px}}.hub-loading{display:grid;place-items:center;padding:16px}.hub-loading-fill{flex:1;min-height:0}.hub-spinner{width:36px;height:36px;border:3px solid var(--ak-border, #d4d4d8);border-top-color:#2563eb;border-radius:50%;animation:hub-spin .8s linear infinite}@keyframes hub-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.hub-spinner{animation:none}}.hub-status-frame{display:block;width:100%;border:0;flex:1;min-height:0}.hub-status-frame[hidden]{display:none}.hub-live-content{display:contents}.hub-live-content[hidden]{display:none}
