.amount-inline{display:flex;align-items:baseline;gap:12px;margin:10px 0;color:#76889d;font-size:12px}.amount-inline strong{color:#087f96;font-size:18px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:.2px}.compact-rows .amount-inline{margin:6px 0}.detail-summary .amount-inline{padding:16px;background:#edf8fa;border-radius:12px;margin:12px 0 20px;justify-content:space-between}.detail-summary .amount-inline strong{font-size:24px}
.login-shell{background:#edf4f8;overflow-x:hidden}.login-shell .login-ambient{z-index:-1;position:fixed;inset:0;overflow:hidden;background:linear-gradient(130deg,#e8f6f5,#f3f6fc 50%,#e4edf9)}.login-shell .login-ambient i{position:absolute;width:65vw;height:65vw;min-width:450px;min-height:450px;left:-20vw;top:-30vw;background:radial-gradient(circle,#28bfb84a,transparent 67%);animation:aurora-float 20s ease-in-out infinite alternate}.login-shell .login-ambient i:nth-child(2){left:auto;right:-23vw;top:20vh;background:radial-gradient(circle,#758ae85c,transparent 66%);animation-delay:-8s}.login-shell .login-ambient i:nth-child(3){left:20vw;top:50vh;background:radial-gradient(circle,#27b3d02e,transparent 65%);animation-delay:-14s}.ambient-grid{position:absolute;inset:-40%;background-image:linear-gradient(#7395ad12 1px,transparent 1px),linear-gradient(90deg,#7395ad12 1px,transparent 1px);background-size:70px 70px;transform:rotate(-18deg);animation:grid-drift 35s linear infinite}.ambient-orbit{position:absolute;width:600px;height:600px;border:1px solid #419da128;border-radius:50%;top:10%;left:calc(50% - 300px);box-shadow:0 0 0 80px #54a8be07,0 0 0 160px #54a8be06;animation:orbit-breathe 10s ease-in-out infinite alternate}.login-shell .login-card{background:#ffffffda!important;backdrop-filter:blur(22px);box-shadow:0 25px 90px #37577815!important}
@keyframes aurora-float{to{transform:translate(12vw,10vh) scale(1.2)}}@keyframes grid-drift{to{translate:70px 70px}}@keyframes orbit-breathe{to{transform:scale(1.16);opacity:.4}}
.swup-loading-line{display:none!important}.data-load-status{position:fixed;right:24px;bottom:24px;z-index:190;background:#15384e;color:#fff;padding:18px 22px;border:1px solid #507689;border-radius:18px;box-shadow:0 12px 40px #15384e24;display:flex;gap:18px;align-items:center;max-width:calc(100vw - 48px);pointer-events:none}.data-load-status[hidden]{display:none}.data-load-status strong{font-size:14px;display:block}.data-load-status small{display:block;margin-top:6px;color:#c0d5df;font-size:12px;font-variant-numeric:tabular-nums}.data-bars{display:flex;align-items:center;gap:4px;height:34px}.data-bars i{display:block;width:5px;height:12px;background:#69d6d5;border-radius:4px;animation:data-bar .9s ease-in-out infinite alternate}.data-bars i:nth-child(2){height:28px;animation-delay:-.3s}.data-bars i:nth-child(3){height:20px;animation-delay:-.6s}.data-load-status.done .data-bars i{animation:none;height:20px}.data-load-status.done .data-bars i:nth-child(2){height:30px}@keyframes data-bar{to{height:32px;opacity:.45}}
@media(prefers-reduced-motion:reduce){.login-shell .login-ambient i,.ambient-grid,.ambient-orbit,.data-bars i{animation:none!important}}
/* Smaller financial values, consistent with the existing row text. */
.zip-ui .amount-inline{gap:8px;margin:6px 0;font-size:12px}.zip-ui .amount-inline strong{font-size:14px;font-weight:600;letter-spacing:0}.zip-ui .detail-summary .amount-inline{padding:10px 12px;margin:10px 0 16px}.zip-ui .detail-summary .amount-inline strong{font-size:16px;font-weight:600}
/* A quiet indeterminate line; completion is driven by actual navigation. */
.data-load-status{left:0;right:0;top:0;bottom:auto;height:3px;max-width:none;padding:0;border:0;border-radius:0;box-shadow:none;background:#198b9c16;display:block;overflow:hidden}.data-load-status>div:last-child{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.data-load-status .data-bars{display:block;width:35%;height:3px;background:linear-gradient(90deg,transparent,#0e93a8,#59c5b8);animation:load-sweep 1.15s ease-in-out infinite;border-radius:2px}.data-load-status .data-bars i{display:none}.data-load-status.done .data-bars{width:100%;background:#26a28c;animation:none}@keyframes load-sweep{from{transform:translateX(-100%)}to{transform:translateX(300%)}}
.login-style-picker{position:relative;z-index:3;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;margin:16px auto 0;padding:12px;max-width:680px}.login-style-picker>span{font-size:12px;color:#607b8a;margin-right:6px}.login-style-picker button{border:1px solid #d5e5ea;background:#ffffffbf;color:#486679;padding:9px 13px;border-radius:20px;font-size:12px;cursor:pointer;transition:background .2s,transform .2s}.login-style-picker button:hover{transform:translateY(-2px);background:#fff}.login-style-picker button[aria-pressed=true]{background:#127f92;color:#fff;border-color:#127f92}.login-shell .login-experience{padding-top:24px}
.login-shell[data-login-style=waves] .login-ambient{background:linear-gradient(155deg,#edf9f8,#e6f3f5 50%,#d7ecec)}[data-login-style=waves] .ambient-grid{display:none}[data-login-style=waves] .ambient-orbit{width:140vw;height:140vw;left:-20vw;top:48vh;border:1px solid #409f9c40;box-shadow:0 0 0 40px #fff3,0 0 0 90px #75bcb51a,0 0 0 150px #fff3,0 0 0 220px #75bcb512;animation:wave-roll 12s ease-in-out infinite alternate}[data-login-style=waves] .login-ambient i{background:radial-gradient(circle,#79c7b93d,transparent 65%)}@keyframes wave-roll{to{transform:translateY(-12vh) rotate(12deg) scale(1.08)}}
.login-shell[data-login-style=night] .login-ambient{background:radial-gradient(ellipse at 20% 15%,#214664,#111f38 60%,#182743)}[data-login-style=night] .login-ambient i{background:radial-gradient(circle,#229fb139,transparent 68%)}[data-login-style=night] .ambient-grid{background-image:radial-gradient(circle,#d4e5ff9c 1px,transparent 1.5px);background-size:90px 90px;animation:grid-drift 50s linear infinite}[data-login-style=night] .ambient-orbit{border-color:#80b9d95c;box-shadow:0 0 0 80px #669cdb08,0 0 0 160px #669cdb08}[data-login-style=night] .login-style-picker>span{color:#d0e6f3}[data-login-style=night] .login-support{color:#687e8e}
.login-shell[data-login-style=dots] .login-ambient{background:linear-gradient(135deg,#f5f7fb,#eaf2f8)}[data-login-style=dots] .ambient-orbit{display:none}[data-login-style=dots] .ambient-grid{background-image:radial-gradient(circle,#5597b240 3px,transparent 4px),radial-gradient(circle,#83b8ba30 7px,transparent 8px);background-size:100px 100px,210px 210px;transform:none;animation:particle-drift 22s ease-in-out infinite alternate}[data-login-style=dots] .login-ambient i{opacity:.35}@keyframes particle-drift{to{transform:translate(40px,-60px)}}
@media(max-width:600px){.login-style-picker{gap:6px;margin-top:6px}.login-style-picker>span{width:100%;text-align:center}.login-style-picker button{padding:8px 10px}.login-shell .login-experience{padding-top:12px}}
@media(prefers-reduced-motion:reduce){.login-shell .ambient-grid,.login-shell .ambient-orbit,.data-load-status .data-bars{animation:none!important}.data-load-status .data-bars{width:100%;opacity:.6}}
/* 04: visible layered particle drift, preserving an unobstructed login form. */
.login-shell[data-login-style=dots] .login-ambient{background:linear-gradient(135deg,#e8f6f6,#edf2fb 55%,#e1edf6)}
[data-login-style=dots] .ambient-grid{inset:-160px;background-image:radial-gradient(circle,#168aa975 3px,transparent 4px),radial-gradient(circle,#65b8be65 6px,transparent 7px);background-size:130px 130px,220px 220px;background-position:0 0,65px 90px;animation:particles-rise 9s linear infinite;transform:none}
[data-login-style=dots] .ambient-grid::before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,#277baf40 2px,transparent 3px);background-size:75px 75px;animation:particles-side 13s linear infinite}
[data-login-style=dots] .ambient-grid::after{content:"";position:absolute;inset:0;background-image:linear-gradient(35deg,transparent 49.7%,#3b9ab31f 50%,transparent 50.3%),linear-gradient(145deg,transparent 49.7%,#3b9ab319 50%,transparent 50.3%);background-size:260px 220px;animation:particles-side 18s linear infinite}
[data-login-style=dots] .login-ambient i{opacity:.65;animation-duration:9s}
@keyframes particles-rise{from{translate:0 0}to{translate:65px -130px}}
@keyframes particles-side{from{transform:translate(0,0)}to{transform:translate(-75px,-75px)}}
@media(prefers-reduced-motion:reduce){[data-login-style=dots] .ambient-grid,[data-login-style=dots] .ambient-grid::before,[data-login-style=dots] .ambient-grid::after{animation:none!important}}
.meteor-field{display:none}
.login-shell[data-login-style=meteors] .login-ambient{background:radial-gradient(ellipse at 18% 10%,#23486c 0%,#101d36 48%,#0b1428 100%)}
[data-login-style=meteors] .ambient-grid{background-image:radial-gradient(circle,#c9e8ffad 1px,transparent 1.6px),radial-gradient(circle,#aacbf966 1px,transparent 1.6px);background-size:113px 127px,197px 173px;background-position:0 0,48px 68px;animation:none;transform:rotate(-8deg)}
[data-login-style=meteors] .ambient-orbit{display:none}
[data-login-style=meteors] .login-ambient i{opacity:.35;background:radial-gradient(circle,#4269c85e,transparent 68%)}
[data-login-style=meteors] .login-style-picker>span{color:#d0e6f3}
[data-login-style=meteors] .release-info{color:#bacfdf}
[data-login-style=meteors] .meteor-field{display:block;position:absolute;inset:0;overflow:hidden;pointer-events:none}
.meteor-field span{position:absolute;left:var(--mx);top:var(--my);width:var(--length,150px);height:2px;opacity:0;transform:rotate(-35deg);transform-origin:left center;background:linear-gradient(90deg,#edfbff,#9de7ff8c 20%,transparent);border-radius:100%;filter:drop-shadow(0 0 5px #89d5f9);animation:meteor-flight var(--duration,5s) linear infinite;animation-delay:var(--delay,0s)}
.meteor-field span::before{content:"";position:absolute;width:4px;height:4px;left:0;top:-1px;border-radius:50%;background:#fff;box-shadow:0 0 10px #bfeaff}
.meteor-field span:nth-child(1){--mx:85%;--my:-5%;--duration:4.6s;--delay:-1.2s;--length:190px}
.meteor-field span:nth-child(2){--mx:45%;--my:0%;--duration:5.2s;--delay:-3.4s;--length:130px}
.meteor-field span:nth-child(3){--mx:110%;--my:20%;--duration:5.8s;--delay:-2s;--length:200px}
.meteor-field span:nth-child(4){--mx:35%;--my:30%;--duration:6.2s;--delay:-4.8s;--length:100px}
.meteor-field span:nth-child(5){--mx:80%;--my:45%;--duration:4.8s;--delay:-3s;--length:170px}
.meteor-field span:nth-child(6){--mx:60%;--my:-15%;--duration:7s;--delay:-5.8s;--length:110px}
.meteor-field span:nth-child(7){--mx:115%;--my:60%;--duration:6.4s;--delay:-1.3s;--length:160px}
.meteor-field span:nth-child(8){--mx:20%;--my:10%;--duration:5.6s;--delay:-4.1s;--length:120px}
.meteor-field span:nth-child(9){--mx:95%;--my:5%;--duration:7.2s;--delay:-6s;--length:150px}
.meteor-field span:nth-child(10){--mx:60%;--my:65%;--duration:6.8s;--delay:-2.5s;--length:110px}
.meteor-field span:nth-child(11){--mx:15%;--my:65%;--duration:5.4s;--delay:-.6s;--length:90px}
.meteor-field span:nth-child(12){--mx:100%;--my:80%;--duration:7.6s;--delay:-4.5s;--length:140px}
@keyframes meteor-flight{0%{opacity:0;transform:translate(0,0) rotate(-35deg)}8%{opacity:.85}35%{opacity:.65}48%,100%{opacity:0;transform:translate(-55vw,38vw) rotate(-35deg)}}
@media(max-width:600px){.meteor-field span{max-width:110px}.meteor-field span:nth-child(n+9){display:none}}
@media(prefers-reduced-motion:reduce){.meteor-field span{animation:none!important;display:none}}
/* Login-only transparent logo presentation; original branding asset is retained. */
.login-shell .login-brand .yunshu-mark,.login-shell .login-brand .yunshu-mark img{background:transparent!important;box-shadow:none!important;border:0!important}
.login-shell .login-brand .yunshu-mark img{filter:url(#login-logo-cutout)}
.login-shell[data-login-style=meteors] .login-card,.login-shell[data-login-style=night] .login-card{background:linear-gradient(145deg,#203d59e8,#14263de8)!important;border:1px solid #8bb7d338!important;box-shadow:0 24px 80px #030e2d55,inset 0 1px 0 #d1f3ff12!important;backdrop-filter:blur(22px);color:#e6f1fc}
.login-shell:is([data-login-style=meteors],[data-login-style=night]) .login-brand,.login-shell:is([data-login-style=meteors],[data-login-style=night]) .login-welcome{color:#f0f7ff!important}
.login-shell:is([data-login-style=meteors],[data-login-style=night]) .login-brand small,.login-shell:is([data-login-style=meteors],[data-login-style=night]) .login-eyebrow{color:#92bccc!important}
.login-shell:is([data-login-style=meteors],[data-login-style=night]) .login-caption,.login-shell:is([data-login-style=meteors],[data-login-style=night]) .login-support{color:#a6bdd1!important}
.login-shell:is([data-login-style=meteors],[data-login-style=night]) .login-card label{color:#c7daeb!important}
.login-shell:is([data-login-style=meteors],[data-login-style=night]) .login-card input{background:#0b1e3280!important;border:1px solid #5c80995c!important;color:#edf8ff!important;box-shadow:inset 0 1px 3px #08122418}
.login-shell:is([data-login-style=meteors],[data-login-style=night]) .login-card input::placeholder{color:#8faac0;opacity:1}
.login-shell:is([data-login-style=meteors],[data-login-style=night]) .login-card input:focus{border-color:#64c8d5!important;outline:3px solid #45b7ca26}
.login-shell:is([data-login-style=meteors],[data-login-style=night]) .login-card .password-toggle{color:#8ee2e7!important}
.login-shell:is([data-login-style=meteors],[data-login-style=night]) .login-card .primary{background:linear-gradient(105deg,#128b9f,#20a79e)!important;color:#fff!important;border-color:#43b8bf!important;box-shadow:0 8px 22px #03122430!important}
.login-shell:is([data-login-style=meteors],[data-login-style=night]) .test-login-helpers,.login-shell:is([data-login-style=meteors],[data-login-style=night]) .test-login-helpers summary{color:#b7d4e5!important}