/* Source: portal/ui/flair.css; build: node portal/build-referrals.mjs */
:root{--cb-trail: linear-gradient(90deg, #2452ff, #923dff 35%, #f554e4 62%, #ff733f);--cb-grape: #27154c}:is(.client-shell,.staff-shell):before{content:"";position:fixed;inset:-12vmax;z-index:-1;pointer-events:none;background:radial-gradient(38vmax 28vmax at 18% 8%,#923dff24,transparent 62%),radial-gradient(34vmax 26vmax at 88% 18%,#f554e41f,transparent 62%),radial-gradient(44vmax 30vmax at 72% 96%,#2452ff1c,transparent 62%),radial-gradient(30vmax 22vmax at 4% 88%,#ff733f17,transparent 62%)}@media(prefers-reduced-motion:no-preference){body[data-client-motion=on] :is(.client-shell,.staff-shell):before{animation:cb-drift 28s ease-in-out infinite alternate}}@keyframes cb-drift{to{transform:translate3d(2.5vmax,-2vmax,0) rotate(6deg)}}:is(.client-shell,.staff-shell) .sidebar{background:radial-gradient(120% 34% at 0% 0%,#ece4ffb3,transparent 62%),radial-gradient(100% 26% at 100% 100%,#ffe4d9a6,transparent 62%),#fffdf9;box-shadow:0 30px 60px -44px #27154c59}:is(.client-shell,.staff-shell) .sidebar .brand img{transition:transform .6s cubic-bezier(.2,.7,.2,1)}:is(.client-shell,.staff-shell) .sidebar .brand:hover img{transform:rotate(-24deg) scale(1.08)}:is(.client-shell,.staff-shell) .nav-list a{position:relative;overflow:hidden;transition:background .25s,border-color .25s,color .25s,transform .25s}:is(.client-shell,.staff-shell) .nav-list a:hover:not([aria-current=page]){background:linear-gradient(90deg,#f1ebff,#fffdf900);transform:translate(3px)}:is(.client-shell,.staff-shell) .nav-list a[aria-current=page]{background:radial-gradient(140% 160% at 0% 0%,#7a3bffd9,transparent 62%),var(--cb-grape);border-color:var(--cb-grape);color:#fff;box-shadow:0 14px 28px -14px #7a3bffb3}:is(.client-shell,.staff-shell) .nav-list a[aria-current=page]:after{content:"";position:absolute;left:10px;right:10px;bottom:0;height:3px;border-radius:3px 3px 0 0;background:var(--cb-trail)}:is(.client-shell,.staff-shell) .topbar .icon-button{transition:box-shadow .25s,transform .25s}:is(.client-shell,.staff-shell) .topbar .icon-button:hover{transform:translateY(-1px);box-shadow:0 0 0 2px #fffdf9,0 0 0 4px #b69cf5}:is(.client-shell,.staff-shell) :is(.panel,.cp-panel){transition:box-shadow .35s ease,border-color .35s ease}:is(.client-shell,.staff-shell) :is(.panel,.cp-panel):hover{border-color:#d9cdf6;box-shadow:0 22px 50px -34px #27154c59}:is(.client-shell,.staff-shell) .button:not(.secondary):not(.quiet):not(.danger){position:relative;overflow:hidden;isolation:isolate}:is(.client-shell,.staff-shell) .button:not(.secondary):not(.quiet):not(.danger):after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 30%,#ffffff40 50%,transparent 70%);transform:translate(-110%);transition:transform .7s cubic-bezier(.2,.7,.2,1);pointer-events:none}:is(.client-shell,.staff-shell) .button:not(.secondary):not(.quiet):not(.danger):hover:not(:disabled):after{transform:translate(110%)}:is(.client-shell,.staff-shell) .button.secondary:hover:not(:disabled){border-color:#b69cf5}:is(.client-shell,.staff-shell) :is(.empty-orbit,.pj-empty>span,.bc-empty-mark){display:block;margin-inline:auto;width:56px;height:56px;border:0;font-size:0;background:url(/assets/img/logo-mark-60.webp) center / 46px no-repeat;filter:drop-shadow(0 12px 14px #923dff40)}@media(prefers-reduced-motion:no-preference){body[data-client-motion=on] :is(.client-shell,.staff-shell) :is(.empty-orbit,.pj-empty>span,.bc-empty-mark){animation:cb-bob 2.6s ease-in-out infinite}}@keyframes cb-bob{50%{transform:translateY(-8px) rotate(-12deg)}}@media(prefers-reduced-motion:no-preference){body[data-client-motion=on] :is(.client-shell,.staff-shell)[data-cp-enter=true] #workspace>:not([data-cp-reveal]){animation:cb-rise .65s cubic-bezier(.2,.7,.2,1) both}body[data-client-motion=on] :is(.client-shell,.staff-shell)[data-cp-enter=true] #workspace>:nth-child(2){animation-delay:.06s}body[data-client-motion=on] :is(.client-shell,.staff-shell)[data-cp-enter=true] #workspace>:nth-child(3){animation-delay:.12s}body[data-client-motion=on] :is(.client-shell,.staff-shell)[data-cp-enter=true] #workspace>:nth-child(n+4){animation-delay:.18s}}@keyframes cb-rise{0%{opacity:0;transform:translateY(18px)}}:is(.client-shell,.staff-shell) tbody tr{transition:background .2s}:is(.client-shell,.staff-shell) tbody tr:hover{background:#f7f3ff}:is(.client-shell,.staff-shell) :is(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:2px solid #7a3bff;outline-offset:2px}:is(.client-shell,.staff-shell) ::selection{background:#d9cdf6}:is(.client-shell,.staff-shell) *{scrollbar-color:#c9b8f3 transparent}:is(.client-shell,.staff-shell) .cp-heading-trail .cp-trail-line{stroke-width:4;stroke-linecap:round}:is(.client-shell,.staff-shell) .cp-heading-trail .cp-trail-halo{display:block;opacity:.32}:is(.client-shell,.staff-shell) .cp-heading-trail:after{content:"";position:absolute;left:calc(79.5% - 22px);top:calc(46% - 22px);width:44px;height:44px;background:url(/assets/img/logo-mark-60.webp) center / contain no-repeat;filter:drop-shadow(0 10px 14px #f554e466)}@media(prefers-reduced-motion:no-preference){body[data-client-motion=on] :is(.client-shell,.staff-shell) .cp-heading-trail:after{animation:cb-bob 3.4s ease-in-out infinite}}:is(.client-shell,.staff-shell) :is(.pj-avatar,.ov-avatar,.sidebar-bottom .avatar,.branch-person .avatar){background:linear-gradient(135deg,#2452ff,#923dff 45%,#f554e4);border-color:transparent;color:#fff;box-shadow:0 8px 18px -10px #7a3bffaa}.ohx-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin:4px 0 24px}@media(max-width:1279px){.ohx-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){.ohx-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}.ohx-stat{position:relative;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:14px;align-items:center;padding:18px 20px;border:1px solid #e2dccf;border-radius:22px;background:radial-gradient(ellipse at 100% 0%,#7a3bff12,transparent 60%),#fffdf9;color:var(--ink);text-decoration:none;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.ohx-stat:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--cb-trail);transform:scaleX(0);transform-origin:left;transition:transform .45s cubic-bezier(.2,.7,.2,1)}a.ohx-stat:hover{transform:translateY(-3px);border-color:#d9cdf6;box-shadow:0 22px 44px -28px #27154c66}a.ohx-stat:hover:after{transform:scaleX(1)}.ohx-icon{grid-row:span 2;display:grid;place-items:center;width:46px;height:46px;border-radius:14px;color:#5b2dd6;background:radial-gradient(circle at 30% 25%,#fff,#ece4ff);box-shadow:0 10px 22px -14px #7a3bffaa}.ohx-icon svg{width:22px;height:22px}.ohx-stat b{font:800 34px/1 var(--display);letter-spacing:-.04em}.ohx-stat>span:last-child{font-size:13px;color:var(--muted)}.ohx-stat.is-hot{border-color:#27154c;color:#fff;background:radial-gradient(ellipse at 0% 0%,#7a3bffaa,transparent 60%),var(--cb-grape)}.ohx-stat.is-hot>span:last-child{color:#dfd4ec}.ohx-stat.is-hot .ohx-icon{color:var(--ink);background:var(--lime)}.ohx[data-motion=on] [data-rise]{transition:opacity .6s ease,transform .7s cubic-bezier(.2,.7,.2,1)}.ohx[data-motion=on] [data-rise]:not(.is-in){opacity:0;transform:translateY(20px)}
