:root{--navy:#6f5fe0;--navy2:#5a49c8;--accent:#2bb3c0;--bg:#F7F4FF;--card:#fff;--text:#4B4661;--muted:#73809b;--line:#EFE7FF;--radius:16px;--shadow:0 2px 12px rgba(124,108,240,.08);}
body{background:var(--bg)!important;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;}
.tms-wrap{max-width:820px;margin:0 auto;padding:16px;}
.tms-hero{background:linear-gradient(135deg,var(--navy),var(--navy2));color:#fff;border-radius:var(--radius);padding:22px 20px;box-shadow:var(--shadow);}
.tms-hero h1{font-size:21px;margin:0;font-weight:700;letter-spacing:-.01em;}
.tms-hero p{margin:5px 0 0;font-size:12.5px;opacity:.85;}
.tms-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;margin-top:18px;}
.tms-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:18px;text-decoration:none!important;color:var(--text)!important;box-shadow:var(--shadow);transition:transform .12s ease,box-shadow .12s ease;}
.tms-card:hover{transform:translateY(-3px);box-shadow:0 8px 22px rgba(124,108,240,.15);}
.tms-ic{width:44px;height:44px;border-radius:13px;background:rgba(124,108,240,.09);display:flex;align-items:center;justify-content:center;color:var(--navy);margin-bottom:11px;}
.tms-ic svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.tms-card b{font-size:15px;font-weight:650;}
.tms-card span{display:block;font-size:12px;color:var(--muted);margin-top:3px;}
.tms-section{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:20px 2px 4px;font-weight:600;}
.tms-alert{background:#fff7e6;border:1px solid #ffe2a8;border-radius:12px;padding:12px 14px;margin-top:14px;font-size:13px;color:#8a6d3b;}
.tms-alert a{color:var(--navy);font-weight:600;}
.tms-back{display:inline-block;margin-top:18px;color:var(--navy);font-size:13px;text-decoration:none;font-weight:600;}
.btn{background:var(--navy);color:#fff;border:none;border-radius:10px;padding:11px 18px;font-size:14px;cursor:pointer;}
.btn-accent{background:var(--accent);}
.tms-table{width:100%;border-collapse:separate;border-spacing:0;font-size:13px;background:#fff;border-radius:12px;overflow:hidden;box-shadow:var(--shadow);}
.tms-table th{background:var(--navy);color:#fff;text-align:left;padding:11px;font-weight:600;}
.tms-table td{padding:10px 11px;border-bottom:1px solid var(--line);}

/* ===== global base lift for all portal pages (restyle-all) ===== */
h1,h2,h3,h4{color:var(--navy);letter-spacing:-.01em;}
h2{font-weight:700;}
a{color:var(--navy);}
input:not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea{
  border:1px solid var(--line)!important;border-radius:9px!important;padding:9px 11px!important;
  font-size:14px!important;background:#fff!important;outline:none!important;color:var(--text);}
input:focus,select:focus,textarea:focus{border-color:var(--navy)!important;box-shadow:0 0 0 3px rgba(124,108,240,.10)!important;}
table{border-collapse:separate;border-spacing:0;}
/* hide the default website newsletter / subscribe footer (out of place for an internal app) */
.web-footer form,.footer-subscribe,.newsletter,form.newsletter-form,#footer-subscribe{display:none!important;}
.web-footer{background:#fff;border-top:1px solid var(--line);}
/* tidy default navbar */
.navbar{box-shadow:0 1px 6px rgba(124,108,240,.06);}

/* ===== lavender peppy makeover ===== */
:root{--accent:#79E0C8;--bg:#F7F4FF;}
body{background:linear-gradient(160deg,#FBF8FF 0%,#F2F7FF 100%)!important;}
.att,.att input,.att select,.att button,.att textarea,.tms-wrap,.tms-hero,.tms-card,.tms-hero h1,.att-bar h1,.tms-card b,.chip,.att-btn{font-family:'Quicksand','Nunito',-apple-system,'Segoe UI',sans-serif!important;}
.tms-hero,.att-bar{border-radius:20px!important;}
.tms-hero{background:linear-gradient(135deg,#9A86FD,#8E9BEA)!important;box-shadow:0 10px 30px rgba(154,134,253,.22)!important;}
.att-btn.primary,.btn{transition:transform .12s cubic-bezier(.2,.8,.2,1),box-shadow .15s,background .15s!important;}
.att-btn.primary{box-shadow:0 3px 0 #5a49c8!important;}
.att-btn.primary:active{transform:translateY(2px)!important;box-shadow:0 1px 0 #5a49c8!important;}
.tms-card{transition:transform .14s cubic-bezier(.2,.8,.2,1),box-shadow .16s!important;}
.tms-card:active,.att-pill:active{transform:scale(.98)!important;}
.tms-ic{background:rgba(154,134,253,.14)!important;color:#7c6cf0!important;}
.chip.full{background:rgba(121,224,200,.20)!important;color:#0a7d5a!important;}
.tms-mascot{width:54px;height:54px;flex:none;animation:mascot-float 3.6s ease-in-out infinite;}
@keyframes mascot-float{0%,100%{transform:translateY(0) rotate(-3deg);}50%{transform:translateY(-6px) rotate(3deg);}}
@media (prefers-reduced-motion: reduce){.tms-mascot{animation:none;}.att-panel{animation:none;}}

/* ===== app shell (sidebar nav) ===== */
body.tms-shell{padding-left:252px;}
body.tms-shell .navbar,body.tms-shell .web-footer,body.tms-shell footer{display:none!important;}
.tms-sidebar{position:fixed;top:0;left:0;width:252px;height:100vh;overflow-y:auto;background:linear-gradient(180deg,#F3EFFF 0%,#FBF8FF 60%);border-right:1px solid #EAE3FF;padding:14px 12px 48px;z-index:1200;font-family:'Quicksand','Nunito',sans-serif;}
.tms-sb-logo{display:flex;align-items:center;gap:9px;font-weight:700;color:#5a49c8;font-size:17px;padding:6px 10px 10px;text-decoration:none;}
.tms-sb-logo img{width:34px;height:34px;}
.tms-sb-grp{font-size:10px;text-transform:uppercase;letter-spacing:.07em;color:#a99fce;font-weight:700;margin:15px 12px 4px;}
.tms-sb-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:11px;color:#5b5570;text-decoration:none;font-size:13.5px;font-weight:600;transition:background .14s,color .14s,transform .1s;}
.tms-sb-item i{display:flex;width:18px;height:18px;color:#9a86fd;}
.tms-sb-item i svg{width:18px;height:18px;}
.tms-sb-item:hover{background:#EDE7FF;color:#5a49c8;}
.tms-sb-item:active{transform:scale(.98);}
.tms-sb-item.on{background:#9A86FD;color:#fff;box-shadow:0 5px 14px rgba(154,134,253,.38);}
.tms-sb-item.on i{color:#fff;}
.tms-sb-out{margin-top:20px;color:#b3261e;}
.tms-sb-out i{color:#b3261e;}
.tms-burger{display:none;position:fixed;top:12px;left:12px;z-index:1300;width:44px;height:44px;border-radius:13px;border:1px solid #EAE3FF;background:#fff;color:#5a49c8;font-size:19px;box-shadow:0 5px 16px rgba(154,134,253,.20);cursor:pointer;}
.tms-scrim{display:none;position:fixed;inset:0;background:rgba(58,51,87,.34);z-index:1150;}
@media(max-width:900px){
 body.tms-shell{padding-left:0;}
 .tms-sidebar{transform:translateX(-100%);transition:transform .22s cubic-bezier(.2,.8,.2,1);box-shadow:0 0 50px rgba(58,51,87,.22);}
 .tms-sidebar.open{transform:none;}
 .tms-scrim.show{display:block;}
 .tms-burger{display:flex;align-items:center;justify-content:center;}
 .att,.tms-wrap{padding-top:62px;}
}
@media(prefers-reduced-motion:reduce){.tms-sidebar{transition:none;}}

/* bear poses */
.att-empty::before{content:"";display:block;width:88px;height:88px;margin:0 auto 12px;background:url(/assets/tms_hr/img/bears/sleep.svg) center/contain no-repeat;}
.tms-pagebear{width:42px;height:42px;margin-left:10px;flex:none;}