/* Approved dashboard UI, shared by guest, customer and administration. */
:root{--aw-blue:#7054d5;--aw-purple:#7054d5;--aw-ink:#232333;--aw-muted:#737382;--aw-line:#e9e8ef;--aw-bg:#f7f7fa;--aw-soft:#f0ecfc;--primary:#7054d5;--accent:#7054d5;--ink:#232333;--muted:#737382;--line:#e9e8ef;--bg:#f7f7fa;--blue:#7054d5;font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--aw-ink);background:var(--aw-bg)}
body{background:var(--aw-bg);color:var(--aw-ink);font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;margin:0}*{box-sizing:border-box}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #a28bed;outline-offset:3px}[hidden]{display:none!important}
.dashboard-icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.aw-shell{display:grid;grid-template-columns:224px minmax(0,1fr);min-height:100dvh;background:var(--aw-bg)}.aw-main{min-width:0}.aw-side{position:sticky;top:0;height:100dvh;overflow:auto;padding:28px 20px;background:var(--aw-bg);border-right:1px solid var(--aw-line)}.aw-brand{display:block;background:#232333;border-radius:14px;padding:12px;margin:0 0 30px}.aw-brand img{display:block;width:100%;height:auto}.aw-side nav a{display:flex;align-items:center;gap:13px;padding:13px 14px;margin:3px 0;border-radius:12px;color:var(--aw-muted);font-weight:500;text-decoration:none;font-size:14px;min-height:48px}.aw-side nav a:hover{background:#f0ecfc;color:#7054d5}.aw-side nav a[aria-current=page]{background:#f0ecfc;color:#7054d5;box-shadow:none;font-weight:650}.aw-side nav small{display:block;color:#9692a1;letter-spacing:1.7px;font-size:10px;margin:26px 14px 10px}.aw-side .aw-icon{width:23px;height:23px;background:none;color:inherit;border-radius:0;font-size:21px}.aw-top{background:#fff;border-bottom:1px solid var(--aw-line);min-height:80px;display:flex;align-items:center;padding:15px 32px;gap:20px;position:sticky;top:0;z-index:20;flex-wrap:wrap}.aw-top label{font-size:11px;color:var(--aw-muted)}.aw-top select{border:0;background:transparent;color:var(--aw-ink);font-weight:600;max-width:190px}.aw-right{display:flex;align-items:center;gap:14px;margin-left:auto}.aw-right>a:not(.aw-btn){color:var(--aw-muted)}.aw-content{max-width:1440px;margin:0 auto;padding:38px 42px 50px;min-width:0}.aw-content h1{font-size:clamp(30px,3.5vw,44px);letter-spacing:-1.5px;line-height:1.12;font-weight:750}.aw-content h2{font-size:24px;letter-spacing:-.6px}.aw-content h3{font-size:18px;letter-spacing:-.3px}.aw-content p{color:var(--aw-muted);line-height:1.7}.aw-btn,.aw-shell button:not(.aw-side-close),.aw-shell input,.aw-shell select,.aw-shell textarea{border-radius:12px;min-height:44px}.aw-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 18px;border:1px solid var(--aw-line);background:#fff;color:var(--aw-ink);text-decoration:none;font-weight:600}.aw-primary,.aw-shell .aw-primary,.aw-studio-content :is(.btn-primary,.primary,.primary-btn){background:#7054d5;color:#fff;border:0;box-shadow:none}.aw-primary:hover{background:#563ab6}.aw-search{background:var(--aw-bg);border:1px solid var(--aw-line);border-radius:12px;max-width:330px}.aw-search input{background:none;color:var(--aw-ink)}.aw-user{background:var(--aw-soft);color:#7054d5}.aw-card,.aw-studio-content :is(.hub-card,.metric-card,.package-card,.quick-card,.account-card,.payment-card,.support-card,.panel,.focus-card,.service-card,.workspace-panel){background:#fff;border:1px solid var(--aw-line);border-radius:20px;box-shadow:0 12px 50px #2520350a;padding:24px}.aw-badge,.aw-banner{background:#f5f1fd;color:#765e93;border-color:#e2d7fa}.aw-eyebrow{color:#7054d5;letter-spacing:2.5px}.aw-grid{gap:22px}.aw-section{margin:35px 0 18px}.aw-module>.aw-icon{background:#f0ecfc;color:#7054d5;border-radius:14px;width:48px;height:48px}.aw-footer{margin-top:40px;border-color:var(--aw-line);color:var(--aw-muted)}.aw-footer a{color:var(--aw-muted)}.aw-mobile-nav{background:#fff;border-color:var(--aw-line)}.aw-mobile-nav a{color:var(--aw-muted);text-decoration:none}.aw-mobile-nav a[aria-current=page]{color:#7054d5}.aw-mobile-nav svg{margin:auto}.aw-menu,.aw-side-close{display:none}.aw-studio-content{--primary:#7054d5;--accent:#7054d5;--ink:#232333;--muted:#737382;--line:#e9e8ef;--bg:#f7f7fa}.aw-studio-content .workspace-hero{background:transparent;border:0;padding:0}.aw-studio-content .workspace-hero>a{background:#7054d5}.aw-studio-content :is(input,select,textarea){border-color:#ded9eb;color:#232333;background:#fff}.aw-studio-content .aw-studio-tabs a{background:#fff}.aw-studio-tabs a.active{background:#f0ecfc;color:#7054d5}
.aw-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;background:transparent;border:0;box-shadow:none;padding:10px 0 32px;align-items:center}.aw-hero h1{font-size:clamp(32px,3.6vw,48px);line-height:1.08;letter-spacing:-1.6px}.aw-hero p{font-size:16px}.aw-approved-art{display:block;position:relative;min-height:280px}.aw-approved-art:before{content:'';position:absolute;border:1px solid #e0d8ef;width:255px;height:255px;left:12%;top:0;border-radius:50%}.aw-approved-art img{width:132px;position:absolute;border-radius:8px;box-shadow:0 16px 35px #44256b20}.aw-approved-art img:nth-child(1){left:4%;top:55px;transform:rotate(-12deg)}.aw-approved-art img:nth-child(2){left:54%;top:17px;transform:rotate(11deg)}.aw-approved-art img:nth-child(3){left:30%;top:94px;transform:rotate(2deg)}.aw-approved-art span{position:absolute;bottom:0;right:0;padding:13px 18px;background:#fffd;border:1px solid var(--aw-line);border-radius:13px;color:var(--aw-muted);font-size:12px}
.aw-quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.aw-quick-card{display:flex;align-items:center;flex-direction:column;gap:15px;padding:23px 12px;border:1px solid var(--aw-line);border-radius:18px;background:white;color:var(--aw-ink);font-size:14px;font-weight:600;text-align:center;text-decoration:none;transition:transform .15s,border-color .15s}.aw-quick-card:hover{transform:translateY(-3px);border-color:#b9a7e9}.aw-tile{display:grid;place-items:center;width:54px;height:54px;border-radius:16px;background:#f0ecfc;color:#7054d5}.aw-tile.rose{background:#fae8ed;color:#bd6e89}.aw-tile.mint{background:#e5f2ed;color:#418869}.aw-tile.peach{background:#fff0e3;color:#b58964}.aw-inspiration{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.aw-inspiration a{background:#fff;border:1px solid var(--aw-line);border-radius:20px;overflow:hidden;color:var(--aw-ink);text-decoration:none}.aw-inspiration img{width:100%;height:240px;object-fit:cover;display:block}.aw-inspiration strong,.aw-inspiration small{display:block;margin:16px 20px}.aw-inspiration small{color:var(--aw-muted)}.aw-callout{background:#f0ecfc;border-radius:20px;padding:24px;display:flex;align-items:center;justify-content:space-between;gap:20px;margin:32px 0}.aw-callout p{margin:6px 0}.aw-guest-context{font-size:12px;color:var(--aw-muted);display:flex;align-items:center;gap:8px}.aw-guest-search{margin:18px 0 28px;max-width:none}.aw-guest-search input{width:100%;padding:15px;border:0}.aw-guest-search button{padding:8px 16px;border:0;background:none}.aw-destination{background:#f5f1fd;border:1px solid #e2d7fa;padding:18px;border-radius:16px;margin-bottom:24px}.aw-destination .aw-btn{margin-top:12px}.aw-empty{padding:24px;color:var(--aw-muted)}
/* Administration keeps its existing API-driven content and controls. */
.admin-shell{background:#f7f7fa;color:#232333}.admin-sidebar{background:#f7f7fa;color:#737382;border-right:1px solid #e9e8ef}.sidebar-brand{border-color:#e9e8ef}.sidebar-brand>a{background:#232333;border-radius:14px;padding:10px}.sidebar-brand span{color:#9692a1}.admin-sidebar nav button{color:#737382;border-radius:12px;min-height:46px}.admin-sidebar nav button:hover,.admin-sidebar nav button.active{background:#f0ecfc;color:#7054d5;box-shadow:none}.sidebar-search input{background:#fff;border:1px solid #e9e8ef;color:#232333;border-radius:12px}.admin-topbar{background:white;border-bottom:1px solid #e9e8ef;box-shadow:none}.admin-content{background:#f7f7fa;padding:38px 40px}.admin-content :is(.panel,.stat-card,.metric-card,.control-card,.summary-card){background:white;border:1px solid #e9e8ef;border-radius:20px;box-shadow:0 12px 50px #2520350a}.admin-content h1{font-size:36px;letter-spacing:-1.2px;color:#232333}.admin-content :is(h2,h3,h4){color:#232333}.eyebrow.blue,.admin-content a{color:#7054d5}.primary-button,.admin-mark{background:#7054d5;color:white;box-shadow:none;border-color:#7054d5;border-radius:12px}.secondary-button{border:1px solid #e9e8ef;background:white;color:#232333;border-radius:12px}.admin-content :is(input,select,textarea),.login-card input{border:1px solid #ded9eb;border-radius:12px;min-height:44px;color:#232333;background:white}.admin-content table th{background:#f7f7fa;color:#737382}.admin-content table td{border-color:#e9e8ef}.admin-login{background:#f7f7fa}.login-brand{background:#f0ecfc;color:#232333}.login-brand p,.login-brand small{color:#737382}.login-card{border:1px solid #e9e8ef;border-radius:24px;box-shadow:0 12px 50px #2520350a;background:white}.login-card h2{color:#232333}.login-brand>a{background:#232333;border-radius:14px;padding:14px;align-self:flex-start}
@media(max-width:1100px){.aw-shell{grid-template-columns:200px minmax(0,1fr)}.aw-content{padding:30px 27px}.aw-top{padding:14px 22px}.aw-top .aw-right>.aw-btn{display:none}.aw-quick-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.aw-approved-art img{width:110px}.aw-inspiration img{height:190px}}
@media(max-width:760px){.aw-shell{display:block}.aw-side{display:none}.aw-side.open{display:block;position:fixed;inset:0 auto 0 0;width:min(310px,88vw);height:100dvh;z-index:50;box-shadow:0 0 0 100vmax #23233366}.aw-menu,.aw-side-close{display:inline-flex}.aw-side-close{margin-left:auto}.aw-content{padding:24px 20px 100px}.aw-top{padding:12px 20px;min-height:66px;gap:12px}.aw-top .aw-search{display:none}.aw-top .aw-right{margin-left:auto}.aw-top .aw-right>a:not(.aw-btn){display:none}.aw-top .aw-right>.aw-btn{display:inline-flex;padding:9px 13px}.aw-top .aw-right>button{font-size:12px;padding:9px}.aw-top select{max-width:150px}.aw-mobile-nav{display:flex;position:fixed;bottom:0;inset-inline:0;z-index:25;padding:12px 8px calc(12px + env(safe-area-inset-bottom));justify-content:space-around;border-top:1px solid #e9e8ef}.aw-mobile-nav a{display:grid;gap:4px;text-align:center;font-size:10px;min-width:48px}.aw-hero{grid-template-columns:1fr;gap:8px;padding:0 0 20px}.aw-hero h1{font-size:36px}.aw-approved-art{display:block;min-height:205px;width:290px;max-width:100%;margin:auto}.aw-approved-art:before{width:180px;height:180px;left:18%}.aw-approved-art img{width:94px}.aw-approved-art img:nth-child(1){top:35px;left:8%}.aw-approved-art img:nth-child(2){top:0;left:57%}.aw-approved-art img:nth-child(3){top:60px;left:32%}.aw-approved-art span{font-size:10px;padding:10px}.aw-grid,.aw-grid.two{grid-template-columns:1fr}.aw-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.aw-quick-card{padding:19px 9px;font-size:12px}.aw-inspiration{grid-template-columns:1fr}.aw-inspiration img{height:260px}.aw-callout{flex-direction:column;align-items:flex-start;padding:22px}.aw-callout .aw-btn{width:100%}.aw-top .aw-guest-context{font-size:11px}.admin-content{padding:24px 16px}.admin-content h1{font-size:29px}.admin-content :is(.panel,.stat-card){padding:18px}.admin-login .login-brand{padding:24px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
/* Dedicated editors and service consoles share the same visual language. */
body[data-dashboard-ui] :is(.cs-sidebar,.studio-sidebar,.sidebar){background:#f7f7fa;color:#737382;border-right:1px solid #e9e8ef}
body[data-dashboard-ui] :is(.cs-sidebar,.studio-sidebar,.sidebar) nav a{color:#737382;border-radius:12px;min-height:44px}
body[data-dashboard-ui] :is(.cs-sidebar,.studio-sidebar,.sidebar) nav a.active{background:#f0ecfc;color:#7054d5;box-shadow:none}
body[data-dashboard-ui] :is(.cs-topbar,.studio-main>header,.topbar){background:#fff;border-bottom:1px solid #e9e8ef;box-shadow:none}
body[data-dashboard-ui] :is(.cs-content,.cs-main,.studio-main){background:#f7f7fa}
body[data-dashboard-ui] :is(.cs-card,.cs-template,.cs-template-card,.studio-card,.workspace-card,.service-card,.setting-card,.dashboard-card,.metric-card){background:#fff;border:1px solid #e9e8ef;border-radius:20px;box-shadow:0 12px 50px #2520350a}
body[data-dashboard-ui] :is(.cs-primary,.btn-primary,.primary-btn,.primary-button,button.primary,a.primary){background:#7054d5;border-color:#7054d5;color:#fff;border-radius:12px;box-shadow:none}
body[data-dashboard-ui] :is(.cs-secondary,.btn-secondary,.secondary-btn){background:#fff;border:1px solid #e9e8ef;color:#232333;border-radius:12px}
body[data-dashboard-ui] :is(.cs-hero,.studio-hero){background:#f0ecfc;color:#232333;border-radius:24px}
body[data-dashboard-ui] :is(.cs-logo,.side-brand){background:#232333;border-radius:14px;padding:12px;display:flex;justify-content:center}
body[data-dashboard-ui] :is(.cs-logo,.side-brand) img{width:175px;max-width:100%;height:auto;object-fit:contain}
body[data-dashboard-ui] :is(.editor-topbar,.tool-panel,.properties-panel){background:#fff;color:#232333;border-color:#e9e8ef}
body[data-dashboard-ui] .tool-rail button.active{background:#f0ecfc;color:#7054d5}
body[data-dashboard-ui] :is(.tool-panel,.properties-panel) :is(input,select,button){border-radius:12px;min-height:44px}
body[data-dashboard-ui] :is(.editor-topbar,.cs-topbar) .cs-primary{background:#7054d5}
.admin-sidebar nav button.active span{color:#7054d5}.account-menu>button>span{background:#f0ecfc;color:#7054d5}.admin-content .control-help{background:#f5f1fd;color:#765e93}
/* Retire previous service navigation when the shared customer shell owns the page. */
body[data-workspace-frame] :is(.sidebar,.studio-sidebar,.ai-sidebar,body>footer,.mobile-nav,.platform-header){display:none!important}
body[data-workspace-frame] .aw-studio-content{width:100%;max-width:none!important;margin:0!important;padding:0!important;min-height:0;position:static;background:transparent;border:0;box-shadow:none}
body[data-workspace-frame] .aw-studio-content :is(.topbar,.studio-header,.tm-header){position:static;margin:0 0 22px;padding:16px;background:white;border:1px solid #e9e8ef;border-radius:16px}
body[data-workspace-frame] .aw-studio-content :is(.brand,.mobile-menu-toggle,.mobile-menu,.studio-header .brand){display:none}
body[data-workspace-frame] .aw-studio-content .studio-header-summary{margin-left:auto}
.cs-sidebar{width:224px;padding:24px 18px}.cs-main{margin-left:224px}.cs-sidebar nav a{padding:13px;border-radius:12px}.cs-topbar .cs-primary{background:#7054d5}.cs-sidebar .cs-logo{margin-bottom:30px}.cs-hero h1{color:#232333}.cs-quick-grid button{border-radius:18px;border:1px solid #e9e8ef;box-shadow:none}.cs-quick-grid button:hover{border-color:#b9a7e9}.cs-quick-grid i{background:#f0ecfc;color:#7054d5}
@media(max-width:760px){.cs-sidebar{width:245px}.cs-main{margin-left:0}.cs-topbar{padding:12px 16px}.cs-mobile-brand{color:#232333}}

body[data-workspace-frame] > :is(.app,.studio-shell,.ai-shell):not(:has(main)){display:none}
.aw-mobile-nav{display:none}
/* Approved mobile menu replaces the old Explore / Dashboard / Search bar. */
body[data-dashboard-ui] .mobile-bottom-nav{display:none!important}
.aw-mobile-nav .dashboard-create-plus{width:44px;height:44px;min-height:44px;background:#7054d5;color:white;border:0;border-radius:15px;margin:-1px auto 0;box-shadow:0 4px 12px #7054d527;display:flex;align-items:center;justify-content:center;padding:0}
.aw-mobile-nav a{font-weight:400}.aw-mobile-nav a[aria-current=page]{font-weight:600}.aw-mobile-nav .dashboard-create-plus .dashboard-icon{width:24px;height:24px}
.dashboard-create-dialog{width:min(480px,calc(100vw - 32px));padding:28px;border:1px solid #e9e8ef;border-radius:24px;background:white;color:#232333;box-shadow:0 20px 60px #23233333}.dashboard-create-dialog::backdrop{background:#23233366}.dashboard-create-dialog h2{font-size:24px;letter-spacing:-.5px;clear:both}.dashboard-create-dialog p{color:#737382}.dashboard-dialog-close{float:right;width:44px;height:44px;display:grid;place-items:center;border:0;border-radius:12px;background:#f7f7fa;color:#737382}.dashboard-create-choices{display:grid;gap:12px;margin-top:24px}.dashboard-create-choices a{display:flex;align-items:center;gap:14px;color:#232333;padding:18px;border:1px solid #e9e8ef;border-radius:16px;text-decoration:none}.dashboard-create-choices a span{flex:1}.dashboard-create-choices a:hover{background:#f0ecfc;color:#7054d5}
@media(max-width:760px){.aw-mobile-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;align-items:center;background:#ffffffee;backdrop-filter:blur(16px);padding:9px 12px max(9px,env(safe-area-inset-bottom));border-top:1px solid #e9e8ef}.aw-mobile-nav a{font-size:10px;min-height:44px;min-width:0;justify-content:center;gap:5px;color:#9994a4}.aw-mobile-nav a[aria-current=page]{color:#7054d5;background:none}.aw-mobile-nav .dashboard-icon{width:22px;height:22px}.dashboard-create-dialog{margin:auto auto max(16px,env(safe-area-inset-bottom));padding:24px}.aw-content{padding-bottom:100px}}

/* Creative Studio fills the available workspace at every screen size. */
body[data-dashboard-ui] .cs-app{width:100%;min-width:0}
body[data-dashboard-ui] .cs-main{width:calc(100% - 224px);max-width:none;min-width:0}
body[data-dashboard-ui] .cs-home{width:100%;max-width:none;margin:0;padding-inline:clamp(24px,4vw,68px)}
body[data-dashboard-ui] .cs-sidebar nav button{color:#737382;min-height:44px}
body[data-dashboard-ui] .cs-sidebar nav button:is(:hover,.active){color:#7054d5;background:#f0ecfc;box-shadow:none}
body[data-dashboard-ui] .cs-hero p{color:#737382}
body[data-dashboard-ui] .cs-hero .cs-kicker{color:#7054d5}
@media(max-width:760px){body[data-dashboard-ui] .cs-main{width:100%;margin-left:0}body[data-dashboard-ui] .cs-home{padding-inline:16px}}

/* Existing module content inside the approved account workspace. */
body[data-dashboard-ui] .aw-studio-content{width:100%;max-width:none;min-width:0;margin:0;padding:0}
body[data-dashboard-ui] :is(.module-card,.hub-card,.service-card,.setting-card){background:#fff;color:#232333;border:1px solid #e9e8ef;border-radius:20px;box-shadow:none}
body[data-dashboard-ui] .module-hero{background:#f0ecfc;border:0;border-radius:24px;padding:28px;color:#232333}
body[data-dashboard-ui] .module-hero h1{color:#232333;letter-spacing:-1px}
body[data-dashboard-ui] .module-icon{background:#7054d5;color:#fff;border-radius:16px}
body[data-dashboard-ui] :is(.module-tabs,.aw-studio-tabs){display:flex;gap:8px;overflow-x:auto;padding-block:12px}
body[data-dashboard-ui] .module-tabs a{flex-shrink:0;background:#fff;border:1px solid #e9e8ef;border-radius:12px;color:#737382;min-height:44px;padding:12px 16px}
body[data-dashboard-ui] .module-tabs a.active{background:#f0ecfc;color:#7054d5;border-color:#d9cef5}
body[data-dashboard-ui] .quick-list a{border:1px solid #e9e8ef;border-radius:14px;min-height:48px;color:#232333;background:#fff}
body[data-dashboard-ui] .module-notice{color:#737382;background:#f0ecfc;border:1px solid #e9e8ef;border-radius:14px}
@media(max-width:760px){body[data-dashboard-ui] .module-hero{padding:22px}body[data-dashboard-ui] .module-grid{grid-template-columns:minmax(0,1fr)}body[data-dashboard-ui] .metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Keep dashboard navigation independent of the public website's mobile nav positioning. */
.aw-side nav{position:static;inset:auto;padding:0;border-radius:0;background:transparent;box-shadow:none}
@media(max-width:760px){.aw-mobile-nav{top:auto;height:auto;border-radius:0;box-shadow:none}}