/* UAA Pages v1.4.0 — Dashboard + Page Manager UX refresh */
:root{--v14-radius:18px;--v14-border:color-mix(in srgb,var(--line) 92%,transparent);--v14-soft:color-mix(in srgb,var(--panel2) 88%,var(--panel));--v14-shadow:0 10px 34px rgba(32,38,73,.07)}
.dash-v14,.pages-v14{display:flex;flex-direction:column;gap:16px}.dash-v14 h1,.dash-v14 h2,.pages-v14 h1,.pages-v14 h2{letter-spacing:-.035em}.dash-v14 button,.pages-v14 button,.dash-v14 a,.pages-v14 a{transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background .16s ease}
.dash-v14-hero{position:relative;overflow:hidden;min-height:190px;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);align-items:center;border:1px solid color-mix(in srgb,var(--purple) 16%,var(--line));border-radius:24px;background:radial-gradient(circle at 88% 20%,rgba(68,201,255,.22),transparent 30%),radial-gradient(circle at 70% 105%,rgba(212,83,244,.15),transparent 38%),linear-gradient(115deg,color-mix(in srgb,var(--panel) 97%,#efeaff),color-mix(in srgb,var(--panel) 78%,#e4edff));box-shadow:var(--v14-shadow)}
.dash-v14-hero-copy{padding:30px 34px;position:relative;z-index:2}.dash-v14-kicker,.pages-v14-kicker,.dash-v14-eyebrow{display:inline-flex;align-items:center;gap:6px;color:var(--purple);font-size:9px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.dash-v14-hero h1{font-size:clamp(31px,3.5vw,48px);margin:8px 0 7px;line-height:1.02}.dash-v14-hero h1 span{background:linear-gradient(90deg,#5c3ff0,#ad45df);-webkit-background-clip:text;background-clip:text;color:transparent}.dash-v14-hero p{max-width:650px;margin:0;color:var(--muted);font-size:13px;line-height:1.65}.dash-v14-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}
.dash-v14-hero-visual{position:relative;height:190px;display:grid;place-items:center}.dash-v14-window{width:min(380px,84%);height:140px;border-radius:16px;background:linear-gradient(160deg,#182345,#243662);box-shadow:0 22px 45px rgba(19,29,70,.24);transform:rotate(-3deg)}.dash-v14-window-top{height:28px;border-bottom:1px solid #ffffff12;display:flex;align-items:center;gap:5px;padding:0 10px}.dash-v14-window-top i{width:6px;height:6px;border-radius:99px;background:#ffffff55}.dash-v14-window-top span{height:6px;width:70px;border-radius:99px;background:#ffffff20;margin-left:8px}.dash-v14-window-body{display:grid;grid-template-columns:55px 1fr;height:112px}.dash-v14-window-side{border-right:1px solid #ffffff12;padding:13px 10px}.dash-v14-window-side b{display:block;height:5px;border-radius:99px;background:#ffffff23;margin-bottom:9px}.dash-v14-window-canvas{padding:14px}.dash-v14-window-cover{height:45px;border-radius:8px;background:linear-gradient(135deg,#7569fb,#b34bf1,#5bc9e9);margin-bottom:10px}.dash-v14-window-canvas>span{display:block;height:5px;background:#ffffff28;border-radius:99px;margin:5px 0}.dash-v14-window-canvas>span:nth-of-type(2){width:78%}.dash-v14-window-canvas>span:nth-of-type(3){width:52%}.dash-v14-float{position:absolute;width:43px;height:43px;border-radius:13px;display:grid;place-items:center;background:rgba(255,255,255,.9);color:#6338ff;box-shadow:0 14px 30px #4f46e530;border:1px solid #ffffffcc}.float-a{left:7%;top:25%}.float-b{right:7%;bottom:16%;color:#16a5dd}.float-c{right:14%;top:4%;color:#b843d3}
.dash-v14-quick{display:flex;flex-direction:column;gap:10px}.dash-v14-section-title{display:flex;align-items:center;gap:10px}.dash-v14-section-title>span{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:color-mix(in srgb,var(--purple) 10%,var(--panel));color:var(--purple)}.dash-v14-section-title h2{margin:0;font-size:15px}.dash-v14-section-title p{margin:3px 0 0;color:var(--muted);font-size:10px}.dash-v14-quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.dash-v14-quick-card{min-height:84px;display:grid;grid-template-columns:44px minmax(0,1fr) 28px;align-items:center;gap:10px;text-align:left;border:1px solid var(--v14-border);border-radius:16px;padding:13px;background:var(--panel);color:var(--text)}.dash-v14-quick-card:hover{transform:translateY(-2px);box-shadow:var(--v14-shadow)}.dash-v14-quick-card .qicon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center}.dash-v14-quick-card span:nth-child(2){min-width:0}.dash-v14-quick-card b{display:block;font-size:12px}.dash-v14-quick-card small{display:block;font-size:10px;color:var(--muted);margin-top:4px;line-height:1.35}.dash-v14-quick-card i{width:27px;height:27px;border-radius:99px;display:grid;place-items:center;background:var(--panel);border:1px solid var(--line);color:var(--purple);font-style:normal}.dash-v14-quick-card.q1{background:linear-gradient(135deg,color-mix(in srgb,#3b82f6 9%,var(--panel)),var(--panel))}.dash-v14-quick-card.q1 .qicon{background:#e7f0ff;color:#2868e9}.dash-v14-quick-card.q2{background:linear-gradient(135deg,color-mix(in srgb,#f25a7a 9%,var(--panel)),var(--panel))}.dash-v14-quick-card.q2 .qicon{background:#ffe9ee;color:#df4c6b}.dash-v14-quick-card.q3{background:linear-gradient(135deg,color-mix(in srgb,#8b5cf6 9%,var(--panel)),var(--panel))}.dash-v14-quick-card.q3 .qicon{background:#efe9ff;color:#7545ea}.dash-v14-quick-card.q4{background:linear-gradient(135deg,color-mix(in srgb,#06b6d4 9%,var(--panel)),var(--panel))}.dash-v14-quick-card.q4 .qicon{background:#e4f8fb;color:#029db8}
.dash-v14-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.dash-v14-stat{display:flex;align-items:center;gap:11px;min-height:72px;padding:12px 14px;background:var(--panel);border:1px solid var(--v14-border);border-radius:16px}.dash-v14-stat>span{width:38px;height:38px;border-radius:11px;display:grid;place-items:center}.dash-v14-stat b{display:block;font-size:20px;line-height:1}.dash-v14-stat small{display:block;margin-top:5px;color:var(--muted);font-size:10px}.s-purple{background:#efeaff;color:#6b45e7}.s-blue{background:#e7f2ff;color:#2f74e7}.s-orange{background:#fff2df;color:#dd8d2e}.s-green{background:#e8faf1;color:#169a66}
.dash-v14-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(270px,.75fr);gap:12px;align-items:start}.dash-v14-card{background:var(--panel);border:1px solid var(--v14-border);border-radius:18px;box-shadow:0 3px 15px rgba(24,31,64,.035);min-width:0}.dash-v14-card-head{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:16px 17px;border-bottom:1px solid var(--line)}.dash-v14-card-head h2{margin:3px 0 2px;font-size:15px}.dash-v14-card-head p{margin:0;color:var(--muted);font-size:10px}.dash-v14-list{padding:4px 12px 10px}.dash-v14-list-row{display:grid;grid-template-columns:38px minmax(0,1fr) auto 122px 32px;align-items:center;gap:10px;padding:10px 4px;border-bottom:1px solid var(--line)}.dash-v14-list-row:last-child{border-bottom:0}.dash-v14-page-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:color-mix(in srgb,var(--purple) 9%,var(--panel2));color:var(--purple)}.dash-v14-page-main{min-width:0}.dash-v14-page-main b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px}.dash-v14-page-main small{display:block;color:var(--muted);font-size:9px;margin-top:3px}.dash-v14-page-status{display:flex;gap:5px;flex-wrap:wrap}.dash-v14-list-row time{font-size:9px;color:var(--muted);white-space:nowrap}.dash-v14-empty{text-align:center;padding:38px 20px;color:var(--muted)}.dash-v14-empty>span{width:48px;height:48px;margin:auto auto 10px;display:grid;place-items:center;border-radius:15px;background:var(--panel2);color:var(--purple)}.dash-v14-empty b{display:block;color:var(--text);font-size:13px}.dash-v14-empty p{font-size:10px}.dash-v14-guide-list{padding:7px 10px 12px}.dash-v14-guide-list>a,.dash-v14-guide-list>button{width:100%;border:0;background:transparent;color:var(--text);display:grid;grid-template-columns:36px minmax(0,1fr) 18px;gap:9px;align-items:center;text-align:left;padding:10px;border-radius:11px}.dash-v14-guide-list>a:hover,.dash-v14-guide-list>button:hover{background:var(--panel2)}.dash-v14-guide-list>a>span,.dash-v14-guide-list>button>span{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--panel2);color:var(--purple)}.dash-v14-guide-list b{display:block;font-size:11px}.dash-v14-guide-list small{display:block;color:var(--muted);font-size:9px;margin-top:3px;line-height:1.4}
/* Page manager */
.pages-v14-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px}.pages-v14-head h1{font-size:30px;margin:5px 0 4px}.pages-v14-head p{margin:0;color:var(--muted);font-size:11px;line-height:1.6}.pages-v14-toolbar{display:grid;grid-template-columns:minmax(250px,1fr) auto auto;align-items:center;gap:10px;background:var(--panel);border:1px solid var(--v14-border);border-radius:16px;padding:10px;box-shadow:0 3px 12px rgba(24,31,64,.025)}.pages-v14-search{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:11px;padding:0 11px;height:40px;background:var(--panel2);color:var(--muted)}.pages-v14-search input{flex:1;min-width:0;border:0;background:transparent;color:var(--text);outline:0;font-size:11px}.pages-v14-search input:focus{box-shadow:none!important}.pages-v14-filters{display:flex;gap:5px;flex-wrap:wrap}.pages-v14-filters button{border:1px solid transparent;background:transparent;color:var(--muted);height:36px;border-radius:9px;padding:0 9px;font-size:10px;font-weight:800}.pages-v14-filters button span{display:inline-grid;place-items:center;min-width:18px;height:18px;border-radius:99px;background:var(--panel2);font-size:9px;margin-left:4px}.pages-v14-filters button:hover{background:var(--panel2);color:var(--text)}.pages-v14-filters button.active{background:color-mix(in srgb,var(--purple) 10%,var(--panel));color:var(--purple);border-color:color-mix(in srgb,var(--purple) 20%,var(--line))}.pages-v14-sort{display:flex;align-items:center;gap:6px;font-size:9px;color:var(--muted);white-space:nowrap}.pages-v14-sort select{height:36px;border:1px solid var(--line);border-radius:9px;background:var(--panel);color:var(--text);padding:0 9px;font-size:10px}.pages-v14-panel{background:var(--panel);border:1px solid var(--v14-border);border-radius:18px;overflow:hidden;box-shadow:0 4px 18px rgba(24,31,64,.035)}.pages-v14-panel-head{display:flex;justify-content:space-between;align-items:center;padding:13px 16px;border-bottom:1px solid var(--line)}.pages-v14-panel-head b{display:block;font-size:12px}.pages-v14-panel-head small{display:block;color:var(--muted);font-size:9px;margin-top:3px}.pages-v14-list{padding:6px 12px 12px}.pages-v14-row{display:grid;grid-template-columns:78px minmax(0,1fr) 125px auto;gap:13px;align-items:center;padding:11px 4px;border-bottom:1px solid var(--line)}.pages-v14-row:last-child{border-bottom:0}.pages-v14-row:hover{background:color-mix(in srgb,var(--panel2) 48%,transparent)}.pages-v14-thumb{height:54px;border-radius:10px;background:linear-gradient(135deg,color-mix(in srgb,var(--purple) 9%,var(--panel2)),color-mix(in srgb,var(--cyan) 8%,var(--panel2)));padding:6px}.pages-v14-thumb-window{height:100%;border-radius:6px;background:var(--panel);border:1px solid var(--line);padding:6px}.pages-v14-thumb-window>div{height:12px;border-radius:4px;background:linear-gradient(90deg,#6d5af0,#ca52d5,#52bde5);margin-bottom:5px}.pages-v14-thumb-window>span{display:block;height:3px;border-radius:99px;background:var(--panel2);margin:3px 0}.pages-v14-thumb-window>span:nth-of-type(2){width:75%}.pages-v14-thumb-window>span:nth-of-type(3){width:48%}.pages-v14-main{min-width:0}.pages-v14-title-row{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.pages-v14-title-row>a{min-width:0}.pages-v14-title-row b{font-size:12px}.pages-v14-main>small{display:block;color:var(--muted);font-size:9px;margin-top:4px}.pages-v14-owner{display:block;font-size:9px;color:var(--muted);margin-top:5px}.pages-v14-badges{display:flex;gap:4px;flex-wrap:wrap}.pages-v14-meta{display:flex;flex-direction:column}.pages-v14-meta span{font-size:8px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:850}.pages-v14-meta b{font-size:10px;margin-top:4px}.pages-v14-meta small{font-size:9px;color:var(--muted);margin-top:2px}.pages-v14-actions{display:flex;justify-content:flex-end;align-items:center;gap:5px}.pages-v14-actions .btn.small{padding:7px 10px}.pages-v14-empty,.pages-v14-no-results{text-align:center;padding:58px 20px;color:var(--muted)}.pages-v14-empty>span,.pages-v14-no-results>span{width:50px;height:50px;margin:auto auto 11px;display:grid;place-items:center;border-radius:15px;background:var(--panel2);color:var(--purple)}.pages-v14-empty h3,.pages-v14-no-results b{display:block;color:var(--text);font-size:14px;margin:0 0 5px}.pages-v14-empty p,.pages-v14-no-results p{font-size:10px;margin:0 0 15px}
html[data-theme=dark] .dash-v14-hero{background:radial-gradient(circle at 86% 20%,rgba(34,162,255,.18),transparent 30%),radial-gradient(circle at 65% 110%,rgba(179,72,221,.18),transparent 35%),linear-gradient(115deg,#111b32,#161d3d 60%,#1f1b42)}html[data-theme=dark] .dash-v14-float{background:#18233b;border-color:#2a3854}
@media(prefers-color-scheme:dark){html[data-theme=system] .dash-v14-hero{background:radial-gradient(circle at 86% 20%,rgba(34,162,255,.18),transparent 30%),radial-gradient(circle at 65% 110%,rgba(179,72,221,.18),transparent 35%),linear-gradient(115deg,#111b32,#161d3d 60%,#1f1b42)}html[data-theme=system] .dash-v14-float{background:#18233b;border-color:#2a3854}}
@media(max-width:1150px){.dash-v14-quick-grid,.dash-v14-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.dash-v14-grid{grid-template-columns:1fr}.pages-v14-toolbar{grid-template-columns:1fr}.pages-v14-filters{order:2}.pages-v14-sort{order:3;justify-self:start}.pages-v14-row{grid-template-columns:70px minmax(0,1fr) auto}.pages-v14-meta{display:none}}
@media(max-width:820px){.dash-v14-hero{grid-template-columns:1fr}.dash-v14-hero-visual{display:none}.dash-v14-list-row{grid-template-columns:36px minmax(0,1fr) 32px}.dash-v14-page-status,.dash-v14-list-row time{display:none}.pages-v14-head{align-items:flex-start;flex-direction:column}.pages-v14-row{grid-template-columns:62px minmax(0,1fr) auto}.pages-v14-badges{margin-top:5px}.pages-v14-actions .btn.small{font-size:0;width:34px;padding:7px}.pages-v14-actions .btn.small svg{width:16px;height:16px}}
@media(max-width:560px){.dash-v14-hero-copy{padding:24px}.dash-v14-hero h1{font-size:29px}.dash-v14-quick-grid,.dash-v14-stats{grid-template-columns:1fr}.dash-v14-quick-card{min-height:72px}.pages-v14-filters{display:grid;grid-template-columns:repeat(2,1fr);width:100%}.pages-v14-filters button{text-align:left}.pages-v14-row{grid-template-columns:minmax(0,1fr) auto;padding:13px 2px}.pages-v14-thumb{display:none}.pages-v14-actions{align-self:start}.pages-v14-title-row{display:block}.pages-v14-badges{margin-top:6px}.pages-v14-panel{border-radius:14px}}
/* Readability refresh */
html,body,button,input,select,textarea{font-family:"Segoe UI",Roboto,Helvetica,Arial,sans-serif!important}body{font-weight:400;letter-spacing:0}.nav a,.btn,b,strong{font-weight:650}.main-top b{font-weight:700}.dash-v14-page-main b,.pages-v14-title-row b{font-weight:650}
/* Builder code mode */
.code-tabs{display:grid!important;grid-template-columns:repeat(4,1fr)!important}.code-editor{font-family:"SFMono-Regular",Consolas,"Liberation Mono",Menlo,monospace!important;font-size:12px!important;line-height:1.62!important}.builder-panel-heading b,.property-panel b{font-weight:650}
/* Update drag/drop + progress */
.update-drop.is-dragover{border-color:var(--purple)!important;background:color-mix(in srgb,var(--purple) 16%,var(--panel))!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--purple) 12%,transparent);transform:translateY(-1px)}
.update-progress-overlay{position:fixed;inset:0;z-index:180;background:rgba(8,12,27,.72);backdrop-filter:blur(12px);display:grid;place-items:center;padding:20px}.update-progress-overlay[hidden]{display:none}.update-progress-card{width:min(520px,100%);background:var(--panel);border:1px solid var(--line);border-radius:24px;padding:28px;box-shadow:0 30px 90px rgba(0,0,0,.34)}.update-progress-symbol{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#4f46e5,#8b5cf6,#d946ef);margin-bottom:16px;animation:updatePulse 1.5s ease-in-out infinite}.update-progress-card h3{margin:0 0 7px;font-size:21px}.update-progress-card p{margin:0;color:var(--muted);font-size:11px;line-height:1.6}.update-progress-bar{height:10px;background:var(--panel2);border-radius:99px;overflow:hidden;margin:20px 0 14px}.update-progress-bar span{display:block;height:100%;width:35%;border-radius:inherit;background:linear-gradient(90deg,#4f46e5,#8b5cf6,#d946ef,#22c3e8);animation:updateSlide 1.15s ease-in-out infinite}.update-progress-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.update-progress-steps span{font-size:9px;text-align:center;color:var(--muted);padding:7px 4px;border-radius:8px;background:var(--panel2)}.update-progress-steps span.active{color:var(--purple);font-weight:700;background:color-mix(in srgb,var(--purple) 10%,var(--panel))}@keyframes updatePulse{50%{transform:scale(1.06);box-shadow:0 0 0 12px rgba(99,56,255,.08)}}@keyframes updateSlide{0%{transform:translateX(-110%)}50%{transform:translateX(120%)}100%{transform:translateX(310%)}}

/* v1.4 final polish: compact sidebar, single-HTML editor, updater feedback */
body.sidebar-is-collapsed .app-shell{grid-template-columns:90px minmax(0,1fr)}
body.sidebar-is-collapsed .sidebar{padding:16px 8px}
body.sidebar-is-collapsed .brand-row{flex-direction:row;align-items:center;justify-content:center;gap:5px;margin-bottom:18px}
body.sidebar-is-collapsed .brand{padding:0;min-width:auto}
body.sidebar-is-collapsed .brand-mark{width:38px;height:38px;border-radius:12px}
body.sidebar-is-collapsed .side-collapse{width:27px;height:27px;flex:0 0 27px;margin:0;background:var(--panel2)}
body.sidebar-is-collapsed .nav a{padding:10px 8px}
body.sidebar-is-collapsed .account-card{margin-left:3px;margin-right:3px}
.single-html-notice{display:grid;gap:4px;margin-bottom:10px;padding:10px 11px;border:1px solid color-mix(in srgb,var(--purple) 22%,var(--line));border-radius:11px;background:linear-gradient(135deg,color-mix(in srgb,var(--purple) 7%,var(--panel)),color-mix(in srgb,var(--cyan) 4%,var(--panel)))}
.single-html-notice b{font-size:10px;color:var(--text)}.single-html-notice span{font-size:9px;line-height:1.5;color:var(--muted)}.single-html-notice code{font-family:"SFMono-Regular",Consolas,monospace;font-size:.96em;color:var(--purple)}
.update-drop.has-file{border-color:color-mix(in srgb,#16a34a 50%,var(--line))!important;background:color-mix(in srgb,#16a34a 7%,var(--panel))!important}.update-drop.has-error{border-color:#ef4444!important;background:color-mix(in srgb,#ef4444 7%,var(--panel))!important}.update-drop.has-error #zipFileName{color:#dc2626}
.update-progress-meter{height:10px;background:var(--panel2);border-radius:99px;overflow:hidden;margin:20px 0 14px}.update-progress-meter span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#4f46e5,#8b5cf6,#d946ef,#22c3e8);transition:width .35s ease;box-shadow:0 0 18px rgba(99,56,255,.24)}
.update-progress-steps{grid-template-columns:repeat(5,1fr)}.update-progress-steps span{position:relative}.update-progress-steps span.done{color:#168447;background:color-mix(in srgb,#22c55e 10%,var(--panel));font-weight:700}.update-progress-steps span.active{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--purple) 28%,transparent)}
.update-progress-overlay.is-success .update-progress-symbol{background:linear-gradient(135deg,#16a34a,#22c55e,#14b8a6);animation:none}.update-progress-overlay.is-error .update-progress-symbol{background:linear-gradient(135deg,#dc2626,#f97316);animation:none}.update-progress-overlay.is-error .update-progress-meter span{background:linear-gradient(90deg,#dc2626,#f97316)}
@media(max-width:850px){body.sidebar-is-collapsed .app-shell{grid-template-columns:1fr}body.sidebar-is-collapsed .sidebar{padding:16px 14px}body.sidebar-is-collapsed .brand-row{flex-direction:row;align-items:flex-start;justify-content:space-between}body.sidebar-is-collapsed .brand-mark{width:44px;height:44px}}