/* MonkeyGroup Fresh · responsive, polished operational workspace */
:root{--vip-gold:#d8b77e;--vip-gold-dark:#a68147}
body{font-feature-settings:"ss01" on}
.workspace{min-height:100vh}
.sidebar{background:linear-gradient(165deg,#141b29 0%,#101723 62%,#171d29 100%)!important;border-right:1px solid rgba(221,185,117,.19);width:263px;min-width:263px}
.brand{border-bottom:1px solid rgba(215,184,117,.12);margin-bottom:12px;padding-bottom:24px}
.brandname{font-weight:850;letter-spacing:-.6px}
.brandtag{color:#c5ad7e!important;font-size:9px;letter-spacing:1.25px!important}
.brandmark{width:53px!important;height:53px!important;min-width:53px;border-radius:16px!important;overflow:visible;background:linear-gradient(140deg,#f5d89c,#ad7e3b)!important;position:relative;box-shadow:0 4px 22px rgba(198,153,80,.23)!important;transition:transform .24s ease,box-shadow .24s ease}
.brandmark::after{content:"";position:absolute;inset:-3px;border:1px solid rgba(246,205,130,.32);border-radius:19px;pointer-events:none}
.brandmark:hover{transform:rotate(-7deg) scale(1.09);box-shadow:0 5px 30px rgba(230,188,108,.43)!important}
.mg-monkey-icon{width:43px;height:43px;filter:drop-shadow(0 2px 1px #52331444);transform-origin:center;transition:transform .25s ease}
.brandmark:hover .mg-monkey-icon{transform:rotate(8deg) translateY(-2px)}
.brandmark .mg-monkey-eye{transform-box:fill-box;transform-origin:center;animation:mg-blink 7.5s infinite}
@keyframes mg-blink{0%,42%,44%,80%,82%,100%{transform:scaleY(1)}43%,81%{transform:scaleY(.08)}}
.navbtn{border-radius:11px!important;margin:3px 0!important;transition:background .2s ease,transform .2s ease,color .2s ease!important}
.navbtn:hover{transform:translateX(3px)}
.topbar{box-shadow:0 2px 20px #29231c08;position:sticky;top:0;z-index:12}
.main{padding-top:38px}
.pagehead h1{font-size:clamp(28px,3vw,37px);font-weight:850;letter-spacing:-1.25px;color:#1c2633}
.eyebrow{color:#a7854d!important;letter-spacing:2.1px!important}
.card{border-radius:20px!important;box-shadow:0 7px 40px rgba(31,35,40,.045)!important;transition:transform .25s,box-shadow .25s,border-color .25s!important}
.card:hover{transform:translateY(-2px);box-shadow:0 13px 40px rgba(41,46,58,.085)!important}
.stat{background:linear-gradient(140deg,#fffefc,#faf8f4)!important;min-height:126px}
.stat:after{border-color:rgba(209,179,117,.22)!important}
.statvalue{font-size:clamp(25px,2.3vw,34px)!important;color:#253044}
.statlabel{text-transform:uppercase;letter-spacing:.7px;font-size:10px!important}
.btn.primary{border-radius:11px}
.mg-user-photo{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}
.mg-profile-avatar{overflow:hidden;cursor:pointer;transition:transform .2s ease}
.mg-profile-avatar:hover{transform:scale(1.12);box-shadow:0 0 0 3px rgba(215,184,117,.35)}
.mg-avatar-settings{display:flex;gap:26px;align-items:center;flex-wrap:wrap}
.mg-avatar-big{height:105px;width:105px;min-width:105px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:50%;background:linear-gradient(135deg,#d8b77e,#957144);box-shadow:0 0 0 6px #d9bd8740;color:#1f2328;font-size:33px;font-weight:850}
.mg-avatar-settings form{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.mg-avatar-settings input[type=file]{max-width:290px}
.mg-history-filter{display:flex;align-items:center;gap:16px;margin:0 0 22px;background:#fffcf6;border:1px solid #e6dac8;padding:12px 18px;border-radius:14px;width:max-content;max-width:100%}
.mg-history-filter label{text-transform:uppercase;letter-spacing:1px;color:#96733d;font-size:11px;font-weight:800}
.mg-history-filter select{min-width:170px;padding:8px;border:1px solid #e0d3c1;border-radius:8px;background:white}
.mg-hist-bar-row{display:grid;grid-template-columns:85px minmax(70px,1fr) 115px;gap:15px;align-items:center;margin:13px 0;font-size:12px;color:#606f7b}
.mg-hist-bar-row strong{text-align:right;color:#27384a;font-variant-numeric:tabular-nums}
.mg-hist-track{background:#eee9df;border-radius:20px;overflow:hidden;height:13px}
.mg-hist-track i{display:block;height:100%;border-radius:20px;background:linear-gradient(90deg,#a27a3f,#e3c388);transition:width .8s ease}
.mg-team-history{margin-top:22px}
.mg-live-notice.mg-team-party{background:radial-gradient(circle at 0% 10%,#504226,#1b2939 65%)!important;border:1px solid #e8c784!important;box-shadow:0 16px 68px #0005,0 0 40px rgba(217,178,92,.28)!important}
.mg-live-notice.mg-team-party .mg-live-graphic{animation:mg-party-pop .85s cubic-bezier(.2,.8,.2,1) both;font-size:48px}
.mg-live-notice.mg-team-party .mg-live-kicker{color:#ecd28d}
@keyframes mg-party-pop{0%{transform:scale(.3) rotate(-20deg);opacity:0}65%{transform:scale(1.25) rotate(12deg);opacity:1}100%{transform:scale(1) rotate(0)}}
.mg-recent-notice:hover{transform:translateX(2px)}
.data-table table tbody tr:hover{background:rgba(213,175,101,.065)}
@media(max-width:900px){.sidebar{min-width:250px;width:250px}.main{padding:24px 18px}.topbar{padding:0 18px}}
@media(max-width:780px){.sidebar{position:fixed;z-index:80}.mg-history-filter{width:100%;justify-content:space-between}}
@media(max-width:520px){.mg-avatar-settings{justify-content:center;text-align:center}.mg-hist-bar-row{grid-template-columns:65px minmax(35px,1fr) 83px;gap:7px}.grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.brandmark .mg-monkey-eye,.mg-live-notice.mg-team-party .mg-live-graphic{animation:none!important}.brandmark,.card,.navbtn{transition:none!important}}

.brandmark{border:0;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0}.brandmark:focus-visible{outline:3px solid #fff;outline-offset:4px}@keyframes mg-monkey-happy{0%,100%{transform:scale(1) rotate(0)}25%{transform:scale(1.2) rotate(-13deg)}55%{transform:scale(1.25) rotate(12deg)}80%{transform:scale(1.12) rotate(-5deg)}}.brandmark.mg-monkey-happy{animation:mg-monkey-happy .8s ease-out}

/* v9.1 full-screen Retention team success ceremony. This is NOT a toast. */
.mg-grand-celebration{
  position:fixed!important;inset:0!important;z-index:390!important;width:100vw!important;
  height:100dvh!important;padding:clamp(20px,5vw,65px)!important;
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
  text-align:center!important;gap:15px!important;cursor:pointer!important;
  color:#fff!important;background:
    radial-gradient(ellipse at 50% 43%,rgba(199,161,71,.32),transparent 60%),
    radial-gradient(circle at 30% 84%,rgba(9,150,126,.24),transparent 40%),
    linear-gradient(145deg,#050d17,#13253b 60%,#081f23)!important;
  animation:mgGrandReveal .75s cubic-bezier(.18,1,.25,1) both!important;
  overflow:hidden!important;
}
.mg-grand-celebration:before,.mg-grand-celebration:after{
  content:'✦   ✧   ✦   ✧   ✦   ✧   ✦';position:absolute;left:-10%;right:-10%;
  font-size:clamp(35px,7vw,110px);letter-spacing:4vw;white-space:nowrap;
  pointer-events:none;color:rgba(244,202,116,.25);animation:mgConfettiDrift 8s linear infinite;
}
.mg-grand-celebration:before{top:6%}.mg-grand-celebration:after{bottom:5%;animation-delay:-4s}
.mg-grand-celebration .mg-confetti{font-size:clamp(38px,7vw,90px);letter-spacing:12px;
  animation:mgConfettiPop 1.5s ease-out both;filter:drop-shadow(0 5px 25px #d2a95588)}
.mg-grand-celebration .mg-live-graphic{
 width:132px!important;height:132px!important;border-radius:50%!important;flex:0 0 auto!important;
 display:grid!important;place-items:center!important;font-size:65px!important;
 background:linear-gradient(135deg,#f4dca0,#d8a549)!important;color:#19202b!important;
 box-shadow:0 0 0 22px rgba(222,179,80,.13),0 0 100px rgba(222,179,80,.4)!important;
 animation:mgMonkeyCelebrate 1.3s ease-in-out infinite alternate!important}
.mg-grand-celebration .mg-live-body{max-width:850px;position:relative;z-index:1}
.mg-grand-celebration .mg-live-kicker{
 color:#eccb83!important;font-size:clamp(12px,1.35vw,19px)!important;
 letter-spacing:.35em!important;font-weight:900!important;margin:18px 0!important}
.mg-grand-celebration .mg-live-body strong{
 display:block!important;font-size:clamp(30px,5.8vw,70px)!important;
 color:#fff!important;line-height:1.1!important;letter-spacing:-.055em!important;
 text-wrap:balance!important;text-shadow:0 8px 30px #0005}
.mg-grand-celebration .mg-live-body p{
 color:#e7e6df!important;font-size:clamp(19px,2.5vw,33px)!important;
 line-height:1.45!important;max-width:750px!important;margin:27px auto!important;text-wrap:balance!important}
.mg-grand-celebration .mg-live-close{
 position:absolute!important;right:20px!important;top:19px!important;z-index:5!important;
 width:46px!important;height:46px!important;border:1px solid #e8ce8666!important;
 background:#ffffff17!important;color:#fff!important;border-radius:50%!important;
 font-size:24px!important;cursor:pointer!important}
.mg-grand-celebration.mg-live-leaving{animation:mgGrandFade .45s ease-in both!important}
@keyframes mgGrandReveal{from{opacity:0;transform:scale(1.035)}to{opacity:1;transform:scale(1)}}
@keyframes mgGrandFade{to{opacity:0;transform:scale(1.035)}}
@keyframes mgMonkeyCelebrate{from{transform:translateY(3px) rotate(-8deg)}to{transform:translateY(-12px) rotate(8deg)}}
@keyframes mgConfettiPop{from{opacity:0;transform:translateY(45px) scale(.7)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes mgConfettiDrift{to{transform:translateY(60px) rotate(3deg)}}
.mg-audit-details{max-height:200px;overflow:auto;white-space:pre-wrap;font-size:11px;color:#14283a}
@media(prefers-reduced-motion:reduce){.mg-grand-celebration,.mg-grand-celebration *{animation:none!important}}