#app{--owner-text:#eef7ff;--owner-muted:#9db0c5;color:var(--owner-text);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
@media(min-width:1101px){#app .shell{grid-template-columns:248px minmax(0,1fr)}}
#app .hero{min-height:138px;padding:16px 24px 15px;background:radial-gradient(circle at 82% 20%,#0d6e9b35 0,transparent 25%),radial-gradient(circle at 42% -20%,#8f36ff35 0,transparent 36%),linear-gradient(125deg,#071327,#07152d 48%,#071630 72%,#05101f)}
#app .hero:before{height:130px;bottom:-72px;opacity:.45}
#app .hero h1{margin:7px 0 3px;font-size:clamp(29px,3.2vw,40px);line-height:1.02;letter-spacing:-.04em}
#app .hero h2{font-size:clamp(16px,1.75vw,21px);line-height:1.25}
#app .hero p{max-width:900px;margin:7px 0 0;color:#aac0d7;font-size:13px;line-height:1.55}
#app .controls .badge,#app .controls button{min-height:35px;display:inline-flex;align-items:center;justify-content:center}
#app .content{width:100%;max-width:1640px;margin:0 auto;padding:20px 22px 38px}
#app .owner-dashboard-v1{margin-bottom:18px;padding:20px;border-radius:22px;border-color:#24577f;background:radial-gradient(circle at 90% 0,#7626ff26,transparent 34%),radial-gradient(circle at 3% 8%,#00d9ff18,transparent 28%),linear-gradient(145deg,rgba(7,20,38,.96),rgba(5,16,31,.96));box-shadow:0 20px 70px #0008,inset 0 1px 0 #ffffff0d}
#app .owner-dashboard-head h2{font-size:clamp(27px,3vw,38px);line-height:1.04}
#app .owner-dashboard-head p{max-width:860px;font-size:13px;line-height:1.6;color:#a2b6cb}
#app .owner-dashboard-kpis{gap:12px}
#app .owner-dashboard-kpi{min-height:122px;padding:16px;border-radius:17px}
#app .owner-dashboard-kpi .label{font-size:11px}
#app .owner-dashboard-kpi strong{font-size:38px}
#app .owner-dashboard-kpi small{font-size:11px;line-height:1.5}
#app .owner-dashboard-panel{padding:16px}
#app .owner-dashboard-panel-head h3{font-size:16px}
#app .owner-dashboard-provider{padding:11px 12px;min-height:44px}
#app .owner-dashboard-provider b{font-size:12px}#app .owner-dashboard-provider span{font-size:10px}
#app .owner-dashboard-attention>div{padding:12px}#app .owner-dashboard-attention span{font-size:10px}#app .owner-dashboard-attention strong{font-size:22px}
#app .grid{gap:16px;align-items:start}
#app .grid>*{order:80}
#app .grid>.metric-card{order:10}
#app .grid>#ownerActionCenter{order:20}
#app .grid>#business{order:30}
#app .grid>#resources{order:40}
#app .grid>#ownerBillingEntitlement{order:50}
#app .grid>#subscriptions{order:55}
#app .grid>#ownerAuditActivity{order:60}
#app .grid>#activity{order:70}
#app .grid>#recovery{order:90}
#app .card{border-color:#1d4b72;border-radius:18px;padding:18px;background:linear-gradient(180deg,rgba(10,27,50,.91),rgba(6,18,36,.94));box-shadow:0 14px 40px #0006,inset 0 1px 0 #ffffff08;backdrop-filter:blur(16px)}
#app .metric-card{min-height:128px}
#app .metric{font-size:36px;line-height:1;letter-spacing:-.045em}
#app .label{font-size:11px;line-height:1.35}
#app .section-title{align-items:flex-start;margin-bottom:8px}
#app .section-title h3{font-size:clamp(18px,1.6vw,22px);line-height:1.2}
#app .muted,#app .small,#app .provider .small,#app .business .small,#app .ent .small{font-size:12px;line-height:1.62;color:#9db0c5}
#app .item{padding:12px 13px;border-radius:12px}
#app .provider-grid,#app .business-grid,#app .ent-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:11px}
#app .provider,#app .business,#app .ent{padding:14px;border-radius:14px}
#app .provider h4,#app .business h4,#app .ent h4{font-size:14px}#app .provider .big,#app .business .big{font-size:22px}
#app button,#app input{font-size:12px}#app button{min-height:36px}#app input{min-height:40px}
#app .owner-action-kpi,#app .owner-audit-kpi,#app .owner-billing-kpi{padding:14px}
#app .owner-action-kpi span,#app .owner-audit-kpi span,#app .owner-billing-kpi span{font-size:11px}
#app .owner-action-kpi strong,#app .owner-audit-kpi strong,#app .owner-billing-kpi strong{font-size:32px}
#app .owner-action-row,#app .owner-audit-row{padding:14px}
#app .owner-action-row-title,#app .owner-audit-title{font-size:15px}
#app .owner-action-row-meta,#app .owner-audit-meta{font-size:12px;line-height:1.65}
#app .owner-billing-row{padding:13px 14px;font-size:13px;line-height:1.45}
#app .subscription-card{padding:15px}
#app a:focus-visible,#app button:focus-visible,#app input:focus-visible{outline:2px solid #16e8ff;outline-offset:2px}
@media(min-width:651px) and (max-width:1100px){#app .content{padding:18px 16px 34px}#app .owner-dashboard-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}#app .owner-dashboard-lower{grid-template-columns:1fr}#app .owner-billing-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){#app .hero{padding:15px 14px 14px}#app .hero h1{font-size:28px}#app .hero p{font-size:12px}#app .content{padding:12px 10px 82px}#app .owner-dashboard-v1{padding:14px;border-radius:18px}#app .owner-dashboard-head h2{font-size:27px}#app .owner-dashboard-kpis{grid-template-columns:1fr 1fr;gap:8px}#app .owner-dashboard-kpi{min-height:112px;padding:13px}#app .owner-dashboard-kpi strong{font-size:31px}#app .owner-dashboard-lower{grid-template-columns:1fr}#app .card{padding:14px;border-radius:16px}#app .section-title{flex-direction:column;gap:7px}#app .metric{font-size:32px}#app .provider-grid,#app .business-grid,#app .ent-grid{grid-template-columns:1fr}#app .owner-action-kpis,#app .owner-audit-kpis,#app .owner-billing-kpis{grid-template-columns:1fr 1fr}}
@media(max-width:420px){#app .owner-dashboard-kpis,#app .owner-dashboard-attention,#app .owner-action-kpis,#app .owner-audit-kpis,#app .owner-billing-kpis{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){#app *,#app *:before,#app *:after{transition:none!important;animation:none!important}}

/* Cyber AI Operations · Gen Z 2026 presentation layer.
   Existing routes, runtime data, API bindings and actions are intentionally untouched. */
#app{--cyber-lime:#a8ff19;--cyber-cyan:#19e7ff;--cyber-pink:#ff3fbf;--cyber-purple:#9255ff;--cyber-blue:#4f8cff;--cyber-orange:#ff8a2a;--cyber-ink:#020711;--cyber-panel:#071427e8;background:#020711;color:#f5f9ff}
#app .main{position:relative;isolation:isolate;background:radial-gradient(circle at 83% 4%,#7b2cff24 0,transparent 24%),radial-gradient(circle at 45% 18%,#00e7ff12 0,transparent 28%),radial-gradient(circle at 2% 78%,#a8ff190e 0,transparent 24%),linear-gradient(145deg,#020711 0%,#04101e 47%,#020711 100%)}
#app .main:before{content:"";position:fixed;z-index:-1;inset:0;pointer-events:none;opacity:.28;background-image:linear-gradient(#19e7ff0c 1px,transparent 1px),linear-gradient(90deg,#19e7ff0c 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,#000 0%,transparent 76%)}
#app .main:after{content:"";position:fixed;z-index:-1;right:-10vw;top:-16vh;width:52vw;height:52vw;max-width:900px;max-height:900px;border-radius:50%;pointer-events:none;background:conic-gradient(from 210deg,#a8ff191c,#19e7ff28,#9255ff2c,#ff3fbf24,#a8ff191c);filter:blur(70px);opacity:.65}
#app .sidebar{background:radial-gradient(circle at 48% 0,#19e7ff12,transparent 24%),linear-gradient(180deg,#030b17fc,#020711fc 64%,#050816fc)!important;border-right:1px solid #1b5c7a!important;box-shadow:20px 0 70px #000b,inset -1px 0 0 #19e7ff12!important}
#app .logoBox{position:relative;padding-bottom:14px}
#app .logoBox:after{content:"";position:absolute;left:8px;right:8px;bottom:0;height:1px;background:linear-gradient(90deg,transparent,#a8ff19,#19e7ff,#9255ff,transparent);box-shadow:0 0 12px #19e7ff80}
#app .sidebar .nav .owner-nav-link{border-radius:14px!important}
#app .sidebar .nav .owner-nav-link:hover,#app .sidebar .nav .owner-nav-link:focus-visible{border-color:#19e7ff80!important;background:linear-gradient(90deg,#092239e8,#121938d9)!important;box-shadow:0 0 22px #19e7ff28,inset 0 0 18px #9255ff12!important}
#app .sidebar .nav .owner-nav-link.active{color:#03120d!important;border-color:#c9ff5c!important;background:linear-gradient(105deg,#b9ff2f 0%,#58ff72 54%,#18efca 100%)!important;box-shadow:0 0 26px #a8ff1966,0 0 46px #19e7ff22,inset 0 1px 0 #ffffff99!important;text-shadow:none!important}
#app .sidebar .nav .owner-nav-link.active:after{background:#fff!important;box-shadow:0 0 14px #fff,0 0 28px #a8ff19!important}
#app .sidebar .nav .owner-nav-link.active .owner-nav-icon{color:#03150f!important;border-color:#ffffff7d!important;background:#ffffff45!important;box-shadow:inset 0 0 12px #ffffff66!important;text-shadow:none!important}
#app .sidebar .nav .owner-nav-link.active .owner-nav-copy b,#app .sidebar .nav .owner-nav-link.active .owner-nav-copy small,#app .sidebar .nav .owner-nav-link.active .owner-nav-arrow{color:#03150f!important;text-shadow:none!important}
#app .hero{position:relative;overflow:hidden;border-bottom:1px solid #1b5576!important;background:radial-gradient(circle at 86% 20%,#19e7ff28 0,transparent 22%),radial-gradient(circle at 73% -36%,#ff3fbf36 0,transparent 32%),radial-gradient(circle at 32% -80%,#a8ff1925 0,transparent 38%),linear-gradient(112deg,#040b17 0%,#071427 48%,#07102a 72%,#050914 100%)!important;box-shadow:0 20px 60px #0008,inset 0 -1px 0 #9255ff22}
#app .hero:after{content:"";position:absolute;right:-4%;top:-76%;width:43%;aspect-ratio:1;border:1px solid #19e7ff2e;border-radius:46% 54% 58% 42%;background:conic-gradient(from 230deg,#a8ff1900,#19e7ff22,#9255ff45,#ff3fbf3a,#a8ff1926,#a8ff1900);filter:drop-shadow(0 0 22px #19e7ff35);transform:rotate(16deg);pointer-events:none}
#app .main .hero .eyebrow{position:relative;z-index:1;color:#7df8ff!important;font-weight:900;letter-spacing:.18em;text-transform:uppercase;text-shadow:0 0 14px #19e7ff66}
#app .main .hero h1{position:relative;z-index:1;font-size:clamp(34px,4.15vw,64px)!important;line-height:.92!important;letter-spacing:-.055em!important;text-transform:uppercase;font-weight:1000!important;background:linear-gradient(92deg,#d8ff5a 0%,#a8ff19 22%,#22f0dc 49%,#19cfff 67%,#c058ff 84%,#ff3fbf 100%);-webkit-background-clip:text;background-clip:text;color:transparent!important;filter:drop-shadow(0 4px 18px #19e7ff22)}
#app .main .hero h2{position:relative;z-index:1;color:#f7f9ff!important;font-weight:950!important;letter-spacing:-.02em;text-shadow:0 0 20px #9255ff3b}
#app .main .hero p{position:relative;z-index:1;color:#b8c9dc!important;max-width:880px}
#app .controls{position:relative;z-index:2}
#app .controls .badge{border-color:#19e7ff55!important;background:#081c31d9!important;color:#aeeeff!important;box-shadow:inset 0 0 14px #19e7ff0c}
#app .controls button,#app button{border-color:#285b7d;background:linear-gradient(180deg,#0b2741,#081a30);color:#e9f7ff;box-shadow:inset 0 1px 0 #ffffff0a}
#app .controls button:hover,#app button:hover{border-color:#19e7ff99;box-shadow:0 0 18px #19e7ff24,inset 0 1px 0 #ffffff12}
#app .content{max-width:1800px!important}
#app .owner-dashboard-v1{position:relative;overflow:hidden;border:1px solid #25698b!important;background:radial-gradient(circle at 92% -10%,#ff3fbf1e,transparent 27%),radial-gradient(circle at 62% 0,#9255ff1d,transparent 31%),radial-gradient(circle at 0 10%,#a8ff1910,transparent 25%),linear-gradient(145deg,#071426f2,#050c1cf5)!important;box-shadow:0 24px 80px #0009,0 0 0 1px #19e7ff09 inset,inset 0 1px 0 #ffffff10!important}
#app .owner-dashboard-v1:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,#a8ff19 0 22%,#19e7ff 22% 48%,#9255ff 48% 74%,#ff3fbf 74% 100%);box-shadow:0 0 18px #19e7ff88;pointer-events:none}
#app .owner-dashboard-kicker{color:#7df8ff!important;text-shadow:0 0 12px #19e7ff66}
#app .owner-dashboard-head h2{font-size:clamp(34px,4vw,58px)!important;line-height:.98!important;font-weight:1000!important;letter-spacing:-.055em!important;color:#fff!important;text-shadow:0 4px 24px #9255ff35}
#app .owner-dashboard-head p{color:#aebfd2!important}
#app .owner-dashboard-chip{border-color:#295777!important;background:#071a2ecc!important;color:#b9d2e9!important}
#app .owner-dashboard-chip.live{color:#07160e!important;border-color:#baff4e!important;background:linear-gradient(90deg,#b6ff36,#4af291)!important;box-shadow:0 0 22px #a8ff1952!important;text-shadow:none!important}
#app .owner-dashboard-kpi{position:relative;overflow:hidden;border-width:1px!important;background:linear-gradient(155deg,#0b1c31f2,#06101ff2)!important;box-shadow:0 16px 34px #0006,inset 0 1px 0 #ffffff0d;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
#app .owner-dashboard-kpi:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;box-shadow:0 0 15px currentColor}
#app .owner-dashboard-kpi:nth-child(1){color:#eaffc8!important;border-color:#6dbd31!important;background:radial-gradient(circle at 110% -10%,#a8ff1932,transparent 42%),linear-gradient(155deg,#102216f2,#07131df2)!important}
#app .owner-dashboard-kpi:nth-child(1):before{background:#a8ff19}
#app .owner-dashboard-kpi:nth-child(2){color:#d8fbff!important;border-color:#1aa5bf!important;background:radial-gradient(circle at 110% -10%,#19e7ff32,transparent 42%),linear-gradient(155deg,#09202cf2,#07131ff2)!important}
#app .owner-dashboard-kpi:nth-child(2):before{background:#19e7ff}
#app .owner-dashboard-kpi:nth-child(3){color:#ffe0f6!important;border-color:#bd348f!important;background:radial-gradient(circle at 110% -10%,#ff3fbf32,transparent 42%),linear-gradient(155deg,#251028f2,#0b1121f2)!important}
#app .owner-dashboard-kpi:nth-child(3):before{background:#ff3fbf}
#app .owner-dashboard-kpi:nth-child(4){color:#ebddff!important;border-color:#694ec5!important;background:radial-gradient(circle at 110% -10%,#9255ff36,transparent 42%),linear-gradient(155deg,#18122df2,#081121f2)!important}
#app .owner-dashboard-kpi:nth-child(4):before{background:#9255ff}
#app .owner-dashboard-kpi .label{font-weight:900!important;letter-spacing:.02em;text-transform:uppercase}
#app .owner-dashboard-kpi strong{font-weight:1000!important;letter-spacing:-.055em;color:#fff!important;text-shadow:0 0 22px currentColor}
#app .owner-dashboard-kpi small{color:#9fb1c5!important}
#app .owner-dashboard-panel,#app .card{border-color:#234d70!important;background:linear-gradient(180deg,#0a1b31df,#061122ed)!important;box-shadow:0 16px 42px #0007,inset 0 1px 0 #ffffff0b!important;backdrop-filter:blur(18px)}
#app .owner-dashboard-panel{position:relative;overflow:hidden}
#app .owner-dashboard-panel:before,#app .card:before{content:"";position:absolute;left:0;top:0;width:92px;height:2px;background:linear-gradient(90deg,#19e7ff,#9255ff00);box-shadow:0 0 12px #19e7ff66;pointer-events:none}
#app .section-title h3,#app .owner-dashboard-panel-head h3{color:#f5f9ff!important;font-weight:950!important;letter-spacing:-.02em}
#app .section-title .badge,#app .badge{border-color:#385574!important;background:#08182a!important;color:#bcd1e8!important}
#app .owner-dashboard-provider,#app .owner-dashboard-attention>div,#app .item,#app .provider,#app .business,#app .ent,#app .subscription-card,#app .owner-action-row,#app .owner-audit-row,#app .owner-billing-row{border-color:#224765!important;background:linear-gradient(145deg,#091a2edf,#071425e8)!important;box-shadow:inset 0 1px 0 #ffffff08}
#app .owner-dashboard-provider:hover,#app .item:hover,#app .provider:hover,#app .business:hover,#app .ent:hover{border-color:#19e7ff66!important;box-shadow:0 0 20px #19e7ff12,inset 0 1px 0 #ffffff0d!important}
#app .owner-dashboard-attention>div:nth-child(1){border-left:3px solid #ffcc3f!important}#app .owner-dashboard-attention>div:nth-child(2){border-left:3px solid #ff3f70!important}#app .owner-dashboard-attention>div:nth-child(3){border-left:3px solid #ff3fbf!important}#app .owner-dashboard-attention>div:nth-child(4){border-left:3px solid #9255ff!important}
#app .owner-dashboard-action.primary,#app button.primary{color:#04150f!important;border-color:#baff4e!important;background:linear-gradient(105deg,#b9ff2f,#31f1ae)!important;box-shadow:0 0 22px #a8ff1938!important;text-shadow:none!important}
#app .metric{font-weight:1000!important;color:#f9fcff;letter-spacing:-.055em!important;text-shadow:0 0 18px #19e7ff1f}
#app .good,#app .ok,#app [class*="status-ok"],#app [class*="status-normal"]{color:#8dffd0!important}
#app .warn,#app [class*="status-warn"],#app [class*="status-notice"]{color:#ffe26a!important}
#app .bad,#app [class*="status-bad"],#app [class*="status-critical"]{color:#ff7898!important}
#app .owner-action-kpi,#app .owner-audit-kpi,#app .owner-billing-kpi,#app .owner-domain-kpi{position:relative;overflow:hidden;border-color:#254a6d!important;background:radial-gradient(circle at 100% 0,#9255ff18,transparent 50%),#071629!important}
#app .owner-action-kpi:after,#app .owner-audit-kpi:after,#app .owner-billing-kpi:after,#app .owner-domain-kpi:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,#a8ff19,#19e7ff,#9255ff,#ff3fbf);opacity:.75}
#app .owner-mobile-page-nav{border-color:#286381!important;background:#03101bf2!important;box-shadow:0 14px 44px #000d,0 0 24px #19e7ff12!important}
#app .owner-mobile-page-nav a.active{color:#07140e!important;border-color:#baff4e!important;background:linear-gradient(105deg,#b9ff2f,#31efb2)!important;box-shadow:0 0 18px #a8ff1948!important}
@media(hover:hover){#app .owner-dashboard-kpi:hover{transform:translateY(-3px);box-shadow:0 20px 44px #0008,0 0 24px #19e7ff18,inset 0 1px 0 #ffffff14!important}#app .card:hover{border-color:#2c668d!important}}
@media(min-width:1101px){#app .hero{padding:23px 30px 22px!important;min-height:168px!important}#app .content{padding-top:20px!important}}
@media(max-width:1100px){#app .main .hero h1{font-size:clamp(34px,5.2vw,52px)!important}#app .owner-dashboard-head h2{font-size:clamp(32px,4.7vw,46px)!important}}
@media(max-width:650px){#app .main:after{opacity:.35}#app .main .hero h1{font-size:34px!important;line-height:.98!important}#app .main .hero h2{font-size:17px!important}#app .main .hero p{font-size:12px!important}#app .owner-dashboard-head h2{font-size:32px!important;line-height:1.02!important}#app .owner-dashboard-kpi{min-height:120px}#app .owner-dashboard-kpi strong{font-size:36px!important}#app .owner-dashboard-v1:before{height:2px}}
@media(max-width:420px){#app .main .hero h1{font-size:31px!important}#app .owner-dashboard-head h2{font-size:29px!important}}

/* Owner Access · iPad portrait visual unification.
   Presentation-only: the live functional card covers the login-shaped artwork beneath it. */
@media(min-width:621px) and (max-width:980px) and (orientation:portrait){
  #login.owner-access-shell .owner-access-panel{display:block!important;padding:0!important;overflow:hidden!important}
  #login.owner-access-shell .owner-access-panel .login-card.owner-access-card{position:absolute!important;left:50%!important;top:40.5dvh!important;transform:translateX(-50%)!important;width:min(76vw,720px)!important;min-height:38dvh!important;padding:34px 34px 30px!important;border:1px solid #27eaff!important;border-radius:30px!important;background:linear-gradient(180deg,rgba(4,24,42,.985),rgba(2,13,29,.992))!important;box-shadow:0 26px 90px #000d,0 0 42px #00f0ff35,inset 0 1px 0 #ffffff24!important;backdrop-filter:blur(22px)!important;z-index:4!important}
  #login.owner-access-shell .owner-access-card>h2{position:static!important;width:auto!important;height:auto!important;margin:0 0 8px!important;overflow:visible!important;clip:auto!important;white-space:normal!important;border:0!important;font-size:clamp(38px,5.4vw,58px)!important;line-height:1!important;text-align:center!important;color:#f7fbff!important}
  #login.owner-access-shell .owner-access-card>.subtitle{display:block!important;margin:0 0 24px!important;text-align:center!important;color:#c7d6e6!important;font-size:clamp(14px,1.9vw,19px)!important}
  #login.owner-access-shell .owner-access-form{gap:14px!important}
  #login.owner-access-shell .owner-access-form label{position:static!important;width:auto!important;height:auto!important;margin:0!important;overflow:visible!important;clip:auto!important;white-space:normal!important;color:#e8f3ff!important;font-size:12px!important;font-weight:900!important;letter-spacing:.16em!important;text-transform:uppercase!important}
  #login.owner-access-shell .owner-access-pin-wrap input{height:64px!important;min-height:64px!important;border:1px solid #22efcf!important;border-radius:17px!important;background:linear-gradient(100deg,rgba(11,35,58,.99),rgba(8,28,52,.99))!important;box-shadow:inset 0 0 24px #0009,0 0 22px #10ddc52d!important;font-size:18px!important}
  #login.owner-access-shell .owner-access-login{height:64px!important;min-height:64px!important;font-size:16px!important}
  #login.owner-access-shell .owner-access-forgot{min-height:34px!important;font-size:14px!important;color:#5eeeff!important;background:transparent!important;text-shadow:0 0 12px #00dfff!important}
  #login.owner-access-shell .owner-access-error{position:static!important;min-height:20px!important;margin:0!important;text-align:center!important;font-size:11px!important}
}