/* Sartor liquid glass: refraction, Fresnel rims and specular highlights.
   GlassSurface technique adapted from React Bits; see reactbits-LICENSE.txt. */
:root{--glass-rim:rgba(216,234,255,.48);--glass-blue:rgba(95,159,231,.16);--glass-gold:rgba(227,201,142,.19)}
/* A zero blur is still a backdrop root. End the page transition at none so
   lenses sample the ambient scene rather than an empty transparent ancestor. */
@keyframes workspace-arrive{from{opacity:0;transform:translate3d(0,16px,0);filter:blur(3px)}to{opacity:1;transform:translate3d(0,0,0);filter:none}}
.ambient{background:radial-gradient(ellipse at 72% 0%,#1c33553d,transparent 58%),#071226}
.ambient>div:nth-child(1){width:780px;height:530px;left:6%;top:22%;background:#2463af40;filter:blur(85px)}
.ambient>div:nth-child(2){width:650px;height:600px;right:-200px;top:24%;background:#484b9b3a;filter:blur(90px)}
.ambient>div:nth-child(3){width:780px;height:460px;left:33%;bottom:-250px;background:#c49b5636;filter:blur(80px)}
.ambient>svg{opacity:.92;stroke:none}
.ambient .ribbon-drift{transform-origin:center;animation:ribbon-drift 28s ease-in-out infinite alternate}
@keyframes ribbon-drift{from{transform:translate3d(-15px,-7px,0) scale(1)}to{transform:translate3d(20px,17px,0) scale(1.03)}}
.glass-filter-defs{position:fixed;left:0;top:0;width:0;height:0;pointer-events:none;overflow:visible}
.liquid-glass{position:relative;isolation:isolate;background:linear-gradient(135deg,#aecff50a,#36547d0d 45%,#071b3210)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border:1px solid #b6d5ff25!important;border-top-color:#d5e9ff55!important;border-bottom-color:#a4c3df1a!important;box-shadow:inset 0 1px 1px #edfbff3d,inset 1px 0 1px #c3e3ff16,inset 0 -1px 1px #8db1dc2a,0 0 0 1px #03102012,0 6px 20px #01091829,0 16px 42px #00000018}
.glass-lens{position:absolute;inset:0;z-index:-2;border-radius:inherit;pointer-events:none;overflow:hidden;background:linear-gradient(125deg,#96bce51b,#21426b20 37%,#0e254536 76%,#b6a1d511);-webkit-backdrop-filter:blur(19px) saturate(1.65) brightness(1.12);backdrop-filter:blur(19px) saturate(1.65) brightness(1.12)}
.refracted-glass>.glass-lens{-webkit-backdrop-filter:blur(16px) saturate(1.65) brightness(1.1);backdrop-filter:blur(16px) saturate(1.65) brightness(1.1);background:linear-gradient(135deg,#b7d7ff0d,#1836522b 70%,#7a8dad08)}
.refracted-glass>.glass-lens::before{content:'';position:absolute;inset:0;border-radius:inherit;padding:6px;pointer-events:none;backdrop-filter:var(--lens-filter) saturate(1.55);-webkit-backdrop-filter:var(--lens-filter) saturate(1.55);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box exclude,linear-gradient(#fff 0 0);mask-composite:exclude}
.liquid-glass::before{content:'';position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;background:linear-gradient(138deg,#eaf5ff19 0%,#eaf5ff06 18%,#fff0 37%,#fff0 64%,#bdc6ff09 100%),radial-gradient(ellipse at var(--shine-x,15%) var(--shine-y,0%),#d7eaff12 0%,#d7eaff00 57%);opacity:.85;transition:opacity .5s}
.liquid-glass.glass-lit::before{opacity:1;background:linear-gradient(138deg,#eaf5ff21,#eaf5ff08 20%,#fff0 44%,#fff0 66%,#bdc6ff0b),radial-gradient(ellipse at var(--shine-x,15%) var(--shine-y,0%),#e2f0ff26 0%,#d7eaff00 62%)}
.liquid-glass::after{content:'';position:absolute;inset:0;z-index:2;width:auto;height:auto;right:0;bottom:0;pointer-events:none;border-radius:inherit;padding:1.7px;filter:none;opacity:1;background:linear-gradient(145deg,#e9f6ff9e 0%,#b3dfff30 19%,#c4dbff05 35%,#ecd6b00d 56%,#e6ce9154 82%,#bfdcff73 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box exclude,linear-gradient(#fff 0 0);mask-composite:exclude}
.metric{overflow:hidden;border-radius:21px}.metric.liquid-glass{box-shadow:inset 0 1px 1px #ecf9ff55,inset 0 0 15px #b5d9ff0d,0 9px 32px #00000029}.metric-number{color:#f2f6ff;text-shadow:0 1px 8px #06101f38}.metric-top{color:#b8c8df}.metric-bottom{color:#8d9fba}.metric-icon{background:linear-gradient(135deg,#b8d8ff24,#93b4e408);border-color:#d3e6ff2d;box-shadow:inset 0 1px #e2efff27}.metric-icon.gold{background:linear-gradient(135deg,#d9bc7d29,#c9a45c08);border-color:#e3c98e39}
.column{background:linear-gradient(180deg,#8baee60b,#1129470c);border-color:#b7d2f515;box-shadow:inset 0 1px #b9d6ff09}
.lead-card.liquid-glass{background:linear-gradient(135deg,#b9d6ff0b,#19355713)!important;border-top-color:#d4e6ff4d!important;box-shadow:inset 0 1px 0 #deedff29,inset 0 -1px 0 #c8dcf511,0 5px 15px #010e211c}.lead-card>.glass-lens{background:linear-gradient(135deg,#93b8ec18,#214e7733 58%,#18304e23);-webkit-backdrop-filter:blur(14px) saturate(1.65) brightness(1.12);backdrop-filter:blur(14px) saturate(1.65) brightness(1.12)}
.lead-card.liquid-glass::after{padding:1.15px;background:linear-gradient(140deg,#daeefe6e,#c5ddff0d 30%,#fff0 54%,#a5c6e624 79%,#e2d1a949)}
.lead-card.liquid-glass:hover{border-color:#d0e5ff60!important;box-shadow:inset 0 1px #e7f6ff55,inset 0 0 16px #b7d7ff0b,0 12px 25px #00000033}.lead-card.won>.glass-lens{background:linear-gradient(135deg,#95cbbd17,#1d414c22 70%,#132e4b25)}
.lead-brand{box-shadow:inset 0 1px #e7f2ff1c,0 2px 6px #00000013}.tag{background:#06182a28;border-color:#c3d6ef26;color:#b3c6e0}.tag.gold{background:#c9a45c16;border-color:#d8ba7c35}.tag.green{background:#84d3b515;border-color:#84d3b539}.source{color:#9db1cd}.lead-person{color:#9badc7}.lead-task{color:#a1b3cb}
.bottom-panel>.glass-lens,.panel>.glass-lens{background:linear-gradient(135deg,#a6c5ec0c,#071a3030 80%)}
.modal.liquid-glass{background:linear-gradient(135deg,#122a453b,#091a324d)!important;border-top-color:#e0f0ff7d!important;box-shadow:inset 0 1px 1px #eefaff55,inset 0 0 30px #a5c8f30c,0 25px 100px #00000070}.modal>.glass-lens{background:linear-gradient(135deg,#1d3b5999,#0b2238b3)}.modal.liquid-glass::after{padding:2px;background:linear-gradient(140deg,#eefaffb3,#d1e7ff2b 28%,#fff0 51%,#c9a45c49 81%,#d6eaff8c)}
.workspace.liquid-glass,.install-card.liquid-glass{border-radius:14px}.workspace>.glass-lens,.install-card>.glass-lens{background:linear-gradient(130deg,#81aada12,#142c4833);backdrop-filter:blur(16px) saturate(1.5)}.workspace.liquid-glass::after,.install-card.liquid-glass::after{padding:1px;opacity:.48}
#sidebar{isolation:isolate;box-shadow:1px 0 #d1e4ff0b,10px 0 35px #00000014;background:linear-gradient(155deg,#132d4b9c,#08192bd9);-webkit-backdrop-filter:blur(30px) saturate(1.55);backdrop-filter:blur(30px) saturate(1.55)}
.has-moving-pill .nav-link{position:relative;z-index:2;border-radius:999px;transition:color .24s,background .24s}.has-moving-pill .nav-link.active{background:transparent!important;border-color:transparent!important;box-shadow:none!important;color:#f4dfb0}.has-moving-pill .nav-link:hover{background:#bedaff07}.has-moving-pill .nav-link.active:hover{background:transparent}.has-moving-pill .nav-link.active em{background:#d4b77924;color:#f0d9a4}
.nav-pill{position:absolute!important;left:0;top:0;z-index:1;pointer-events:none;border-radius:999px;will-change:transform;transform-origin:center;overflow:hidden;background:linear-gradient(115deg,#e0c48d2e,#c2ac7720 45%,#8e9eb411)!important;border:1px solid #e7d4a05c!important;box-shadow:inset 0 1px 0 #fff2cd66,inset 0 -1px 0 #e9c47b2e,inset 0 0 13px #e3c98e13,0 3px 12px #00000020,0 0 18px #c9a45c08!important}.nav-pill>.glass-lens{background:linear-gradient(120deg,#c9a45c19,#d8c39507 55%,#abc8ec09);backdrop-filter:blur(15px) saturate(1.8) brightness(1.25)}.nav-pill.liquid-glass::after{padding:1.35px;background:linear-gradient(135deg,#fff0c8bd,#d1b78032 30%,#fff0 50%,#c7dfff50 78%,#f3d99d94)}.nav-pill.liquid-glass::before{background:linear-gradient(165deg,#fff3d026,#e3c98e06 45%,#fff0 65%);opacity:1}
.reduce-glass .liquid-glass{background:#152a43!important;backdrop-filter:none!important}.reduce-glass .glass-lens,.reduce-glass .liquid-glass::before{display:none}.reduce-glass .liquid-glass::after{opacity:.4}.reduce-glass .nav-pill{background:#635438!important}.reduce-glass #sidebar{background:#10223a;backdrop-filter:none}.reduce-glass .ambient{opacity:.35}
@media(max-width:760px){.ambient>div:nth-child(1){left:-210px;top:18%;width:650px;height:650px;background:#2463af47}.ambient>div:nth-child(2){right:-280px;background:#474b8b3d}.ambient>svg{width:150%;max-width:none;left:-30%}.metric.liquid-glass::after{padding:1.5px}.nav-pill{will-change:transform}#sidebar{background:linear-gradient(145deg,#18314edf,#081b31f2);-webkit-backdrop-filter:blur(26px) saturate(1.4);backdrop-filter:blur(26px) saturate(1.4)}.modal>.glass-lens{background:linear-gradient(135deg,#213e5ab3,#0b2238d9)}}
@media(prefers-reduced-motion:reduce){.ambient .ribbon-drift{animation:none}.nav-pill{will-change:auto}}
.reduce-motion .ambient .ribbon-drift{animation:none}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.glass-lens{background:#17304ae8!important}.liquid-glass{background:#17304a!important}}
