.customer-layout{--panel-radius:18px;--panel-shadow:0 3px 14px #102a1d04;color:var(--ui-foreground)}.customer-layout .panel-main{min-width:0}.customer-layout .panel-content{max-width:1450px;padding:32px clamp(20px,3vw,44px) 40px}.customer-layout .panel-header{padding-inline:clamp(20px,3vw,44px)}.customer-layout .panel-breadcrumb{font-size:12px}.customer-layout .sidebar{padding:26px 16px 18px}.customer-layout .sidebar-brand{padding-inline:12px;padding-block-end:30px}.customer-layout .workspace-switch{margin-block-end:26px;padding:14px 12px;border-radius:12px}.customer-layout .workspace-switch strong{font-size:12px;font-weight:600}.customer-layout .workspace-switch small{font-size:8px;letter-spacing:.7px;margin-block-start:6px}.customer-layout .workspace-avatar{width:36px;height:36px;border-radius:10px}.customer-layout .sidebar-label{font-size:10px;padding-inline:14px;margin-block-end:12px}.customer-layout .sidebar nav{gap:7px}.customer-layout .sidebar nav a{position:relative;min-height:46px;padding:11px 14px;font-size:12px;border-radius:10px;transition:background-color .16s,color .16s}.customer-layout .sidebar nav a.active:before{content:"";position:absolute;inset-inline-start:-1px;inset-block:13px;width:3px;border-radius:3px;background:var(--ui-primary)}.customer-layout .sidebar nav a.active{background:var(--ui-accent);border-color:color-mix(in srgb,var(--ui-primary) 18%,var(--ui-border))}.customer-layout .sidebar-logout{min-height:44px;border-radius:10px}.customer-layout .sidebar-logout:hover{color:var(--ui-destructive);background:color-mix(in srgb,var(--ui-destructive) 7%,var(--ui-card))}.customer-layout .early-access{padding:16px;border-radius:12px}.customer-layout .early-access p{font-size:11px}.customer-layout .early-access :is(strong,a){font-size:11px}.customer-layout .panel-page-heading{align-items:center;gap:20px;margin-block-end:28px;padding-block-end:24px;border-bottom:1px solid var(--ui-border)}.panel-page-title{display:flex;align-items:center;gap:16px;min-width:0}.panel-page-title>div{min-width:0}.panel-page-icon{display:grid;place-items:center;flex-shrink:0;width:56px;height:56px;color:var(--ui-primary);background:var(--ui-card);border:1px solid var(--ui-border);border-radius:16px;box-shadow:var(--panel-shadow)}.customer-layout .panel-page-heading .eyebrow{font-size:9px;letter-spacing:1.5px;margin-block-end:3px}.customer-layout .panel-page-heading h1{font-size:clamp(23px,2.3vw,30px);font-weight:650;line-height:1.6;letter-spacing:-.6px}.customer-layout .panel-page-heading p{max-width:700px;font-size:12px;margin-block-start:4px;text-wrap:pretty}.customer-layout .panel-page-heading>.button{flex-shrink:0;min-height:44px;border-radius:10px}.customer-layout .panel-content :is(.card:not([data-slot]),.nc-cloud,.nc-checkout-card,.account-profile-card,.support-hero,.support-tickets,.ov-card,.ov-metric,.nc-wallet-payments,.nc-wallet-billing){border-color:var(--ui-border);border-radius:var(--panel-radius);box-shadow:var(--panel-shadow)}.customer-layout .panel-content .card:not([data-slot]){background:var(--ui-card);padding:26px}.customer-layout .panel-content .card-heading h2{font-size:16px;font-weight:600}.customer-layout .panel-content .card-heading{margin-block-end:20px;gap:14px}.customer-layout .panel-content .card-heading .text-link{font-size:12px}.customer-layout .panel-content .empty{padding:40px 16px}.customer-layout .panel-content .empty h3{font-size:18px}.customer-layout .panel-content .empty p{font-size:12px;line-height:2;max-width:440px;margin-inline:auto}.customer-layout .panel-content :is(input:not([type=checkbox]):not([type=radio]):not([data-slot]),textarea:not([data-slot]),select:not([data-slot])){border-color:var(--ui-border);background-color:var(--ui-card);color:var(--ui-foreground);border-radius:10px}.customer-layout .panel-content :is(input,textarea,select)::placeholder{color:var(--ui-muted-foreground);opacity:.8}.customer-layout .panel-content :is(input,textarea,select):focus-visible{outline:2px solid var(--ui-ring);outline-offset:2px}.customer-layout :is(a,button):focus-visible{outline:2px solid var(--ui-ring);outline-offset:3px}.customer-layout .panel-content .button:not([data-slot]){border-radius:10px;min-height:40px;line-height:1.7}.customer-layout .panel-content .search-field{border-color:var(--ui-border);border-radius:11px;min-height:44px}.customer-layout .panel-content .search-field input{background:transparent;border:0;box-shadow:none}.customer-layout .panel-content .search-field:focus-within{outline:2px solid var(--ui-ring);outline-offset:2px}.customer-layout .panel-content .search-field input:focus-visible{outline:0}.customer-layout .panel-content :is(.error-box,.nc-checkout-error){border-radius:12px;font-size:12px;line-height:1.9}.customer-layout .ov-card-header h2{font-size:16px}.customer-layout .ov-metric{gap:26px}.customer-layout .ov-metric-heading{font-size:13px}.customer-layout .ov-metric-bottom{font-size:11px}.customer-layout .ov-text-link{font-size:12px}.customer-layout .ov-greeting{font-size:15px}.customer-layout .ov-greeting small{font-size:12px}.customer-layout .support-hero{padding:30px}.customer-layout .support-hero h2{font-size:clamp(25px,2.5vw,32px)}.customer-layout .support-hero p{font-size:13px}.customer-layout .nc-security{border-radius:var(--panel-radius)}.customer-layout .nc-security-section{border-radius:12px}.customer-layout .account-profile-card [data-slot=card-header]{background:var(--ui-secondary)}.customer-layout .panel-footer{padding:22px clamp(20px,3vw,44px);font-size:11px;color:var(--ui-muted-foreground);border-color:var(--ui-border);gap:18px}.customer-layout .panel-footer>div{flex-wrap:wrap;justify-content:flex-end;row-gap:10px}@media (max-width:1050px){.customer-layout .panel-page-title{align-items:flex-start}.customer-layout .panel-page-icon{width:48px;height:48px;margin-block-start:4px;border-radius:14px}.customer-layout .panel-page-heading{align-items:flex-start}}@media (max-width:760px){.customer-layout .panel-content{padding:24px 16px 32px}.customer-layout .panel-header{padding:10px 12px}.customer-layout .panel-page-heading{flex-wrap:wrap;gap:16px;padding-block-end:20px;margin-block-end:22px}.customer-layout .panel-page-title{gap:12px}.customer-layout .panel-page-icon{width:44px;height:44px;border-radius:12px}.customer-layout .panel-page-icon svg{width:21px;height:21px}.customer-layout .panel-page-heading h1{font-size:23px}.customer-layout .panel-page-heading p{font-size:12px}.customer-layout .panel-page-heading>.button{margin-inline-start:56px}.customer-layout .panel-content .card:not([data-slot]){padding:20px}.customer-layout .panel-content .empty{padding:30px 12px}.customer-layout .support-hero{padding:24px 20px}.customer-layout .ov-metric{gap:18px}.customer-layout .ov-metric-heading{font-size:12px}.customer-layout .ov-metric-bottom{gap:8px}.customer-layout .panel-footer{padding:20px 16px;font-size:10px;flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){.customer-layout *,.customer-layout :before{scroll-behavior:auto;transition:none!important}}.customer-layout .account-grid{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}.customer-layout .account-grid>div{min-width:0}.customer-layout .account-profile-stack{grid-template-columns:minmax(0,1fr)}.customer-layout .nc-security-actions{flex-wrap:wrap;gap:12px}.customer-layout .nc-security-section-title{align-items:flex-start}.customer-layout .nc-security-section-title>svg{flex-shrink:0;margin-block-start:3px}.customer-layout .nc-security-section-title h3{overflow-wrap:anywhere}@media (max-width:1050px){.customer-layout .account-grid,.customer-layout .account-grid>div{grid-template-columns:minmax(0,1fr)}}@media (max-width:400px){.customer-layout .ov-metric>strong{font-size:20px;letter-spacing:-.5px}}@media (min-width:761px) and (max-width:1100px){.customer-layout .panel-header{flex-wrap:wrap;height:auto;min-height:78px;gap:12px;padding-block:14px}.customer-layout .panel-header .panel-breadcrumb{flex-basis:100%}.customer-layout .panel-header .panel-breadcrumb strong{min-width:0;overflow:hidden;text-overflow:ellipsis}.customer-layout .panel-header-actions{flex-wrap:wrap;margin-inline-start:auto}.customer-layout .sidebar-brand{padding-inline:0}}