@import url("styles.css?v=functions-ui-20261105") layer(legacy);
@import url("mobile.css?v=dashboard-89-pause-touch") layer(legacy);

:root{
  color-scheme:dark;
  --kumo-bg:#0b1012;
  --kumo-panel:#11181b;
  --kumo-panel-2:#161f22;
  --kumo-panel-3:#1b2528;
  --kumo-line:#2b363a;
  --kumo-line-strong:#4a585c;
  --kumo-text:#f4eee4;
  --kumo-muted:#a8b0b1;
  --kumo-accent:#d2a65d;
  --kumo-accent-strong:#efc578;
  --kumo-accent-soft:#332719;
  --kumo-green:#79caa7;
  --kumo-warning:#efb95c;
  --kumo-danger:#df8b80;
  --kumo-focus:rgba(210,166,93,.28);
  --kumo-shadow:0 18px 54px rgba(0,0,0,.42);
  --bg:var(--kumo-bg);
  --panel:var(--kumo-panel);
  --ink:var(--kumo-text);
  --muted:var(--kumo-muted);
  --line:var(--kumo-line);
  --nav:var(--kumo-bg);
  --blue:var(--kumo-accent);
  --green:var(--kumo-green);
  --red:var(--kumo-danger);
  --amber:var(--kumo-warning);
  --shadow:var(--kumo-shadow);
}
.theme-toggle{display:none!important}
html:has(#app-shell:not([hidden])){scrollbar-gutter:stable;background:var(--kumo-bg)}
body:has(#app-shell:not([hidden])){min-width:0;padding:0;overflow-x:clip;color:var(--kumo-text);background:radial-gradient(circle at 86% -16%,#292116 0,transparent 31%),var(--kumo-bg);font:16px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
#app-shell.app-shell:not([hidden]){display:block;min-height:100vh;background:transparent}
#app-shell>.sidebar,#app-shell>.mobile-nav{display:none}
#app-shell .main-content{width:min(1440px,calc(100% - 64px));max-width:1440px;min-width:0;margin:0 auto;padding:0 0 38px;background:transparent}
#app-shell button,#app-shell a,#app-shell summary,#app-shell label.toggle{cursor:pointer}
#app-shell button,#app-shell input,#app-shell select,#app-shell textarea{font:inherit}
#app-shell :where(button,a,input,select,textarea,summary){transition:color .16s ease,background-color .16s ease,border-color .16s ease,box-shadow .16s ease,opacity .16s ease}
#app-shell :where(button,a,input,select,textarea,summary):focus-visible{outline:2px solid var(--kumo-accent-strong);outline-offset:3px;box-shadow:0 0 0 5px var(--kumo-focus)}
#app-shell :where(button,input,select,textarea):disabled,#app-shell .provider-chip.muted{cursor:not-allowed;opacity:.46;filter:saturate(.55)}
#app-shell :where(button,a):active:not(:disabled){filter:brightness(.86)}

#app-shell .topbar{position:sticky;top:0;z-index:60;display:flex;align-items:center;min-height:72px;margin:0;padding:0 24px;border:1px solid var(--kumo-line);border-top:0;border-radius:0 0 14px 14px;background:rgba(11,16,18,.94);backdrop-filter:blur(16px)}
#app-shell .menu-button{display:none}
#app-shell .topbar-brand{display:flex;align-items:center;gap:12px;min-width:220px;color:var(--kumo-text);text-decoration:none;font-size:19px}
#app-shell .kumo-cloud{position:relative;display:inline-block;width:34px;height:20px}
#app-shell .kumo-cloud i{position:absolute;bottom:0;border-radius:50%;background:linear-gradient(145deg,#e2b76d,#a97e3e)}
#app-shell .kumo-cloud i:nth-child(1){left:0;width:18px;height:14px}#app-shell .kumo-cloud i:nth-child(2){left:9px;width:21px;height:20px}#app-shell .kumo-cloud i:nth-child(3){right:0;width:18px;height:13px}
#app-shell .topbar-nav{display:flex;align-self:stretch;gap:24px}
#app-shell .topbar-nav-link{position:relative;display:flex;align-items:center;padding:0 6px;border:0;color:var(--kumo-muted);background:transparent;text-decoration:none}
#app-shell .topbar-nav-link.active,#app-shell .topbar-nav-link:hover{color:var(--kumo-accent-strong)}
#app-shell .topbar-nav-link.active::after{position:absolute;right:0;bottom:0;left:0;height:2px;background:var(--kumo-accent);content:""}
#app-shell .topbar-actions{display:flex;align-items:center;gap:10px;margin-left:auto}
#app-shell .topbar-billing{display:flex;align-items:center;gap:8px;min-height:46px;padding:5px 7px 5px 13px;border:1px solid var(--kumo-line);border-radius:10px;background:#111719}
#app-shell .topbar-billing button,#app-shell .profile-menu-button{min-width:44px;min-height:44px;border:1px solid var(--kumo-line);border-radius:9px;color:var(--kumo-text);background:#20292c}
#app-shell .topbar-billing button{color:#f8e1b4;background:#45351f;font-size:22px}

#app-shell .page-status{max-width:none;margin:14px 0 0}
#app-shell .dashboard-layout{display:block;width:100%;margin:0;padding:36px 0 56px}
#app-shell .dashboard-layout[data-dashboard-view="accounts"] .dashboard-main{display:none}
#app-shell .dashboard-layout[data-dashboard-view="functions"] .accounts-panel{display:none}
#app-shell .panel{border-color:var(--kumo-line);color:var(--kumo-text);background:transparent;box-shadow:none}
#app-shell .accounts-panel{position:relative;overflow:visible;padding:0;border:0}
#app-shell .accounts-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:20px}
#app-shell .accounts-heading h1{display:flex;align-items:center;gap:12px;margin:0;color:var(--kumo-text);font-size:clamp(26px,2vw,30px);line-height:1.16;letter-spacing:-.02em}
#app-shell .accounts-heading p{margin:7px 0 0;color:var(--kumo-muted);font-size:14px}
#app-shell .all-account-count{display:inline-grid;min-width:28px;height:28px;padding:0 8px;border-radius:999px;place-items:center;color:#dce1e0;background:#262e31;font-size:13px}
#app-shell .accounts-heading-actions{display:flex;gap:10px}
#app-shell :where(.primary-button,.secondary-button,.account-run-button,.account-functions-button){min-height:46px;padding:0 18px;border:1px solid var(--kumo-line);border-radius:10px;font-weight:750}
#app-shell .primary-button{border-color:#916f3b;color:#fff4dd;background:linear-gradient(145deg,#6b5130,#8a6735);box-shadow:none}
#app-shell .secondary-button{color:#d8dddd;background:#151d20}

#app-shell .account-tabs{display:flex;align-items:stretch;gap:10px;width:max-content;max-width:100%;margin:0 0 18px;padding:0;border:0;background:transparent}
#app-shell .account-tab-slot{position:relative;display:grid;grid-template-columns:minmax(118px,auto) 52px;align-items:stretch;box-sizing:border-box;width:auto;min-width:170px;height:56px;padding:0;overflow:visible;border:1px solid var(--kumo-line);border-radius:14px;background:var(--kumo-panel)}
#app-shell .account-tab-slot:has(.account-tab.active){border-color:var(--kumo-accent);background:linear-gradient(180deg,rgba(210,166,93,.14),rgba(210,166,93,.04))}
#app-shell .account-tab-slot .account-tab{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;height:100%;min-height:0;margin:0;padding:0 16px;border:0!important;border-radius:13px 0 0 13px;color:var(--kumo-muted);background:transparent!important;box-shadow:none!important}
#app-shell .account-tab.active{color:var(--kumo-accent-strong);border:0!important;background:transparent!important;box-shadow:none!important}
#app-shell .account-tab-icon{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;color:inherit;background:transparent;font-size:28px;line-height:1}
#app-shell .account-tab-count{display:inline-grid;min-width:26px;height:26px;margin:0;padding:0 8px;border-radius:999px;place-items:center;color:#dce1e0;background:#262e31;font-size:14px;line-height:26px}
#app-shell .account-tab.active .account-tab-count{color:#1a140c;background:var(--kumo-accent)}
#app-shell .profile-pause-menu{position:relative;display:flex;align-items:stretch;align-self:stretch;height:100%;border-left:0}
#app-shell .account-tab-slot::after{position:absolute;top:-1px;bottom:-1px;right:52px;width:1px;background:var(--kumo-line);content:"";pointer-events:none}
#app-shell .account-tab-slot:has(.account-tab.active)::after{background:rgba(210,166,93,.45)}
#app-shell .profile-pause-menu:has(.profile-pause-options:not([hidden])),#app-shell .account-actions-menu:has(.account-actions-popover:not([hidden])),#app-shell .account-pause-menu:has(.account-pause-options:not([hidden])){z-index:130}
#app-shell .profile-pause-toggle{display:flex;align-items:center;justify-content:center;width:52px;min-width:52px;height:100%!important;min-height:0;margin:0;padding:0;border:0!important;border-radius:0 13px 13px 0;color:var(--kumo-muted);background:transparent!important;font-size:28px;line-height:1}

#app-shell .account-cards{display:grid;gap:12px;padding:0}
html[data-theme="dark"] #app-shell .account-card,#app-shell .account-cards .account-card{position:relative;display:grid;grid-template-columns:minmax(180px,1fr) minmax(230px,1.15fr) 140px auto;align-items:center;gap:clamp(16px,2vw,28px);min-height:112px;padding:20px 22px 20px 34px;overflow:visible;border:1px solid #3d474a!important;border-radius:14px!important;background:#141c1f!important;box-shadow:none!important}
html[data-theme="dark"] #app-shell .account-card:hover,html[data-theme="dark"] #app-shell .account-card.selected,#app-shell .account-cards .account-card:hover,#app-shell .account-cards .account-card.selected{border-color:var(--kumo-accent)!important;background:#1a2326!important}
#app-shell .account-accent{position:absolute;top:19px;bottom:19px;left:13px;width:4px;border-radius:4px;background:var(--kumo-accent)}
#app-shell .account-identity{min-width:0}#app-shell .account-identity h3{margin:0 0 6px;overflow-wrap:anywhere;color:var(--kumo-text);font-size:20px;line-height:1.25}#app-shell .account-identity p{margin:0;color:var(--kumo-muted);font-size:15px}
#app-shell .account-time{display:grid;min-width:0;gap:5px}#app-shell .account-time-button{display:grid;gap:5px;margin:0;padding:0;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}#app-shell .account-time-button:hover .account-remaining,#app-shell .account-time-button:focus-visible .account-remaining{color:var(--kumo-accent-strong)}#app-shell .account-remaining{color:var(--kumo-text);font-size:clamp(20px,1.8vw,24px);line-height:1.15;letter-spacing:-.02em;font-variant-numeric:tabular-nums}#app-shell .account-time small{color:var(--kumo-muted);font-size:13px}
#app-shell .account-status{display:flex;align-items:center;gap:8px;min-width:0;color:var(--kumo-green);font-size:14px;font-weight:700}#app-shell .account-status i{width:11px;height:11px;flex:0 0 11px;border-radius:50%;background:currentColor}#app-shell .account-status span{min-width:0;white-space:nowrap;line-height:1.2;font-variant-numeric:tabular-nums}#app-shell .account-status.is-paused{color:var(--kumo-warning)}#app-shell .account-status.is-paused i{width:10px;height:14px;border-radius:0;background:transparent;box-shadow:inset 3px 0 0 currentColor,inset -3px 0 0 currentColor}#app-shell .account-status.is-expired{color:var(--kumo-danger)}
#app-shell .account-card-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px}
#app-shell .account-run-button,#app-shell .account-functions-button{min-width:142px;color:#e4e8e7;background:#1a2326}#app-shell .account-run-button.is-resume{border-color:#836334;color:#f7ddb0;background:#5c4529}#app-shell .account-run-button.account-extend-now{border-color:#916f3b;color:#fff4dd;background:linear-gradient(145deg,#6b5130,#8a6735)}
#app-shell .account-actions-toggle{display:inline-grid;width:44px;min-width:44px;height:46px;padding:0;border:1px solid transparent;border-radius:9px;place-items:center;color:var(--kumo-muted);background:transparent;font-size:23px}
#app-shell .account-actions-menu,#app-shell .account-pause-menu{position:relative}
#app-shell :where(.account-actions-popover,.account-pause-options,.profile-pause-options,.profile-menu-popover){position:absolute;z-index:120;display:grid;grid-template-columns:minmax(0,1fr);gap:4px;box-sizing:border-box;width:min(280px,calc(100vw - 24px));min-width:220px;max-width:calc(100vw - 24px);padding:10px;overflow:hidden;border:1px solid var(--kumo-line);border-radius:12px;color:var(--kumo-text);background:#172023;box-shadow:var(--kumo-shadow)}
#app-shell :where(.account-actions-popover,.account-pause-options,.profile-pause-options,.profile-menu-popover)[hidden]{display:none!important}
#app-shell :where(.account-actions-popover,.account-pause-options){top:calc(100% + 7px);right:0;bottom:auto;left:auto}
#app-shell .profile-pause-options{position:absolute!important;top:calc(100% + 8px)!important;bottom:auto!important;left:0;right:auto}
#app-shell :where(.account-run-button,.account-functions-button,.account-actions-toggle,.profile-pause-toggle,.account-pause-options button,.profile-pause-options button){touch-action:manipulation}
#app-shell :where(.account-actions-popover,.account-pause-options,.profile-pause-options) button,#app-shell .profile-menu-action{box-sizing:border-box;width:100%;max-width:100%;min-width:0;height:auto;min-height:44px;padding:10px 12px;border:1px solid transparent;border-radius:8px;color:#e4e8e7;background:transparent;text-align:left;white-space:normal;overflow-wrap:break-word;line-height:1.3}
#app-shell .profile-menu-action.danger,#app-shell .account-delete-button{color:var(--kumo-danger)}

#app-shell .functions-view-heading{display:flex;align-items:center;gap:14px;min-height:46px;margin-bottom:14px;color:var(--kumo-muted);font-size:16px}#app-shell .functions-view-heading .text-button{min-height:44px;padding:0 10px 0 0;color:#d9dedd;font-size:16px}
#app-shell .account-overview{display:grid;grid-template-columns:minmax(260px,1fr) auto auto;align-items:center;gap:22px;border:1px solid var(--kumo-line);border-radius:14px;background:#141c1f!important;box-shadow:none}#app-shell .account-overview-identity{min-width:0}#app-shell .account-overview h2{color:var(--kumo-text);font-size:28px}#app-shell .account-overview p,#app-shell .account-mode label{color:var(--kumo-muted);font-size:15px}
#app-shell .account-mode select{min-height:46px;padding:10px 13px;border:1px solid var(--kumo-line);border-radius:10px;color:var(--kumo-text);background:#192225;color-scheme:dark}
#app-shell .functions-panel{margin-top:14px;overflow:visible;border:1px solid var(--kumo-line);border-radius:16px;background:var(--kumo-panel)}#app-shell .functions-panel>.panel-heading{padding:22px 24px;border-bottom:0}#app-shell .functions-panel .panel-heading h2{color:var(--kumo-text);font-size:23px}#app-shell .functions-panel .panel-heading p{color:var(--kumo-muted);font-size:14px}
#app-shell .function-toolbar{padding:0 22px 16px;border:0;background:transparent}#app-shell .function-toolbar label{width:min(440px,100%);color:var(--kumo-muted);font-size:14px}
#app-shell .function-search{position:relative;display:block}#app-shell .function-search .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#app-shell .function-search input{width:100%;padding-right:44px}#app-shell .function-search input::-webkit-search-cancel-button,#app-shell .function-search input::-webkit-search-decoration{-webkit-appearance:none;appearance:none;display:none}#app-shell .function-search-clear{position:absolute;top:8px;right:8px;z-index:1;display:grid;width:30px;height:30px;padding:0;border:0;border-radius:8px;place-items:center;color:#c5ccc8;background:transparent;font-size:22px;line-height:1;cursor:pointer}#app-shell .function-search-clear:hover{color:var(--kumo-text);background:#2a3438}#app-shell .function-search-clear[hidden]{display:none!important}
#app-shell :where(.function-toolbar input,.function-group select,.function-group input:not([type="checkbox"]),.twin-preferences select){min-height:46px;padding:10px 13px;border:1px solid var(--kumo-line);border-radius:10px;color:var(--kumo-text);background:#182124;color-scheme:dark}
#app-shell .functions-workspace{display:grid;grid-template-columns:230px minmax(0,1fr);gap:20px;padding:0 22px 22px}
#app-shell .function-category-nav{display:grid;align-content:start;gap:6px;width:230px;padding:8px 14px 8px 0;border-right:1px solid var(--kumo-line)}
#app-shell .function-category-nav button{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:46px;padding:10px 13px;border:1px solid transparent;border-radius:9px;color:var(--kumo-muted);background:transparent;text-align:left;font-size:14px;line-height:1.3}
#app-shell .function-category-nav button.active{border-color:#604a29;color:var(--kumo-accent-strong);background:var(--kumo-accent-soft)}#app-shell .function-category-nav b{display:grid;min-width:24px;height:24px;padding:0 6px;border-radius:999px;place-items:center;background:#262f31;font-size:12px}
#app-shell .function-groups{min-width:0;display:block;padding:0;background:transparent}#app-shell .function-group[hidden]{display:none}#app-shell .function-group{overflow:visible;border:0;border-radius:0;background:transparent}
#app-shell .function-group-header{padding:8px 4px 12px;border:0;background:transparent}#app-shell .function-group-header h3{color:var(--kumo-text);font-size:17px}#app-shell .function-group-header p{color:var(--kumo-muted);font-size:13px;line-height:1.45}

#app-shell :where(input[type="checkbox"],input[type="radio"]){accent-color:var(--kumo-accent)}
#app-shell .twin-toggle{color:var(--kumo-text)}
#app-shell .twin-toggle i{background:#3a4548}
#app-shell .twin-toggle input:checked+i{background:var(--kumo-green)}
#app-shell .twin-toggle input:focus+i{outline:2px solid var(--kumo-accent-strong);outline-offset:2px}
#app-shell .soul-realm-card,#app-shell .soul-realm-title,#app-shell .soul-realm-option{color:var(--kumo-text);background:transparent!important;border-color:var(--kumo-line)!important;box-shadow:none}
#app-shell .soul-realm-title{padding:13px 4px 8px;border-bottom:1px solid var(--kumo-line);font-size:17px;font-weight:750}
#app-shell .soul-realm-option{min-height:66px;padding:13px 4px}
html[data-theme="dark"] #app-shell .soul-realm-title,html[data-theme="dark"] #app-shell .soul-realm-card,html[data-theme="dark"] #app-shell .function-card-configured{background:transparent!important;color:var(--kumo-text)!important;border-color:var(--kumo-line)!important}
#app-shell .function-row,#app-shell .function-card{min-height:66px;padding:13px 4px;overflow:visible;border:0;border-top:1px solid var(--kumo-line);border-radius:0;color:var(--kumo-text);background:transparent;box-shadow:none}
#app-shell .function-copy strong{color:var(--kumo-text);font-size:17px}#app-shell .function-copy small,#app-shell .twin-preferences small{color:var(--kumo-muted);font-size:14px;line-height:1.45}
#app-shell .function-title-row{display:inline-flex;align-items:center;gap:8px}
#app-shell .function-info,#app-shell .cards-info-button{display:inline-grid;width:20px;height:20px;margin:0;padding:0;border:1px solid var(--kumo-accent);border-radius:50%;place-items:center;color:var(--kumo-accent-strong);background:var(--kumo-accent-soft);font:800 12px/1 Inter,ui-sans-serif,sans-serif;vertical-align:middle}
#app-shell .cards-info{display:inline-flex;align-items:center;position:relative}
#app-shell :where(.twin-preferences,.suburb-hunt-preferences,.shop-preferences){margin:8px 0 14px;padding:14px;border:1px solid var(--kumo-line);border-radius:10px;background:#151e21;color:var(--kumo-muted)}#app-shell :where(.twin-field,.suburb-area-label,.shop-row){color:var(--kumo-text);font-size:14px}
#app-shell .toggle i{width:46px;height:26px;cursor:pointer;background:#3a4548}#app-shell .toggle i::after,#app-shell .toggle i:after{width:20px;height:20px}#app-shell .toggle input:checked+i{background:var(--kumo-green)}#app-shell .toggle input:checked+i::after,#app-shell .toggle input:checked+i:after{transform:translateX(20px)}
#app-shell .function-save-bar{margin:0 18px 18px;padding:14px 16px;border:1px solid var(--kumo-line);border-radius:12px;color:var(--kumo-text);background:var(--kumo-panel);box-shadow:none}
#app-shell .shop-tabs{gap:8px;padding:8px 0}#app-shell .shop-tabs button{border:1px solid var(--kumo-line);color:var(--kumo-muted);background:var(--kumo-panel-2)}#app-shell .shop-tabs button.active{border-color:var(--kumo-accent);color:var(--kumo-accent-strong);background:var(--kumo-accent-soft)}
#app-shell :where(.shop-location-card,.shop-preferences,.shop-editor,.shop-body,.shop-product-grid,.shop-product,.shop-cart){border-color:var(--kumo-line)!important;background:#151e21!important;color:var(--kumo-text)!important}
html[data-theme="dark"] #app-shell :where(.shop-location-card,.shop-preferences,.shop-editor,.shop-body,.shop-product-grid,.shop-product,.shop-cart,.function-group:has(.shop-location-card),.function-group:has(.shop-location-card)>summary){border-color:var(--kumo-line)!important;background:#151e21!important;color:var(--kumo-text)!important}
#app-shell .shop-product button,#app-shell .shop-cart button{border-color:var(--kumo-line)!important;color:var(--kumo-text)!important;background:var(--kumo-panel-3)!important}
#app-shell .shop-product button:hover,#app-shell .shop-cart button:hover{border-color:var(--kumo-accent)!important;color:var(--kumo-accent-strong)!important;background:var(--kumo-accent-soft)!important}
#app-shell .shop-editor>small{color:var(--kumo-muted)!important}
html[data-theme="dark"] #app-shell .function-row:hover,html[data-theme="dark"] #app-shell .function-card:hover,html[data-theme="dark"] #app-shell .function-card-configured:hover,#app-shell .function-row:hover,#app-shell .function-card:hover,#app-shell .function-card-configured:hover{background:#2a3438!important;border-color:#4a585c!important;box-shadow:none!important}
html[data-theme="dark"] #app-shell .function-row:hover .function-copy strong,html[data-theme="dark"] #app-shell .function-row:hover .function-copy small{color:var(--kumo-text)!important}
#app-shell .account-inline-tasks{min-width:390px;padding:12px 14px;border:1px solid var(--kumo-line);border-radius:11px;background:#101719}#app-shell .account-inline-tasks>strong{display:block;margin-bottom:9px;color:var(--kumo-text);font-size:15px}
#app-shell .campaign-convoy-task{display:grid;grid-template-columns:92px 92px auto;align-items:end;gap:8px;color:var(--kumo-text)}#app-shell .campaign-convoy-task label{display:grid;gap:5px;color:var(--kumo-muted);font-size:12px}#app-shell .campaign-convoy-task select,#app-shell .campaign-convoy-task input{width:100%;min-width:0;min-height:40px;padding:7px 9px;border:1px solid var(--kumo-line);border-radius:8px;color:var(--kumo-text);background:#192225;color-scheme:dark}#app-shell .campaign-convoy-task button{min-height:40px;padding:7px 14px;border:1px solid #8b6a35;border-radius:8px;background:linear-gradient(145deg,#6b5130,#8a6735);color:#fff4dd;font-weight:800;cursor:pointer}#app-shell .campaign-convoy-task button:hover{border-color:#b98b45;filter:brightness(1.08)}#app-shell .campaign-convoy-task button:disabled{opacity:.55;cursor:wait}#app-shell .campaign-convoy-task small{grid-column:1/-1;color:var(--kumo-muted);font-size:11px;line-height:1.35}

#app-shell dialog:not(.founder-accounts-dialog){width:min(620px,calc(100% - 32px));max-height:calc(100dvh - 32px);padding:0;border:1px solid var(--kumo-line);border-radius:18px;color:var(--kumo-text);background:#121a1d;box-shadow:0 28px 90px #000b;color-scheme:dark}
#app-shell #account-dialog{width:min(700px,calc(100% - 32px))}
#app-shell dialog::backdrop{background:rgba(2,6,8,.78);backdrop-filter:blur(5px)}
#app-shell dialog form,#app-shell .founder-accounts-panel,#app-shell .event-calendar-shell{padding:28px;gap:18px;color:var(--kumo-text);background:transparent}
#app-shell dialog h2,#app-shell dialog h3,#app-shell dialog strong{color:var(--kumo-text)}
#app-shell dialog p,#app-shell dialog small,#app-shell dialog label,#app-shell dialog .billing-hint{color:var(--kumo-muted);font-size:14px;line-height:1.5}
#app-shell dialog :where(input,select,textarea){min-height:46px;padding:10px 13px;border:1px solid #344044;border-radius:10px;color:var(--kumo-text);background:#192225;color-scheme:dark}
#app-shell .dialog-heading{align-items:center}
#app-shell .dialog-heading h2{font-size:24px}
#app-shell .close-button,dialog .close-button{position:relative;display:inline-flex;align-items:center;justify-content:center;width:48px;min-width:48px;height:48px;min-height:48px;padding:0;border:1px solid var(--kumo-line);border-radius:12px;color:transparent;background:var(--kumo-panel-2);font-size:0;line-height:0}
#app-shell .close-button::before,#app-shell .close-button::after,dialog .close-button::before,dialog .close-button::after{position:absolute;width:18px;height:2px;background:var(--kumo-text);content:""}
#app-shell .close-button::before,dialog .close-button::before{transform:rotate(45deg)}
#app-shell .close-button::after,dialog .close-button::after{transform:rotate(-45deg)}
#app-shell .wizard-steps li{color:var(--kumo-muted);background:var(--kumo-panel-2)}
#app-shell .wizard-steps li.active{color:#1a140c;background:var(--kumo-accent)}
#app-shell .wizard-steps li.done{color:var(--kumo-green);background:#1d332c}
#app-shell .provider-chip{border:1px solid var(--kumo-line);color:var(--kumo-muted);background:var(--kumo-panel-3)}
#app-shell .provider-chip.active{border:2px solid var(--kumo-accent-strong);color:#1a140c;background:var(--kumo-accent);box-shadow:0 0 0 4px var(--kumo-focus),0 10px 24px rgba(210,166,93,.28);min-height:50px;padding:12px 22px;font-weight:800}
#app-shell .vk-button{color:#fff4dd;background:linear-gradient(145deg,#6b5130,#8a6735)}
#app-shell .connect-status{background:var(--kumo-panel-2);color:var(--kumo-muted)}
#app-shell .connect-status.ok{color:var(--kumo-green);background:#1d332c}
#app-shell .connect-status.error{color:var(--kumo-danger);background:#3a2422}
#app-shell .billing-topup-picker button,#app-shell .billing-week-picker button{border:1px solid var(--kumo-line);color:var(--kumo-text);background:var(--kumo-panel-3)}
#app-shell .site-footer{width:100%;padding:20px 2px 0;border-top:1px solid var(--kumo-line);color:var(--kumo-muted);font-size:13px;line-height:1.5}
#app-shell .site-footer nav{flex-wrap:wrap;justify-content:flex-end;row-gap:8px}
#app-shell :where(.site-footer a,.text-button,.text-link,dialog a,.consent-check a){color:#d8b575}

@media(hover:hover){#app-shell :where(.primary-button,.secondary-button,.account-run-button,.account-functions-button,.account-actions-toggle,.profile-menu-action,.profile-pause-options button,.account-pause-options button,.provider-chip:not(.active)):hover:not(:disabled){border-color:var(--kumo-accent);color:var(--kumo-text);background-color:var(--kumo-panel-3);box-shadow:0 8px 22px rgba(0,0,0,.2)}#app-shell .account-tab-slot:hover:not(:has(.account-tab.active)),#app-shell .function-category-nav button:hover:not(.active){border-color:var(--kumo-line-strong);color:var(--kumo-text)}#app-shell .function-row:hover,#app-shell .function-card:hover{background:#2a3438;border-color:#4a585c}}
@media(max-width:1100px){#app-shell .account-card{grid-template-columns:minmax(160px,.9fr) minmax(190px,1fr) 120px}#app-shell .account-card-actions{grid-column:1/-1;justify-content:flex-end;padding-top:2px}}
@media(max-width:768px){body:has(#app-shell:not([hidden])){padding:0}#app-shell .main-content{width:100%;padding:0 12px 32px}#app-shell .topbar{min-height:64px;margin:0 -12px;padding:0 14px;border-right:0;border-left:0;border-radius:0}#app-shell .topbar-brand{min-width:0;font-size:17px}#app-shell .topbar-nav{display:none}#app-shell .topbar-actions{gap:6px}#app-shell .topbar-billing{min-height:44px;padding-left:9px}#app-shell .dashboard-layout{padding:24px 0 38px}#app-shell .accounts-heading{align-items:stretch;flex-direction:column;gap:14px}#app-shell .accounts-heading h1{font-size:25px}#app-shell .accounts-heading-actions{display:grid;grid-template-columns:1fr;width:100%}#app-shell .accounts-heading-actions button{width:100%}#app-shell .account-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}#app-shell .account-tab-slot{width:auto;min-width:0}#app-shell .account-tab-slot .account-tab{min-width:0;flex:1}#app-shell .account-card{grid-template-columns:minmax(0,1fr) auto;gap:14px;min-height:0;padding:18px 16px 18px 28px}#app-shell .account-identity{grid-column:1}#app-shell .account-time{grid-column:1}#app-shell .account-status{grid-column:2;grid-row:1;justify-self:end}#app-shell .account-card-actions{grid-column:1/-1;grid-row:auto;display:grid;grid-template-columns:1fr 1fr 44px;width:100%;padding:0}#app-shell .account-run-button,#app-shell .account-functions-button{width:100%;min-width:0}#app-shell .account-accent{top:17px;bottom:17px;left:10px}#app-shell .functions-view-heading{align-items:flex-start;flex-wrap:wrap}#app-shell .account-overview{gap:12px}#app-shell .functions-panel>.panel-heading,#app-shell .function-toolbar{padding-inline:16px}#app-shell .functions-workspace{display:block;padding:0 14px 18px}#app-shell .function-category-nav{display:flex;width:100%;gap:8px;margin:0 0 14px;padding:0 0 9px;overflow-x:auto;border:0;overscroll-behavior-inline:contain;scrollbar-width:none}#app-shell .function-category-nav::-webkit-scrollbar{display:none}#app-shell .function-category-nav button{flex:0 0 auto;min-height:44px}#app-shell .function-row{min-height:68px}#app-shell dialog,#app-shell #account-dialog{width:calc(100% - 20px);max-height:calc(100dvh - 20px)}#app-shell dialog form,#app-shell .founder-accounts-panel,#app-shell .event-calendar-shell{padding:20px 16px}#app-shell .wizard-nav{display:grid;grid-template-columns:1fr 1fr}#app-shell .wizard-nav button{min-height:46px}#app-shell .close-button{width:52px;height:52px}#app-shell .site-footer{align-items:flex-start;font-size:13px}#app-shell .site-footer nav{justify-content:flex-start}}
@media(max-width:768px){#app-shell .account-overview{grid-template-columns:1fr;gap:14px}#app-shell .account-inline-tasks{min-width:0;width:100%}#app-shell .campaign-convoy-task{grid-template-columns:1fr 1fr}#app-shell .campaign-convoy-task button{grid-column:1/-1}}
@media(max-width:430px){#app-shell .main-content{padding-inline:10px}#app-shell .topbar{margin-inline:-10px;padding-inline:10px}#app-shell .topbar-brand strong{display:none}#app-shell .topbar-billing{gap:5px}#app-shell .profile-menu-button{min-width:44px}#app-shell .account-tabs{gap:7px}#app-shell .account-tab-slot .account-tab{padding-inline:10px}#app-shell .account-card{grid-template-columns:1fr}#app-shell .account-status{grid-column:1;grid-row:auto;justify-self:start}#app-shell .account-card-actions{grid-template-columns:1fr 1fr 44px;gap:7px}#app-shell .account-card-actions button{padding-inline:9px;font-size:13px}#app-shell .function-row{gap:10px}}
#app-shell .event-calendar-dialog,#app-shell .founder-accounts-dialog,#app-shell .billing-history-dialog{border:1px solid var(--kumo-line);color:var(--kumo-text);background:#121a1d}
#app-shell .event-calendar-dialog .event-calendar-toolbar button,#app-shell .event-calendar-dialog .event-calendar-toolbar input,#app-shell .event-calendar-dialog .event-calendar-toolbar select,#app-shell .event-calendar-dialog .event-calendar-draft button,#app-shell .event-calendar-dialog .calendar-day,#app-shell .event-calendar-dialog .event-calendar-ranges article{border-color:var(--kumo-line);color:var(--kumo-text);background:var(--kumo-panel-2)}
#app-shell .event-calendar-dialog .calendar-day:hover,#app-shell .event-calendar-dialog .calendar-day.selected-range{border-color:var(--kumo-accent);background:var(--kumo-accent-soft)}
#app-shell .event-calendar-dialog .event-calendar-draft{border-color:var(--kumo-line);background:var(--kumo-panel)}
#app-shell .founder-account-stats article,#app-shell .founder-account-row,#app-shell .billing-history-item{border-color:var(--kumo-line);background:var(--kumo-panel-2);color:var(--kumo-text)}
@media(max-width:768px){
  #app-shell .accounts-panel,#app-shell .account-cards,#app-shell .account-tabs,#app-shell .account-tab-slot,#app-shell .account-card,#app-shell .account-card-actions{overflow:visible}
  /* The header can be wider than the visual viewport on mobile browsers.
     Keep the profile menu in the viewport rather than anchoring it to that header. */
  #app-shell .profile-menu-popover:not([hidden]){position:fixed;top:calc(env(safe-area-inset-top) + 76px);right:10px;left:auto;width:min(320px,calc(100vw - 20px));min-width:0;max-width:calc(100vw - 20px);max-height:calc(100dvh - env(safe-area-inset-top) - 88px);overflow-y:auto;z-index:400}
  #app-shell .account-pause-menu,#app-shell .account-actions-menu{display:grid;width:100%}
  #app-shell .account-pause-menu:has(.account-pause-options:not([hidden])),#app-shell .account-actions-menu:has(.account-actions-popover:not([hidden])){grid-column:1/-1}
  #app-shell :where(.account-pause-options,.account-actions-popover):not([hidden]){position:static!important;top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;width:100%!important;min-width:0!important;max-width:none!important;margin-top:8px}
  #app-shell .profile-pause-options:not([hidden]){position:fixed!important;top:auto!important;right:10px!important;bottom:max(12px,env(safe-area-inset-bottom))!important;left:10px!important;width:auto!important;min-width:0!important;max-width:none!important;z-index:400}
}
@media(prefers-reduced-motion:reduce){#app-shell *,#app-shell *::before,#app-shell *::after{scroll-behavior:auto;transition:none}}

/* Dialogs are siblings of #app-shell, so #app-shell … rules never reach them. */
dialog{box-sizing:border-box;width:min(620px,calc(100vw - 32px));max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:0;overflow:hidden;border:1px solid var(--kumo-line);border-radius:18px;color:var(--kumo-text);background:#121a1d;box-shadow:0 28px 90px #000b;color-scheme:dark}
dialog#account-dialog{width:min(700px,calc(100vw - 32px))}
dialog.founder-accounts-dialog{width:min(920px,calc(100vw - 32px))}
dialog.event-calendar-dialog{width:min(760px,calc(100vw - 24px))}
dialog.billing-history-dialog{width:min(680px,calc(100vw - 28px))}
dialog::backdrop{background:rgba(2,6,8,.78);backdrop-filter:blur(5px)}
dialog form,.founder-accounts-panel,.event-calendar-shell{min-width:0;max-width:100%;padding:26px 24px 24px;box-sizing:border-box;color:var(--kumo-text);background:transparent}
.founder-accounts-panel,.event-calendar-shell{overflow-x:hidden;overflow-y:auto;max-height:calc(100dvh - 32px)}
dialog .dialog-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;min-width:0}
dialog .dialog-heading>div{min-width:0;flex:1 1 auto}
dialog .dialog-heading h2{margin:4px 0 0;font-size:24px;overflow-wrap:anywhere}
dialog .close-button{flex:0 0 auto;align-self:flex-start;width:40px;min-width:40px;height:40px;min-height:40px;margin:0}
dialog :where(div,form,label,article,select,textarea,h2,h3,p,strong,span,button){min-width:0}
dialog :where(input:not([type="checkbox"]):not([type="radio"]),select,textarea){width:100%;max-width:100%;min-height:46px;padding:10px 13px;border:1px solid #344044;border-radius:10px;color:var(--kumo-text);background:#192225;box-sizing:border-box;color-scheme:dark}
dialog .consent-check,dialog label.consent-check{display:flex!important;flex-direction:row;align-items:flex-start;gap:12px;width:100%;max-width:100%;text-align:left}
dialog .consent-check input,dialog .consent-check input[type="checkbox"]{width:18px;min-width:18px;max-width:18px;height:18px;min-height:18px;margin:3px 0 0;padding:0;border:0;border-radius:4px;background:transparent;flex:0 0 18px;accent-color:var(--kumo-accent)}
dialog .consent-check span{flex:1 1 auto;min-width:0;text-align:left;line-height:1.45}
.connect-wizard{display:grid;gap:16px}
.wizard-nav{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:4px}
.wizard-nav .text-button{min-width:auto}
dialog h2,dialog h3,dialog strong{color:var(--kumo-text)}
dialog p,dialog small,dialog label,dialog .billing-hint{color:var(--kumo-muted);font-size:14px;line-height:1.5}
.wizard-steps li{color:var(--kumo-muted);background:var(--kumo-panel-2)}
.wizard-steps li.active{color:#1a140c;background:var(--kumo-accent)}
.wizard-steps li.done{color:var(--kumo-green);background:#1d332c}
.provider-chip,.provider-grid .provider-chip,dialog .provider-chip{border:1px solid var(--kumo-line);color:var(--kumo-muted);background:var(--kumo-panel-3)}
.provider-chip.active,.provider-grid .provider-chip.active,dialog .provider-chip.active{border:2px solid var(--kumo-accent-strong)!important;color:#1a140c!important;background:var(--kumo-accent)!important;box-shadow:0 0 0 4px var(--kumo-focus),0 10px 24px rgba(210,166,93,.28)!important;min-height:50px;padding:12px 22px;font-weight:800}
.provider-chip.active:hover,.provider-grid .provider-chip.active:hover,dialog .provider-chip.active:hover{border-color:var(--kumo-accent-strong)!important;color:#1a140c!important;background:var(--kumo-accent-strong)!important}
.connect-status{background:var(--kumo-panel-2);color:var(--kumo-muted)}
.connect-status.ok{color:var(--kumo-green);background:#1d332c}
.connect-status.error{color:var(--kumo-danger);background:#3a2422}
.billing-topup-picker button,.billing-week-picker button{border:1px solid var(--kumo-line);color:var(--kumo-text);background:var(--kumo-panel-3)}
dialog#topup-dialog{width:min(480px,calc(100vw - 32px))}
dialog#topup-dialog .dialog-heading{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px}
dialog#topup-dialog .billing-transfer-open{min-height:40px;padding:0 14px;border:1px solid var(--kumo-line);border-radius:12px;color:var(--kumo-text);background:var(--kumo-panel-3);font-weight:700;white-space:nowrap;cursor:pointer}
dialog#topup-dialog #billing-topup-pane[hidden],dialog#topup-dialog #billing-transfer-pane[hidden]{display:none!important}
dialog#topup-dialog .billing-topup-picker{display:grid;grid-template-columns:48px minmax(110px,1fr) 48px;justify-content:center;gap:8px 12px;width:100%}
dialog#topup-dialog .billing-topup-picker>span{grid-column:1/-1;width:auto;text-align:center}
dialog#topup-dialog .billing-transfer-profile{display:grid;gap:6px;color:var(--kumo-muted);font-size:13px}
dialog#topup-dialog .billing-transfer-profile input{width:100%;box-sizing:border-box;border:1px solid var(--kumo-line);border-radius:12px;padding:11px 12px;background:var(--kumo-panel);color:var(--kumo-text);font:inherit}
.billing-renewal,.billing-topup,.event-calendar-draft{display:flex;flex-wrap:wrap;align-items:flex-end;gap:16px;min-width:0}
dialog#extend-dialog{width:min(460px,calc(100vw - 32px))}
dialog#extend-dialog form{display:grid;gap:20px;padding:28px 26px 26px}
dialog#extend-dialog .dialog-heading{align-items:flex-start;gap:16px;margin:0}
dialog#extend-dialog .eyebrow{margin:0 0 8px;letter-spacing:.08em}
dialog#extend-dialog h2{margin:0;font-size:26px;line-height:1.2}
dialog#extend-dialog .billing-dialog-pane{display:grid;gap:22px;padding:4px 0 0}
dialog#extend-dialog .billing-hint{margin:0;font-size:14px;line-height:1.55}
dialog#extend-dialog .billing-renewal,
dialog#extend-dialog .billing-renewal-single{display:grid;grid-template-columns:1fr;gap:20px;align-items:stretch;margin:0;padding:4px 0 0}
dialog#extend-dialog .billing-week-picker{display:grid;grid-template-columns:48px minmax(120px,1fr) 48px;gap:8px 14px;align-items:center}
dialog#extend-dialog .billing-week-picker>span,
dialog#extend-dialog .billing-cost span{grid-column:1/-1;margin:0;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--kumo-muted)}
dialog#extend-dialog .billing-week-picker button{width:48px;min-width:48px;height:48px;min-height:48px;padding:0;border-radius:12px;font-size:22px;line-height:1}
dialog#extend-dialog .billing-week-picker strong{min-width:0;min-height:48px;display:flex;align-items:center;justify-content:center;padding:0 8px;font-size:16px;line-height:1.2;color:var(--kumo-text);white-space:nowrap}
dialog#extend-dialog .billing-cost{display:grid;gap:8px}
dialog#extend-dialog .billing-cost strong{min-height:auto;padding:0;font-size:22px;line-height:1.2;color:var(--kumo-accent-strong);text-align:left}
dialog#extend-dialog .billing-renewal .primary-button,
dialog#extend-dialog #extend-submit-button{width:100%;min-height:48px;margin:4px 0 0;padding:0 18px;font-size:15px}
.form-row{grid-template-columns:repeat(auto-fit,minmax(0,1fr))}

.founder-account-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(156px,1fr));gap:10px;margin:16px 0;min-width:0}
.founder-account-stats article{min-width:0;overflow:hidden;border:1px solid var(--kumo-line);border-radius:14px;background:var(--kumo-panel-2);color:var(--kumo-text)}
.founder-account-stats strong{overflow-wrap:anywhere;white-space:normal;font-size:15px;line-height:1.35}
.founder-compensation-form{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px;max-width:100%;min-width:0;padding:16px;border:1px solid var(--kumo-line);border-radius:14px;background:var(--kumo-panel-2);box-sizing:border-box}
.founder-compensation-form h3{flex:1 0 100%;margin:0;color:var(--kumo-text)}
.founder-compensation-form label{flex:1 1 180px;display:grid;gap:7px;min-width:0}
.founder-compensation-form label:has(input[type="number"]){flex:0 1 140px}
.founder-compensation-form button{flex:0 0 auto;white-space:nowrap}
.founder-compensation-form input,.founder-compensation-form select{width:100%;min-width:0;max-width:100%}
.founder-account-row,.billing-history-item{min-width:0;border-color:var(--kumo-line);background:var(--kumo-panel-2);color:var(--kumo-text)}
.founder-account-row .founder-account-timing{display:block;margin-top:5px;color:var(--kumo-muted);line-height:1.45}
.founder-account-list{max-height:min(420px,50dvh)}
.founder-account-list-heading{display:grid;grid-template-columns:minmax(140px,1fr) auto minmax(120px,1fr);align-items:center;gap:12px}
#founder-profile-lookup-status{flex:1 1 240px;margin:0}
.founder-account-actions{display:flex;flex:0 0 auto;flex-direction:column;align-items:flex-end;justify-content:center;gap:8px;min-width:0}
.founder-account-grant{min-height:40px;white-space:nowrap}
.founder-compensation-all{margin-top:8px}
.founder-account-filters{display:flex;flex-wrap:wrap;gap:10px;margin:0;justify-content:center}#founder-accounts-refresh{justify-self:end}
.founder-account-filter{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 16px;border:1px solid var(--kumo-line);border-radius:12px;color:var(--kumo-muted);background:var(--kumo-panel-2);font:inherit;font-weight:700;cursor:pointer}
.founder-account-filter span{display:grid;place-items:center;min-width:24px;height:24px;padding:0 6px;border-radius:999px;color:var(--kumo-text);background:rgba(148,163,184,.14);font-size:12px}
.founder-account-filter:hover{border-color:var(--kumo-accent);color:var(--kumo-text)}
.founder-account-filter.active{border-color:var(--kumo-accent);color:var(--kumo-text);background:var(--kumo-accent-soft)}
.founder-account-filter:focus-visible{outline:2px solid var(--kumo-accent);outline-offset:2px}

.event-calendar-dialog .event-calendar-toolbar{display:grid;grid-template-columns:42px minmax(0,1fr) 42px minmax(0,1fr);gap:8px;min-width:0}
.event-calendar-dialog .event-calendar-toolbar button,.event-calendar-dialog .event-calendar-toolbar input,.event-calendar-dialog .event-calendar-toolbar select,.event-calendar-dialog .event-calendar-draft button,.event-calendar-dialog .calendar-day,.event-calendar-dialog .event-calendar-ranges article{border-color:var(--kumo-line);color:var(--kumo-text);background:var(--kumo-panel-2)}
.event-calendar-dialog .calendar-day:hover,.event-calendar-dialog .calendar-day.selected-range{border-color:var(--kumo-accent);background:var(--kumo-accent-soft)}
.event-calendar-dialog .event-calendar-draft{border:1px solid var(--kumo-line);background:var(--kumo-panel)}
.event-calendar-ranges article{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(0,1fr) auto;gap:9px;min-width:0}

@media(max-width:768px){
  dialog,dialog#account-dialog,dialog#extend-dialog,dialog.founder-accounts-dialog,dialog.event-calendar-dialog{width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}
  dialog form,.founder-accounts-panel,.event-calendar-shell{padding:18px 14px}
  dialog#extend-dialog form{padding:24px 18px 20px;gap:18px}
  .founder-compensation-form label,.founder-compensation-form label:has(input[type="number"]),.founder-compensation-form button{flex:1 1 100%}
  .founder-account-actions,.founder-account-grant,.founder-compensation-all{align-items:stretch;width:100%}
  .founder-account-list-heading{grid-template-columns:1fr}.founder-account-filter{flex:1 1 calc(50% - 5px);padding:0 10px}#founder-accounts-refresh{justify-self:stretch}
  .event-calendar-dialog .event-calendar-toolbar{grid-template-columns:38px minmax(0,1fr) 38px}
  .event-calendar-dialog .event-calendar-toolbar select{grid-column:1/-1}
  .event-calendar-ranges article{grid-template-columns:auto minmax(0,1fr) auto}
}