/* Pastel workspace: lavender, mint, butter and peach. */
:root{color:#38354b;background:#f8f7fc;--ink:#39324f;--green:#7660ad;--mint:#ddcff6;--line:#e9e4f0;--muted:#82798f}
body{background:radial-gradient(ellipse at 95% 10%,#f2eafc 0,transparent 40%),radial-gradient(ellipse at 30% 90%,#eef7f2 0,transparent 35%),#f8f7fc}
.sidebar{background:linear-gradient(170deg,#efe8fa,#f3edf9 55%,#e8f2ef);color:#615475;border-right:1px solid #e4ddee}.brand,.brand:hover{color:#4c3a6b}.brand-mark{color:#76609e;background:#ffffff75;border-color:#c5b3e1;box-shadow:0 3px 12px #745b9910}.brand-dot{color:#a18ac6}.workspace-label{color:#8f7da4}.nav-caption{color:#968aa6}nav a{color:#786a8c}nav a.active{color:#624789;background:#ded0ef;box-shadow:0 4px 12px #a48ac312}nav a.active:before{background:#b497d6}nav a:hover{background:#e7dbf2;color:#594273}.nav-arrow{color:#8665ac}.sidebar-note{border-color:#dcd3e5}.sidebar-note strong{color:#695479}.sidebar-note p{color:#8b7e97}.small-orbit,.small-orbit:before{border-color:#b5a0cc}.sidebar-account{border-color:#dad4e4}.sidebar-account small{color:#96859f}.sidebar-account .avatar{background:#dcd2ee;color:#6f588b}.logout{color:#8c789e!important}.topbar{background:#ffffffb8;backdrop-filter:blur(16px);border-color:#eae5f1}.topbar strong{color:#665574}.breadcrumb{color:#9c8fa9}.avatar{background:#e7def4;color:#7d6498}.timezone{color:#92819f}h1,h2{color:#443650}.accent{color:#b998cf}.eyebrow{color:#9984a8}.muted{color:#8b7c96}
.button,button{background:#9077b5;color:white;border-radius:10px}.button:hover,button:hover{background:#7d63a3;box-shadow:0 7px 18px #9a7abd2b;transform:translateY(-2px)}.primary{box-shadow:0 5px 16px #9c7bb32b}.button .icon{transition:transform .35s var(--ease)}.button:hover .icon{transform:translateY(3px)}.quiet{background:#f5f1fa;color:#867393;border-color:#e9e0f1}.quiet:hover{background:#ebe2f5;color:#79618e}
.performance{background:linear-gradient(115deg,#e2d5f7,#ece0f7 40%,#f6e0dd 75%,#e2efe7);background-size:220% 220%;animation:pastel-drift 16s ease-in-out infinite;color:#544168;border:1px solid #e1d4eb;border-radius:20px;box-shadow:0 12px 35px #9e7cb214}.performance-top,.performance-content,.performance-bottom,.performance-footnote{position:relative;z-index:1}.overline{color:#937aab}.status-dot{background:#a390c3;box-shadow:0 0 12px #baa4d5}.chip{color:#9b85af;border-color:#baa5cf66;background:#ffffff26}.performance-label{color:#8f749f}.hero-number{color:#6c5084;font-weight:450}.percent{color:#a38bb6}.performance-caption{color:#9277a1}.performance-bottom>div{color:#997da9}.performance-bottom b{color:#795b91}.performance-footnote{color:#9b82aa}.orbit{border-color:#b597cb66}.orbit-core{color:#9474af;background:#ffffff35;border-color:#c5aad470;box-shadow:0 0 40px #fff5}.orbit-dot{background:#fff7de;box-shadow:0 0 16px #fffeef;animation:pastel-float 5s ease-in-out infinite}.orbit-two{animation:orbit-turn 22s linear infinite}.orbit-three{animation:orbit-turn 30s linear infinite reverse}.orbital{animation:pastel-float 8s ease-in-out infinite}
.performance progress{height:7px;background:#fff8}.performance progress::-webkit-progress-bar{background:#fff8}.performance progress::-webkit-progress-value{background:linear-gradient(90deg,#ac8fcd,#c5adda);border-radius:8px}.performance progress::-moz-progress-bar{background:#ac8fcd}
.panel{border-color:#eae5ee;border-radius:16px;box-shadow:0 4px 20px #86749306}.kpi{border-color:#e6def0;border-radius:17px;position:relative;overflow:hidden}.kpi:nth-child(1){background:linear-gradient(130deg,#eee8fa,#f7f3fd)}.kpi:nth-child(2){background:linear-gradient(130deg,#e1f2e9,#eff9f3);border-color:#d9eade}.kpi:nth-child(3){background:linear-gradient(130deg,#fcf0d7,#fff9eb);border-color:#eee3ca}.kpi:nth-child(4){background:linear-gradient(130deg,#f8e2df,#fff2ef);border-color:#eedad6}.kpi:hover{transform:translateY(-6px);border-color:#cbb6dd;box-shadow:0 14px 26px #a68ebf20}.kpi:after{content:'';position:absolute;right:-24px;bottom:-38px;width:110px;height:110px;border:1px solid #ffffff95;border-radius:50%;pointer-events:none;transition:transform .7s var(--ease)}.kpi:hover:after{transform:scale(1.25) translateY(-10px)}.kpi strong{color:#695575}.metric-top{color:#8f799a}.metric-icon{background:#ffffff65!important}.kpi small{color:#99849e}.kpi:nth-child(2) strong{color:#538972}.kpi:nth-child(2) .metric-top,.kpi:nth-child(2) small{color:#7b9d8d}.kpi:nth-child(3) strong{color:#ac8b4d}.kpi:nth-child(3) .metric-top,.kpi:nth-child(3) small{color:#ad9971}.kpi:nth-child(4) strong{color:#b77f78}.kpi:nth-child(4) .metric-top,.kpi:nth-child(4) small{color:#b5928b}.green{color:#86b59e}.blue{color:#ac93ca}.amber{color:#d7b875}.red{color:#d59e96}.green-bg{background:#a4d1bc}.amber-bg{background:#efcf94}.red-bg{background:#e5b0a8}.gray-bg{background:#d6c7e8}.chart-panel{background:linear-gradient(160deg,#fff,#fcfaff)}.section-heading .eyebrow{color:#a494b0}.subtle-tag{background:#f8f4fc;color:#a08bb1;border-color:#eee6f3}.legend li>span{color:#9582a1}.legend b{color:#80658f}.legend li{border-color:#f2ebf6}.record-count{background:#eae0f4;color:#9a7eb0}.import-caption,.metadata{color:#a08da9}.filters{background:#ffffffde}.statuses .selected{background:#e9def6;color:#8867a6;border-color:#ddccef}.statuses .quiet{color:#a18bab}.statuses .quiet:hover{background:#f4edf9;color:#876497}input,select,textarea{border-color:#e8deef;background:#fefcff;color:#715c80;border-radius:9px}input::placeholder,textarea::placeholder{color:#b5a5bf}input:focus,select:focus,textarea:focus{border-color:#b598d1;box-shadow:0 0 0 4px #bfa4dd1c}label{color:#9781a5}.filter-row label{color:#9c87ac}input[type=checkbox]{accent-color:#aa8ac6}details{color:#9982a9;border-color:#eee6f4}th{background:#f9f5fd}td,th{border-color:#f0eaf4}td{color:#917e9d}td[data-column=customer]{color:#755b87}td[data-column=ncid]{color:#9675aa}.sort{color:#a790b7}.sort:hover{color:#79528f;background:transparent;box-shadow:none}tr:hover td{background:#faf4ff}.table-heading{background:linear-gradient(90deg,#fff,#fcf8ff)}.view{border-color:#e9ddf3;color:#a07abd}.view:hover{background:#f0e4fa}.badge{background:#eee6f6;color:#9d80b4}.badge.completed{background:#e8f5ed;color:#77a88e}.badge.incomplete{background:#fff5df;color:#bc9f60}.badge.rejected{background:#fbece7;color:#c19387}.empty strong{color:#9f89aa}.empty>span:last-child{color:#b3a1be}.empty-symbol{color:#bb9ed0}.pagination{color:#a08bac}.pagination a{border-color:#e9ddf2}.heading p:not(.eyebrow){color:#9c89a6}dt{color:#a28daf}dd{color:#8b7399}.history article{border-color:#ebdfef}.history article:before{background:#c1a1d3}.history p{color:#9981a4}.history small{color:#ae95b8}.notice{background:#f2eafa;border-color:#e2d4ed;color:#9b7dab}.error{color:#bd7f86}.signed-out .sidebar{background:linear-gradient(145deg,#e9dcf9,#f4e1e9 55%,#e2f0e9)}.signed-out .sidebar:after{color:#a081ac}.login input{border-color:#e2d5ee}.sidebar-note .small-orbit{animation:pastel-float 7s ease-in-out infinite}footer{color:#b4a2bf}.await-reveal{opacity:0;transform:translateY(20px)}.pastel-enter{animation:pastel-enter .8s var(--ease) both}.performance.reveal-in{animation:reveal .8s var(--ease) both,pastel-drift 16s ease-in-out infinite}.reveal-in:nth-child(2){animation-delay:.1s}.reveal-in:nth-child(3){animation-delay:.2s}.reveal-in:nth-child(4){animation-delay:.3s}@keyframes pastel-drift{0%,100%{background-position:0% 40%}50%{background-position:100% 60%}}@keyframes pastel-float{0%,100%{translate:0 0}50%{translate:0 -8px}}@keyframes orbit-turn{from{rotate:0deg}to{rotate:360deg}}@keyframes pastel-enter{from{opacity:0;transform:translateY(20px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){.await-reveal{opacity:1;transform:none}*,*:before,*:after{animation:none!important;transition:none!important}}
/* Keep small text legible against the pastel surfaces. */
.muted,.metric-top,.legend li>span,.import-caption,.metadata,.filter-row label,label,details,dt{color:#7e6a8c}.eyebrow,.section-heading .eyebrow{color:#84708f}.kpi small{color:#84708e}.kpi:nth-child(2) .metric-top,.kpi:nth-child(2) small{color:#63816f}.kpi:nth-child(3) .metric-top,.kpi:nth-child(3) small{color:#927b50}.kpi:nth-child(4) .metric-top,.kpi:nth-child(4) small{color:#9b7069}.performance-caption,.performance-footnote,.performance-bottom>div,.performance-label,.overline{color:#856497}.sidebar-note p,.sidebar-account small,.nav-caption{color:#84718e}.sort,td{color:#887095}.subtle-tag{color:#8d729e}.badge.completed{color:#568066}.badge.incomplete{color:#9c7e39}.badge.rejected{color:#a87368}.empty>span:last-child{color:#9b85a8}.history small{color:#91759d}
/* Native same-origin page transitions, with progressive enhancement. */
@media(prefers-reduced-motion:no-preference){@view-transition{navigation:auto}.sidebar{view-transition-name:workspace-navigation}.topbar{view-transition-name:workspace-header}::view-transition-old(root){animation:page-depart .22s ease both}::view-transition-new(root){animation:page-arrive .42s cubic-bezier(.2,.8,.2,1) both}::view-transition-group(workspace-navigation),::view-transition-group(workspace-header){animation-duration:.35s}}
@keyframes page-depart{to{opacity:0;transform:translateY(-8px)}}@keyframes page-arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
.glow-card{position:relative;isolation:isolate;overflow:hidden}.card-glow{position:absolute;inset:0 auto auto 0;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,#ffffff95,transparent 65%);opacity:0;pointer-events:none;z-index:-1;transition:opacity .35s;will-change:transform}.glow-card:hover .card-glow{opacity:1}.performance .card-glow{background:radial-gradient(circle,#fff9,transparent 68%);width:240px;height:240px}.kpi .metric-icon{transition:transform .5s cubic-bezier(.2,1.6,.4,1),box-shadow .3s}.kpi:hover .metric-icon{transform:rotate(-12deg) scale(1.15);box-shadow:0 4px 12px #fff7}.view span{display:inline-block;transition:transform .35s}.view:hover span{transform:translate(2px,-2px)}
.heading{position:relative}.heading:after{content:'';position:absolute;bottom:-10px;left:0;width:80px;height:3px;border-radius:6px;background:linear-gradient(90deg,#bca0db,#e7c5cb,#b8ddca);transform-origin:left;animation:accent-grow .8s .15s both}.heading .badge{box-shadow:0 0 0 0 #b69ad329;animation:badge-breathe 1.8s ease-in-out 3}.columns>.panel{transition:border-color .3s,box-shadow .3s}.columns>.panel:focus-within{border-color:#cbb5e2;box-shadow:0 8px 30px #b091cb14}.columns>.panel:focus-within h2{color:#946eae}.history article{animation:timeline-enter .6s cubic-bezier(.2,.8,.2,1) both}.history article:before{box-shadow:0 0 0 4px #f1e7f8}.history article:not(:last-child):after{content:'';position:absolute;left:2px;top:34px;bottom:-22px;width:1px;background:linear-gradient(#dcc6ed,#f5ecfa)}
.toast{display:flex;align-items:center;gap:12px;animation:toast-enter .6s cubic-bezier(.2,1.3,.4,1) both;box-shadow:0 6px 24px #b292c61c}.toast:before{content:'✓';display:grid;place-items:center;width:25px;height:25px;background:#e2f1e8;color:#65957a;border-radius:50%;flex:none;animation:check-pop .5s .15s both}.submitting{cursor:progress!important;opacity:.8}.submitting:after{content:'';width:12px;height:12px;display:inline-block;border:2px solid #fff5;border-top-color:#fff;border-radius:50%;animation:save-spin .7s linear infinite}details[open]>div{animation:detail-open .3s ease-out}.sidebar nav a:hover .icon{animation:nav-wiggle .5s ease-in-out}.brand-mark{transition:transform .45s cubic-bezier(.2,1.5,.4,1)}.brand:hover .brand-mark{transform:skewY(-6deg) rotate(-8deg) scale(1.08)}
@keyframes accent-grow{from{scale:0 1;opacity:0}to{scale:1 1;opacity:1}}@keyframes badge-breathe{50%{box-shadow:0 0 0 7px #b69ad300}}@keyframes timeline-enter{from{opacity:0;translate:-8px 0}to{opacity:1;translate:0 0}}@keyframes toast-enter{from{opacity:0;translate:0 -12px}to{opacity:1;translate:0 0}}@keyframes check-pop{from{scale:.5;rotate:-30deg}to{scale:1;rotate:0deg}}@keyframes save-spin{to{rotate:360deg}}@keyframes detail-open{from{opacity:0;translate:0 -5px}to{opacity:1;translate:0 0}}@keyframes nav-wiggle{30%{rotate:-8deg}70%{rotate:5deg}}
@media(prefers-reduced-motion:reduce){@view-transition{navigation:none}.card-glow{display:none}*,*:before,*:after{animation:none!important;transition:none!important}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}