/* Complete shared workspace template; the established palette is preserved. */
:root{--hub-red:#b83f53;--hub-soft:#fff0f2;--hub-paper:#fff9f9;--hub-line:#efd9de;--hub-ink:#482d36;--hub-muted:#80636c}
*{box-sizing:border-box}html{scroll-behavior:smooth}body.v20{margin:0;background:var(--hub-paper);color:var(--hub-ink);font-family:Arial,Helvetica,sans-serif;font-size:16px}
.hub-sidebar{position:fixed;inset:0 auto 0 0;width:236px;padding:32px 20px 22px;display:flex;flex-direction:column;z-index:20;background:#fff;border-right:1px solid var(--hub-line)}
.hub-logo{display:block;width:184px;height:55px;overflow:hidden;position:relative;margin-bottom:26px}.hub-logo img{position:absolute;width:184px;max-width:none;left:0;top:-43px}
.hub-brand{font-size:19px;font-weight:750;letter-spacing:-.5px;padding:0 10px;margin-bottom:28px}.hub-brand small{display:block;font-size:11px;color:var(--hub-muted);letter-spacing:.13em;margin-top:8px}
.hub-nav-label{padding:0 10px;margin:0 0 12px;font-size:11px;font-weight:700;letter-spacing:.13em;color:var(--hub-muted)}
.hub-links{display:grid;gap:8px}.hub-link{display:flex;align-items:center;gap:12px;padding:14px 12px;border-radius:14px;text-decoration:none;color:var(--hub-muted);font-size:14px;line-height:1.4;transition:background .25s,translate .25s,color .25s}.hub-link b{font-size:12px;color:var(--hub-red);width:25px;flex:none}.hub-link:hover{background:var(--hub-soft);translate:3px 0;color:var(--hub-red)}.hub-link[aria-current=page]{background:var(--hub-red);color:#fff}.hub-link[aria-current=page] b{color:#fff}
.hub-sidebar-footer{margin-top:auto;padding:25px 10px 0;border-top:1px solid var(--hub-line);font-size:12px;color:var(--hub-muted);line-height:1.8}
.workspace-topbar{margin-left:236px;height:76px;padding:0 38px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--hub-line);background:#fff;gap:20px}.workspace-topbar span:first-child{font-size:13px;font-weight:700;color:var(--hub-red);letter-spacing:.04em}.workspace-topbar small{font-size:12px;color:var(--hub-muted)}
.v20 main,.v20 .shell{margin:0 0 0 236px;max-width:none;width:auto;padding:32px 38px 40px}.v20 h1{font-size:clamp(28px,3.5vw,44px);letter-spacing:-1.6px;line-height:1.15}.v20 button,.v20 .btn,.v20 .upload{border-radius:12px;min-height:44px}.v20 input,.v20 select{border-radius:12px;min-height:44px}.v20 button:active,.v20 .btn:active{scale:.97}.v20 a:focus-visible,.v20 button:focus-visible{outline:3px solid var(--hub-red);outline-offset:4px}
.v20 .back-nav,.v20 .shell>nav{display:none}.v20 main>header:not(.home-hero){display:flex;flex-direction:row;align-items:flex-end;gap:25px;margin:0 0 25px;padding:0 0 26px;border-bottom:1px solid var(--hub-line)}.v20 header .actions{flex-wrap:wrap}.v20 .filters{border-radius:22px;padding:22px;margin:0 0 22px;box-shadow:none;background:#fff}.v20 .filters label,.v20 .field label{font-size:13px}.v20 .filters .search{min-width:240px}
.v20 .kpis,.v20 .cards:not(.home-lanes){gap:0;border:1px solid var(--hub-line);border-radius:22px;overflow:hidden;background:#fff;margin:24px 0 30px}.v20 .kpi,.v20 .card{border:0;border-radius:0;padding:25px 26px;box-shadow:none;border-right:1px solid var(--hub-line);border-top:0;background:#fff}.v20 .kpi:last-child,.v20 .card:last-child{border-right:0}.v20 .kpi strong,.v20 .card strong{font-size:42px;margin:13px 0 8px;color:var(--hub-red)}.v20 .kpi:hover,.v20 .card:hover{transform:none;box-shadow:none;background:var(--hub-soft)}
.v20 .panel,.v20 .chart,.v20 .tablepanel{border-radius:22px;border-color:var(--hub-line);box-shadow:none;padding:26px}.v20 .activity{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:22px}.v20 .rankings{gap:22px;margin:22px 0 30px}.v20 .rankings .panel{background:linear-gradient(155deg,#fff,#fff5f7)}.v20 .panelhead h3,.v20 .chart h3{font-size:18px}.v20 .panel:hover,.v20 .chart:hover{transform:none;box-shadow:0 14px 30px #a345591b}.v20 .track{height:8px;border-radius:8px}.v20 .bartrack{height:14px}.v20 .rank .track i,.v20 .barfill{animation-duration:1.2s}.v20 .month i{border-radius:10px 10px 0 0;animation-duration:1.1s}.v20 th{padding:16px 13px;font-size:12px}.v20 td{padding:14px 13px;font-size:14px}.v20 .orders{margin-top:26px}.v20 .orders h2,.v20 .tablehead h2{font-size:24px}.v20 footer,.v20 .page-credit{font-size:12px;color:var(--hub-muted);line-height:1.7}
.v20 .head{background:var(--hub-red);border-radius:22px;padding:30px;box-shadow:none;margin-bottom:24px}.v20 .head h1{color:#fff}.v20 .headrow{gap:26px}.v20 .head p,.v20 .kicker{color:#ffe7eb}.v20 .stamp{border-radius:14px;padding:14px 18px}.v20 .tablehead{flex-wrap:wrap;gap:20px}.v20 .tablewrap{border-radius:16px}.v20 .chart{min-height:275px}.v20 .charts{gap:22px}
/* Home is rebuilt as four numbered workspace lanes rather than card tiles. */
.home-hero{position:relative;isolation:isolate;background:var(--hub-red);color:#fff;border-radius:26px;padding:32px 36px;display:grid;grid-template-columns:1fr 180px;align-items:center;gap:28px;overflow:hidden;margin-bottom:28px;animation:hub-enter .8s ease both}.home-hero:before,.home-hero:after{content:"";position:absolute;pointer-events:none;z-index:-1;border:1px solid #ffffff25;border-radius:50%;width:500px;height:500px;right:-220px;top:-180px;animation:hero-drift 14s ease-in-out infinite alternate}.home-hero:after{width:390px;height:390px;right:-165px;top:-110px;animation-delay:-5s}.hero-kicker{font-size:12px;letter-spacing:.15em;margin-bottom:13px;color:#ffe7eb}.home-hero h1{font-size:clamp(34px,4.5vw,58px);margin:0 0 14px;color:#fff}.home-hero p{font-size:15px;line-height:1.65;max-width:560px;margin:0;color:#ffe7eb}.home-clock{width:160px;height:160px;border-radius:50%;position:relative;background:#fff;border:8px solid #fff0f2;box-shadow:0 10px 28px #9d3e5210;margin:0 auto}.home-clock::before{content:"";position:absolute;inset:5px;border-radius:50%;background:repeating-conic-gradient(#b83f53 0deg 1deg,transparent 1deg 30deg);mask:radial-gradient(circle,transparent 0 78%,#000 79%)}.clock-label{color:#ffe7eb;font-size:12px;text-align:center;line-height:1.6;margin:12px 0 0}.dial-n{position:absolute;font-size:12px;font-weight:700;color:#7e4352}.dial-n.n12{left:50%;top:13px;translate:-50% 0}.dial-n.n3{right:14px;top:50%;translate:0 -50%}.dial-n.n6{bottom:12px;left:50%;translate:-50% 0}.dial-n.n9{left:14px;top:50%;translate:0 -50%}.dial-hand{position:absolute;left:50%;bottom:50%;transform-origin:center bottom;border-radius:5px;background:#b83f53}.dial-hand.hour{height:35px;width:5px}.dial-hand.minute{height:50px;width:3px}.dial-hand.second{height:59px;width:2px;background:#e08392}.dial-pin{width:9px;height:9px;position:absolute;left:50%;top:50%;translate:-50% -50%;background:#b83f53;border-radius:50%;border:1px solid #fff}
.home-section-label{display:flex;justify-content:space-between;align-items:center;margin:0 0 16px;font-size:13px;color:var(--hub-muted)}.home-section-label h2{margin:0;font-size:20px;color:var(--hub-ink)}.home-lanes{display:grid;gap:14px}.home-lane{position:relative;display:grid;grid-template-columns:42px 66px 1fr 120px;gap:20px;align-items:center;padding:24px 28px;background:#fff;border:1px solid var(--hub-line);border-radius:20px;text-decoration:none;color:var(--hub-ink);overflow:hidden;transition:translate .35s,box-shadow .35s,border-color .35s}.lane-number{font-size:13px;color:var(--hub-muted);font-weight:700;letter-spacing:.08em}.lane-icon{display:grid;place-items:center;background:var(--hub-soft);color:var(--hub-red);width:62px;height:62px;border-radius:18px;transition:rotate .35s,scale .35s}.lane-icon svg{width:30px;height:30px}.home-lane h2{font-size:21px;margin:0 0 7px;letter-spacing:-.4px;font-weight:650}.home-lane p{font-size:14px;color:var(--hub-muted);margin:0;line-height:1.5}.lane-open{font-size:13px;color:var(--hub-red);font-weight:700;border:1px solid var(--hub-line);border-radius:30px;padding:11px 15px;text-align:center;transition:background .3s,color .3s}.home-lane:before{content:"";position:absolute;width:4px;inset:16px auto 16px 0;background:var(--hub-red);border-radius:0 5px 5px 0;scale:1 0;transition:scale .35s}.home-lane:hover{translate:5px 0;border-color:#d77b8b;box-shadow:0 14px 30px #a345591b}.home-lane:hover:before{scale:1}.home-lane:hover .lane-icon{rotate:-7deg;scale:1.07}.home-lane:hover .lane-open{background:var(--hub-red);color:#fff}.home-credit{margin-top:28px;padding-top:20px;border-top:1px solid var(--hub-line);font-size:12px;color:var(--hub-muted)}
/* Documentation gets the same workspace navigation and a catalog grid. */
.v20.docs-v20 #root{margin-left:236px}.v20.docs-v20 .site>header{display:none}.v20.docs-v20 .site>main{margin:0;padding:32px 38px;max-width:none}.v20.docs-v20 .back{display:none}.v20.docs-v20 .document-heading{margin:0 0 26px;padding:0 0 24px;border-bottom:1px solid var(--hub-line)}.v20.docs-v20 .search-wrap{border-radius:18px;padding:15px 20px}.v20.docs-v20 .document-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;background:none;border:0;overflow:visible}.v20.docs-v20 .document{display:grid;grid-template-columns:20px 50px 1fr;gap:14px;padding:22px;background:#fff;border:1px solid var(--hub-line);border-radius:20px}.v20.docs-v20 .doc-actions{grid-column:2/4;margin:0}.v20.docs-v20 .site>footer{padding:22px 38px}.v20.docs-v20 .empty{border-radius:22px}
.v20 .reveal-v20{opacity:0;translate:0 24px;transition:opacity .7s,translate .7s cubic-bezier(.22,1,.36,1);transition-delay:var(--delay,0ms)}.v20 .reveal-v20.is-visible{opacity:1;translate:0 0}.v20 .home-lane.is-visible{transition:translate .35s,box-shadow .35s,border-color .35s}.v20 .pulse-v20{animation:control-pop .35s ease-out}.v20 .press-wave{position:absolute;width:12px;height:12px;border-radius:50%;background:currentColor;opacity:.13;animation:press-wave .7s ease-out forwards;pointer-events:none}
@keyframes hub-enter{from{opacity:0;translate:0 18px}to{opacity:1;translate:0 0}}@keyframes hero-drift{to{translate:-60px 35px;rotate:30deg}}@keyframes control-pop{from{scale:.98;opacity:.6}to{scale:1;opacity:1}}@keyframes press-wave{to{scale:28;opacity:0}}
@media(max-width:1200px){.v20 main>header:not(.home-hero){align-items:flex-start;flex-direction:column}.v20 .rankings{grid-template-columns:1fr}.v20 .completion{gap:18px}.v20.docs-v20 .document-list{grid-template-columns:1fr}.home-lane{grid-template-columns:26px 56px 1fr;gap:15px}.lane-open{grid-column:3;justify-self:start}.lane-icon{width:56px;height:56px}.home-lane h2{font-size:20px}}
@media(max-width:950px){.hub-sidebar{width:190px;padding:24px 12px}.hub-logo{width:164px}.hub-logo img{width:164px;top:-38px}.hub-brand{font-size:17px}.workspace-topbar,.v20.docs-v20 #root{margin-left:190px}.v20 main,.v20 .shell{margin-left:190px;padding:26px}.workspace-topbar{padding:0 26px}.home-hero{grid-template-columns:1fr;padding:28px}.home-clock-block{display:none}.v20 .activity{grid-template-columns:1fr}.v20 .kpis,.v20 .cards:not(.home-lanes){grid-template-columns:1fr 1fr}.v20 .kpi:nth-child(2),.v20 .card:nth-child(2){border-right:0}.v20 .kpi:nth-child(-n+2),.v20 .card:nth-child(-n+2){border-bottom:1px solid var(--hub-line)}}
@media(max-width:700px){.hub-sidebar{position:relative;width:100%;inset:auto;padding:18px 16px;border-right:0;border-bottom:1px solid var(--hub-line)}.hub-logo{display:none}.hub-brand{margin:0 0 14px;padding:0;display:flex;align-items:center;gap:14px}.hub-brand small{margin:0;font-size:10px}.hub-nav-label,.hub-sidebar-footer{display:none}.hub-links{display:flex;gap:8px;overflow-x:auto;padding-bottom:3px}.hub-link{min-width:max-content;padding:10px 12px;font-size:12px;gap:7px}.hub-link b{width:auto;font-size:11px}.workspace-topbar{margin-left:0;height:57px;padding:0 18px}.workspace-topbar small{display:none}.v20 main,.v20 .shell{margin:0;padding:22px 16px 32px}.v20.docs-v20 #root{margin:0}.v20.docs-v20 .site>main{padding:24px 16px}.v20.docs-v20 .site>footer{padding:22px 16px}.home-hero{padding:28px 24px;border-radius:22px}.home-hero h1{font-size:36px}.home-hero p{font-size:14px}.home-clock-block{display:flex;align-items:center;gap:16px}.home-clock{width:112px;height:112px;border-width:5px;flex-shrink:0}.clock-label{text-align:left;margin:0}.dial-hand.hour{height:23px}.dial-hand.minute{height:34px}.dial-hand.second{height:39px}.dial-n{font-size:10px}.dial-n.n12{top:8px}.dial-n.n6{bottom:8px}.dial-n.n3{right:9px}.dial-n.n9{left:9px}.home-lane{padding:20px 18px;grid-template-columns:48px 1fr;gap:13px}.lane-number{display:none}.lane-icon{width:48px;height:48px;border-radius:15px;grid-row:1/3;align-self:start}.lane-icon svg{width:25px}.home-lane h2{font-size:19px}.home-lane p{font-size:13px}.lane-open{grid-column:2;padding:8px 12px;font-size:12px}.home-section-label>span{display:none}.v20 .filters{padding:18px}.v20 .filters .search{min-width:100%}.v20 .kpi,.v20 .card{padding:22px 18px}.v20 .kpi strong,.v20 .card strong{font-size:34px}.v20 .panel,.v20 .chart,.v20 .tablepanel{padding:20px}.v20 .head{padding:25px}.v20 .headrow{flex-direction:column;align-items:flex-start}.v20 .charts{grid-template-columns:1fr}.v20 .actions{flex-wrap:wrap}.v20 .orders h2,.v20 .tablehead h2{font-size:21px}.v20 .document-heading{flex-direction:column;align-items:flex-start}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.v20 *{animation:none!important;transition:none!important}.v20 .reveal-v20{opacity:1;translate:none}.home-lane:hover{translate:none}.home-lane:hover .lane-icon{rotate:none;scale:1}.press-wave{display:none}}
/* Dimensional edition: sculpted controls, glossy surfaces and comic print detail. */
body.v20{background-color:#fff9f9;background-image:radial-gradient(#b83f5314 .75px,transparent .75px);background-size:12px 12px}
.v20 .hub-sidebar{box-shadow:7px 0 0 #efd9de40}.hub-brand{color:var(--hub-red)}
.hub-link[aria-current=page]{box-shadow:0 4px 0 #8c3041,inset 0 1px 0 #ffffff65;background:linear-gradient(145deg,#dc8292,#b83f53)}
.home-hero{border:2px solid #a33347;box-shadow:0 9px 0 #efd9de,0 18px 35px #b83f5320;background:radial-gradient(ellipse at 10% 0%,#e69ba8,transparent 55%),linear-gradient(135deg,#c95165,#b83f53);padding:38px 40px;margin-bottom:40px}
.home-hero h1{text-shadow:0 3px 0 #a33347;letter-spacing:-2px}.hero-tag{display:inline-block;border:1px solid #ffffff70;border-radius:30px;padding:9px 15px;margin-top:22px;font-size:12px;background:#ffffff16;box-shadow:0 3px 0 #a3334740}
.home-clock{box-shadow:0 9px 0 #a33347,0 18px 24px #8c304140,inset 0 3px 7px #b83f5320;transform:rotate(5deg);transition:transform .5s}.home-clock:hover{transform:rotate(0deg)}
.home-lanes{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;padding-bottom:12px;perspective:1400px}
.home-lane{display:grid;grid-template-columns:1fr 88px;gap:18px;padding:28px;min-height:284px;border:2px solid #d995a2;border-radius:26px;background:linear-gradient(155deg,#fff 60%,#fff0f2);box-shadow:0 7px 0 #efd9de,0 13px 22px #b83f5310;transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .3s,box-shadow .3s,translate .3s;isolation:isolate}
.home-lane::after{content:"";position:absolute;width:140px;height:140px;right:-40px;top:-40px;border-radius:50%;background:radial-gradient(#b83f5322 1px,transparent 1px);background-size:7px 7px;z-index:-1;transition:scale .4s}.home-lane:hover::after{scale:1.5}
.home-lane .lane-number{grid-column:1;grid-row:1;font-size:14px;border:1px solid #efd9de;border-radius:30px;padding:7px 13px;justify-self:start;align-self:start;background:#fff}
.home-lane .lane-icon{grid-column:2;grid-row:1/3;width:80px;height:80px;border-radius:25px;border:1px solid #e3a8b3;background:linear-gradient(145deg,#fff,#f3c4ce);box-shadow:5px 7px 0 #e4abb7,inset 3px 3px 5px #fff,inset -3px -3px 8px #d77b8b45;transform:rotate(9deg);animation:icon-float 5s ease-in-out infinite}
.home-lane:nth-child(2) .lane-icon{animation-delay:-1s}.home-lane:nth-child(3) .lane-icon{animation-delay:-2s}.home-lane:nth-child(4) .lane-icon{animation-delay:-3s}.home-lane .lane-icon svg{width:38px;height:38px;filter:drop-shadow(1px 2px 0 #fff)}
.home-lane>div{grid-column:1/-1;grid-row:2;margin-top:9px;padding-right:60px}.home-lane h2{font-size:24px;line-height:1.2;max-width:340px}.home-lane p{max-width:350px}.home-lane .lane-open{grid-column:1/-1;justify-self:start;background:#fff;border:1px solid #d995a2;box-shadow:0 3px 0 #efd9de;margin-top:3px;font-size:12px}.home-lane .lane-open span{display:inline-block;margin-left:12px;transition:translate .3s}.home-lane:hover .lane-open span{translate:3px -3px}.home-lane:hover{translate:0 -5px;box-shadow:0 12px 0 #efd9de,0 22px 28px #b83f5320}.home-lane:before{display:none}
.v20 .panel,.v20 .chart,.v20 .tablepanel,.v20 .filters,.v20 .kpis,.v20 .cards:not(.home-lanes),.v20.docs-v20 .document{border:1px solid #e4b5c0;box-shadow:0 5px 0 #efd9de,0 9px 18px #b83f5308}
.v20 .panelhead h3,.v20 .chart h3{letter-spacing:-.4px}.v20 .kpi strong,.v20 .card strong{text-shadow:0 2px 0 #efd9de}
.v20 button,.v20 .btn,.v20 .upload{position:relative;transition:translate .2s,box-shadow .2s;box-shadow:0 3px 0 #efd9de}.v20 button:hover:not(:disabled),.v20 .btn:hover,.v20 .upload:hover{translate:0 -2px}.v20 button:active,.v20 .btn:active{translate:0 2px;box-shadow:none}.v20 button:disabled{box-shadow:none}
.v20 button.primary,.v20 .btn.primary,.v20 .upload.primary{background:linear-gradient(145deg,#d46e81,#b83f53);box-shadow:0 4px 0 #8c3041;color:#fff;border:1px solid #b83f53}
.v20 .head{background:radial-gradient(ellipse at 0% 0%,#e69ba8,transparent 65%),#b83f53;box-shadow:0 7px 0 #efd9de;border:2px solid #a33347}.v20 .head h1{text-shadow:0 2px 0 #a33347}
.v20 .month i,.v20 .barfill,.v20 .rank .track i{transform-origin:left center;animation:chart-grow 1.2s cubic-bezier(.2,.8,.2,1) both}
.v20 .press-wave{z-index:2}.v20 .document:hover{translate:0 -3px;transition:translate .3s}
@keyframes icon-float{0%,100%{translate:0 0;rotate:0deg}50%{translate:0 -6px;rotate:-5deg}}@keyframes chart-grow{from{scale:.03 1;opacity:.3}to{scale:1 1;opacity:1}}
@media(max-width:1100px){.home-lane{padding:23px;grid-template-columns:1fr 65px}.home-lane .lane-icon{width:62px;height:62px;border-radius:20px}.home-lane>div{padding-right:0;margin-top:18px}.home-lane h2{font-size:21px}}
@media(max-width:950px){.home-hero{grid-template-columns:1fr 140px;padding:28px}.home-clock-block{display:block}.home-clock{width:130px;height:130px}.dial-hand.hour{height:28px}.dial-hand.minute{height:40px}.dial-hand.second{height:47px}.home-lanes{grid-template-columns:1fr}.home-lane{min-height:240px}.home-lane .lane-number{display:block}.home-lane>div{margin-top:0}}
@media(max-width:700px){.home-hero{grid-template-columns:1fr}.home-clock-block{display:flex}.home-clock{width:112px;height:112px;margin:0}.dial-hand.hour{height:23px}.dial-hand.minute{height:34px}.dial-hand.second{height:39px}.hub-logo{display:block;width:155px;height:40px;margin-bottom:15px}.hub-logo img{width:155px;top:-36px}.home-lane{transform:none}.home-lane .lane-open{grid-column:1/-1}.home-lane .lane-icon{grid-row:1/3;align-self:start}.home-lane h2{font-size:22px}.home-lane>div{grid-row:2;padding-right:45px}.home-lanes{gap:22px}}
@media(prefers-reduced-motion:reduce){.v20 *{animation:none!important;transition:none!important}.home-lane,.home-lane:hover{transform:none;translate:none}.home-clock{transform:none}}
.v20 .hub-sidebar{align-items:stretch;justify-content:flex-start}.home-lane .lane-icon{grid-row:1}.home-lane>div{padding-right:0}.home-lane .lane-number{align-self:center}