:root{--navy:#0a2444;--navy2:#10355d;--primary:#1767e9;--primary-dark:#1256c4;--sky:#eaf3ff;--bg:#f5f8fc;--surface:#fff;--line:#e3eaf3;--text:#172b46;--muted:#718199;--green:#13966d;--red:#d34555;--amber:#b47a1a;--shadow:0 9px 35px rgba(24,55,95,.045)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:'Readex Pro',Tahoma,'Segoe UI',Arial,sans-serif;font-size:13px;line-height:1.65}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #83b4ff;outline-offset:2px}svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.app-shell{display:flex;min-height:100vh}.side{width:252px;flex:0 0 252px;background:linear-gradient(155deg,#0b2748,#08213d 65%,#0b3155);color:#fff;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow-y:auto;padding:26px 15px 20px;z-index:30}.side-brand{display:flex;gap:12px;align-items:center;padding:0 10px 26px;border-bottom:1px solid #ffffff1b}.brand-mark{width:47px;height:47px;background:#ffffff13;border:1px solid #ffffff24;border-radius:15px;display:grid;place-items:center;flex-shrink:0}.brand-mark img{width:41px;height:41px;object-fit:contain}.brand-title{font-size:23px;font-weight:800;line-height:1.1;letter-spacing:.2px;direction:ltr;text-align:left}.brand-title span{font-size:13px;color:#79b6ff;font-weight:600}.brand-sub{font-size:10px;color:#a8bfdc;direction:ltr;text-align:left}.side-caption{font-size:10px;color:#7f9bb9;padding:27px 13px 12px}.nav{display:flex;flex-direction:column;gap:4px}.nav a{display:flex;align-items:center;gap:12px;color:#bfd0e5;padding:12px 14px;border-radius:12px;min-height:46px;transition:background .2s,color .2s,transform .2s}.nav a:hover{background:#ffffff13;color:#fff;transform:translateX(-2px)}.nav a.active{background:#2164c7;color:#fff;box-shadow:0 5px 16px #061a3380;font-weight:700}.nav-icon{width:19px;height:19px}.active-dot{margin-inline-start:auto;width:5px;height:5px;border-radius:50%;background:#fff}.sidebar-spacer{flex:1;min-height:18px}.side-user{display:flex;gap:11px;align-items:center;background:#ffffff0c;border:1px solid #ffffff17;border-radius:14px;padding:11px}.user-avatar{display:grid;place-items:center;width:36px;height:36px;background:#347ce7;border-radius:11px;color:white;font-size:17px;font-weight:700}.side-user strong,.side-user small{display:block}.side-user small{font-size:10px;color:#a5b8d0}.sidefoot{font-size:10px;color:#90a9c7;line-height:2;padding:15px 9px 0}.main{width:calc(100% - 252px);min-width:0;max-width:1750px;padding:28px 32px 20px;margin:0 auto}.header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:25px}.header-heading{display:flex;gap:12px;align-items:center}.header h1{font-size:24px;font-weight:800;letter-spacing:-.5px;margin:4px 0 2px}.eyebrow{font-size:10px;letter-spacing:.6px;color:#7791ae;direction:ltr;text-align:right;font-weight:700}.eyebrow-separator{color:#d4deec;margin:0 7px}.subtitle,.muted{color:var(--muted)}.subtitle{font-size:12px}.account{display:flex;align-items:center;gap:12px}.account-badge{display:inline-flex;align-items:center;gap:5px;border:1px solid #cbeee2;background:#ebfaf4;color:#11855f;padding:6px 10px;border-radius:30px;font-size:11px;white-space:nowrap}.account-badge svg{width:15px;height:15px}.account-name{font-weight:700;color:#39516d}.icon-button{border:1px solid var(--line);background:white;border-radius:11px;display:grid;place-items:center;width:40px;height:40px;color:var(--navy)}.menu-trigger,.close-sidebar,.sidebar-backdrop,.mobile-bottom-nav{display:none}.button,.outline,.dangerbutton{border:1px solid transparent;border-radius:11px;background:var(--primary);color:#fff;padding:10px 17px;min-height:41px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;transition:background .2s,transform .2s,box-shadow .2s}.button:hover{background:var(--primary-dark);box-shadow:0 5px 15px #1a6be825}.button:active,.outline:active{transform:translateY(1px)}.outline{background:#fff;color:#264e7b;border-color:#dbe5f1}.outline:hover{background:#f3f7fd}.dangerbutton{background:#fff0f2;color:var(--red);border-color:#f7cfd6}.button:disabled{opacity:.5;cursor:not-allowed}.logout-button{padding:8px 12px;min-height:37px}.logout-button svg{width:16px;height:16px}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.card{background:var(--surface);border:1px solid var(--line);border-radius:17px;padding:20px;box-shadow:var(--shadow)}.card h2{font-size:16px;margin:0 0 17px;font-weight:800}.statlabel{color:var(--muted);font-size:12px}.statnumber{font-size:30px;font-weight:800;margin-top:12px;color:var(--navy);font-variant-numeric:tabular-nums}.stat-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:#eaf3ff;color:#1967df}.stat-icon svg{width:23px;height:23px}.stat-icon.green{background:#e8f8f1;color:#13966d}.stat-icon.purple{background:#f1edff;color:#7050ca}.stat-icon.amber{background:#fff6e5;color:#bc801a}.stat-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.stat-foot{margin-top:11px;font-size:10px;color:#8a9aaf}.stat-card{min-height:146px}.section{margin-top:22px}.section h2{font-size:16px;margin:0 0 14px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.section-heading h2{margin:0}.flex{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.spaced{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.tablewrap{overflow-x:auto;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);-webkit-overflow-scrolling:touch}table{width:100%;border-collapse:collapse;white-space:nowrap}th,td{padding:14px 16px;text-align:right;border-bottom:1px solid #edf1f7}th{color:#788ba4;font-weight:700;font-size:11px;background:#f8fafd}tbody tr:hover{background:#fbfdff}tr:last-child td{border-bottom:0}tr[hidden]{display:none!important}.status{font-size:11px;padding:5px 11px;border-radius:30px;background:#f0f3f8;color:#65778d;font-weight:700}.status.success{background:#e6f8f0;color:#0d9368}.status.warning{background:#fff5df;color:#aa7212}.status.danger{background:#ffeaee;color:#c4485e}.link{color:var(--primary);font-weight:700}.link:hover{text-decoration:underline}.notice{border:1px solid #d9e8fa;background:#f0f6ff;padding:13px 16px;border-radius:13px;color:#365d88;margin-bottom:19px;line-height:1.9}.notice.error{background:#fff3f4;border-color:#f7d1cf;color:#a73341}.formgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.field label{display:block;color:#53667f;font-size:12px;margin-bottom:7px;font-weight:700}.field input,.field select{width:100%;border:1px solid #dce6f1;border-radius:11px;background:white;padding:11px 12px;outline:none;min-height:44px;color:var(--text)}.field input:focus,.field select:focus{border-color:#5895f6;box-shadow:0 0 0 3px #e8f2ff}.formgrid .button{align-self:end}.mini{font-size:11px}.loginbg{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 80% 12%,#1a5588 0%,#0b2a4b 45%,#071b34 100%);padding:20px}.loginbox{background:white;border-radius:23px;padding:35px;width:410px;max-width:100%;box-shadow:0 30px 90px #06132975}.loginbox .brand{font-size:34px;color:var(--navy);font-weight:800;text-align:center;margin-bottom:5px}.loginbox input{width:100%;padding:14px;border-radius:11px;border:1px solid #dbe5f1;margin:8px 0}.loginbox button{width:100%;margin-top:12px}.progress{height:9px;background:#e9eff7;border-radius:10px;overflow:hidden;margin:11px 0 16px}.progress span{height:100%;display:block;background:linear-gradient(90deg,#2e82f6,#1bb9aa);border-radius:10px}.two{display:grid;grid-template-columns:1fr 1fr;gap:18px}.mono{font-family:Consolas,monospace;direction:ltr;display:inline-block}.end{text-align:left}.hint{font-size:11px;line-height:2;color:var(--muted)}.confirmgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:18px 0}.confirmgrid>div{display:flex;flex-direction:column;gap:8px;min-width:0;overflow-wrap:anywhere}.hashline{font-family:Consolas,monospace;direction:ltr;display:block;overflow-wrap:anywhere}.confirmform{display:flex;gap:15px;align-items:center;flex-wrap:wrap;margin-top:16px}.checkrow{display:flex;gap:8px;align-items:center;line-height:1.8}.checkrow input{width:17px;height:17px}.page-footer{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:#9aabc0;font-size:10px;margin-top:32px;padding:17px 0;border-top:1px solid var(--line)}
/* Phase 1 overview */
.welcome-banner{background:linear-gradient(110deg,#0c3159,#1764ae);color:#fff;padding:25px 27px;border-radius:18px;margin-bottom:18px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:14px}.welcome-banner:after{content:"";position:absolute;left:-30px;bottom:-85px;width:250px;height:250px;border-radius:50%;border:55px solid #ffffff0a;pointer-events:none}.welcome-banner h2{font-size:19px;margin:0 0 6px}.welcome-banner p{color:#d6e6fa;margin:0;font-size:12px}.welcome-banner a{background:#fff;color:#0f4e94;padding:9px 15px;border-radius:10px;font-weight:700;white-space:nowrap;z-index:1}.quick-actions{display:flex;gap:8px;flex-wrap:wrap}.quick-actions a{display:inline-flex;align-items:center;gap:6px;padding:9px 12px;border:1px solid #dce6f2;border-radius:10px;background:#fff;color:#315b88;font-size:11px;font-weight:700}.quick-actions svg{width:15px;height:15px}.metric-row{margin:15px 0 7px}.metric-label{display:flex;justify-content:space-between;gap:10px}.agent-row{padding:11px 0;border-bottom:1px solid #edf1f7}.agent-row:last-child{border-bottom:0}.table-tools{display:flex;gap:10px;justify-content:space-between;align-items:center;margin-bottom:13px;flex-wrap:wrap}.table-search{width:min(100%,340px);border:1px solid #dce6f1;border-radius:10px;background:#fff;padding:10px 13px;min-height:42px}.empty-filter{margin:0;padding:15px;color:var(--muted)}
@media(max-width:1250px){.side{width:218px;flex-basis:218px}.main{width:calc(100% - 218px);padding:24px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.formgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.app-shell{display:block}.side{position:fixed;top:0;right:0;bottom:0;height:100dvh;width:min(295px,83vw);transform:translateX(105%);transition:transform .25s ease;box-shadow:-12px 0 50px #061a3344;z-index:50}.nav-open .side{transform:translateX(0)}.sidebar-backdrop{display:block;position:fixed;inset:0;background:#071a3390;border:0;opacity:0;visibility:hidden;transition:opacity .2s;z-index:45}.nav-open .sidebar-backdrop{opacity:1;visibility:visible}.nav-open{overflow:hidden}.close-sidebar{display:grid;margin-inline-start:auto;width:31px;height:31px;background:#ffffff18;border-color:#ffffff24;color:#fff;font-size:25px}.menu-trigger{display:grid}.main{width:100%;max-width:100%;padding:22px 21px 105px}.mobile-bottom-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:fixed;bottom:0;right:0;left:0;z-index:35;background:#fff;border-top:1px solid #e3eaf3;box-shadow:0 -6px 20px #0b254515;padding:7px 5px calc(7px + env(safe-area-inset-bottom))}.mobile-bottom-nav a,.mobile-bottom-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:0;background:none;color:#788da7;font-size:10px;min-width:0;padding:4px 1px;border-radius:10px}.mobile-bottom-nav svg{width:21px;height:21px}.mobile-bottom-nav a.active{color:var(--primary);background:#eaf3ff;font-weight:700}.account-badge{display:none}}
@media(max-width:620px){body{font-size:12px}.main{padding:15px 12px 100px}.header{margin-bottom:16px;align-items:flex-start}.header-heading{align-items:flex-start;gap:8px}.header h1{font-size:19px;margin-top:4px}.eyebrow{font-size:8px}.subtitle{font-size:10px;max-width:250px}.account{gap:5px}.account-name{display:none}.logout-button{min-height:36px;width:36px;padding:0}.logout-button span{display:none}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.card{padding:15px;border-radius:14px}.stat-card{min-height:132px}.stat-icon{width:35px;height:35px;border-radius:10px}.stat-icon svg{width:19px;height:19px}.statnumber{font-size:24px;margin-top:10px}.statlabel{font-size:10px}.stat-foot{font-size:9px}.two,.formgrid,.confirmgrid{grid-template-columns:1fr;gap:12px}.section{margin-top:15px}.welcome-banner{padding:19px 17px;align-items:flex-start;flex-direction:column}.welcome-banner h2{font-size:17px}.welcome-banner a{font-size:11px}.tablewrap table{min-width:610px}.tablewrap{border-radius:12px}.notice{padding:11px 12px;font-size:11px}.page-footer{margin-top:23px}.confirmform{align-items:stretch;flex-direction:column}.confirmform button{width:100%}.flex input,.flex select{max-width:100%}.loginbox{padding:25px 19px}}
@media(max-width:380px){.header h1{font-size:17px}.grid{gap:7px}.card{padding:12px}.statnumber{font-size:22px}.stat-icon{width:31px;height:31px}.mobile-bottom-nav a,.mobile-bottom-nav button{font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* =========== WDL v4.2 interaction and feedback layer =========== */
[hidden]{display:none!important}
:root{--ease-out:cubic-bezier(.18,.76,.22,1)}
.navigation-progress{position:fixed;z-index:120;top:0;right:0;height:3px;width:0;background:linear-gradient(90deg,#1cb6a4,#4388f5);box-shadow:0 0 13px #3687f8aa;opacity:0;pointer-events:none}
.is-navigating .navigation-progress{opacity:1;animation:nav-progress 1.9s var(--ease-out) forwards}
@keyframes nav-progress{0%{width:0}35%{width:48%}80%{width:84%}100%{width:94%}}
.ui-ready .main>.grid,.ui-ready .main>.section,.ui-ready .main>.welcome-banner,.ui-ready .main>.card{animation:rise-in .55s var(--ease-out) both}
.ui-ready .main>.grid{animation-delay:.07s}.ui-ready .main>.section:nth-of-type(3){animation-delay:.12s}.ui-ready .main>.section:nth-of-type(4){animation-delay:.17s}
@keyframes rise-in{from{opacity:.5;transform:translateY(11px)}to{opacity:1;transform:translateY(0)}}
.button,.outline,.dangerbutton{position:relative;overflow:hidden;transition:transform .18s var(--ease-out),box-shadow .18s,background .18s}
.button:not(:disabled):hover,.outline:not(:disabled):hover,.dangerbutton:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 7px 20px #174c9620}
.button:active,.outline:active,.dangerbutton:active{transform:translateY(0)!important}
.card{transition:box-shadow .22s,border-color .22s,transform .22s}.stat-card:hover{box-shadow:0 15px 30px #1c3d6911;border-color:#c9dbf5;transform:translateY(-2px)}
.notice.error{border-right:4px solid #d74d62}.notice:not(.error){border-right:4px solid #4d94e7}
.toast-stack{position:fixed;z-index:145;top:18px;left:18px;display:flex;flex-direction:column;gap:10px;width:min(370px,calc(100vw - 32px));pointer-events:none}
.toast{pointer-events:auto;display:flex;align-items:flex-start;gap:11px;background:white;border:1px solid #dfe9f6;border-right:4px solid #347de4;border-radius:13px;padding:12px;box-shadow:0 13px 36px #09213e25;animation:toast-in .24s var(--ease-out);line-height:1.7}
.toast-error{border-right-color:#d84b62}.toast-success{border-right-color:#18a77d}.toast-mark{flex-shrink:0;background:#e9f2ff;color:#1a69d7;border-radius:50%;height:25px;width:25px;display:grid;place-items:center;font-weight:800}.toast-error .toast-mark{background:#ffedf0;color:#c52f4b}.toast-success .toast-mark{background:#e6faf2;color:#128a61}.toast-text{flex:1;min-width:0;overflow-wrap:anywhere}.toast-close{background:transparent;border:0;color:#8293a7;font-size:21px;line-height:1;padding:0 4px}
@keyframes toast-in{from{opacity:0;transform:translateX(-16px)}to{opacity:1;transform:translateX(0)}}
.busy-overlay,.dialog-overlay{position:fixed;inset:0;z-index:130;display:grid;place-items:center;padding:20px;background:#071b37a8;backdrop-filter:blur(6px)}
.busy-panel,.action-dialog{width:min(100%,440px);background:#fff;border:1px solid #e0eaf5;border-radius:22px;box-shadow:0 30px 85px #07192e6b;padding:34px 28px;text-align:center;animation:panel-pop .25s var(--ease-out)}
@keyframes panel-pop{from{opacity:0;transform:translateY(14px) scale(.975)}to{opacity:1;transform:translateY(0) scale(1)}}
.busy-panel>strong{display:block;color:#0c3159;font-size:19px;margin-top:14px}.busy-panel>p{font-size:12px;color:#7185a0;line-height:1.9;margin:9px 0 0}.busy-symbol{display:flex;justify-content:center;align-items:center;gap:7px;height:46px}.busy-symbol span{height:12px;width:12px;border-radius:50%;background:#2e7ef1;animation:busy-bounce 1s ease-in-out infinite}.busy-symbol span:nth-child(2){animation-delay:.15s;background:#21b4a2}.busy-symbol span:nth-child(3){animation-delay:.3s;background:#77aafa}
@keyframes busy-bounce{0%,65%,100%{transform:translateY(0);opacity:.45}30%{transform:translateY(-11px);opacity:1}}
.busy-progress{display:flex;align-items:center;gap:10px;margin-top:23px;direction:ltr}.busy-track{flex:1;height:10px;border-radius:99px;background:#e8eef8;overflow:hidden}.busy-track span{display:block;height:100%;width:0;border-radius:99px;background:linear-gradient(90deg,#23b4a9,#2879e6);transition:width .16s}.busy-progress>span{font-size:12px;font-weight:800;min-width:37px;color:#285e9f}.busy-cancel{margin-top:17px;min-height:35px}
.dialog-open{overflow:hidden}.dialog-symbol{display:grid;place-items:center;width:52px;height:52px;margin:0 auto 12px;border-radius:17px;background:#fff1df;color:#b77c1b;font-size:28px;font-weight:900}.action-dialog h2{font-size:20px;color:#133456;margin:0 0 9px}.action-dialog p{color:#62768f;line-height:2;margin:0 0 23px;overflow-wrap:anywhere}.dialog-buttons{display:flex;gap:10px;justify-content:center}.dialog-buttons>button{min-width:120px}.dialog-buttons .dangerbutton{background:#c83f58;color:white;border-color:#c83f58}.dialog-buttons .dangerbutton:hover{background:#b52c45}
.upload-status{border:1px solid #d1e4fa;border-radius:12px;background:#f1f7ff;color:#315c8b;padding:12px 14px;margin-top:12px;overflow-wrap:anywhere}.upload-status.error{border-color:#f4c6ce;background:#fff1f3;color:#b12e47}.copy-hash{font-size:11px;padding:5px 11px;min-height:31px;width:max-content}
.result-symbol{width:54px;height:54px;display:grid;place-items:center;border-radius:16px;margin-bottom:15px;font-size:27px;font-weight:900}.result-success{background:#e7f9ef;color:#128b65}.result-error{background:#fff0f2;color:#c93853}
/* Login: responsive, deliberate transitions, and accessible feedback. */
.loginbg{position:relative;overflow:hidden;background:radial-gradient(ellipse at 75% 15%,#1e598c 0%,#0a2849 49%,#061b32 100%);isolation:isolate}
.login-ambient{position:absolute;z-index:-1;pointer-events:none;border:1px solid #ffffff16;border-radius:50%}.ambient-one{width:580px;height:580px;right:-220px;top:-280px;box-shadow:0 0 0 90px #ffffff04,0 0 0 185px #ffffff03}.ambient-two{width:430px;height:430px;left:-240px;bottom:-220px;box-shadow:0 0 0 85px #ffffff05}
.login-v42{width:440px;max-width:100%;padding:32px 35px 25px;position:relative;box-shadow:0 30px 95px #06132b80;border:1px solid #ffffffa0;animation:login-in .55s var(--ease-out)}
@keyframes login-in{from{opacity:0;transform:translateY(22px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
.login-brand{display:flex;align-items:center;gap:13px;justify-content:center;padding-bottom:20px;border-bottom:1px solid #eef2f8}.login-logo{height:57px;width:57px;border-radius:17px;display:grid;place-items:center;background:#f4f7ff;border:1px solid #e4eaf5}.login-logo img{height:51px;width:51px;object-fit:contain}.login-brand strong{display:block;font-size:28px;line-height:1.15;color:#092849;direction:ltr}.login-brand strong span{font-size:15px;color:#2d79d7}.login-brand small{display:block;font-size:10px;letter-spacing:1.7px;color:#7b91ae;direction:ltr}
.login-intro{text-align:center;margin:23px 0 19px}.login-intro h1{font-size:24px;color:#0b2b4e;margin:10px 0 5px}.login-intro p{color:#7486a0;margin:0;font-size:12px;line-height:1.8}.login-chip{display:inline-flex;align-items:center;gap:7px;background:#eaf8f3;border:1px solid #d2f1e6;color:#16805f;border-radius:50px;padding:5px 13px;font-size:10px;font-weight:700}.secure-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#19ac78;box-shadow:0 0 0 4px #17a77a17;vertical-align:middle}
.login-field{margin-bottom:14px}.login-field>label{display:block;color:#36516e;font-size:12px;font-weight:800;margin-bottom:5px}.login-field input{margin:0;min-height:47px;padding:11px 13px;outline:none;transition:border-color .18s,box-shadow .18s}.login-field input:focus{border-color:#438df1;box-shadow:0 0 0 4px #e9f2ff}.login-field input::placeholder{color:#a0aec0}.login-field .optional{font-size:10px;color:#8b9bb0;font-weight:400}.password-wrap{position:relative}.password-wrap input{padding-left:70px}.password-wrap button{position:absolute;left:9px;top:50%;transform:translateY(-50%);background:#edf4ff;border:0;color:#35669b;border-radius:8px;padding:5px 9px;font-size:11px;font-weight:700}.login-field .otp-input{text-align:center;letter-spacing:7px;font-size:17px;font-weight:800;direction:ltr}.caps-warning{margin:-6px 0 9px;color:#b17b24;font-size:11px}.login-v42 .login-submit{width:100%;min-height:48px;margin-top:5px;justify-content:space-between;padding:10px 18px;font-size:13px}.login-arrow{font-size:19px}.login-bottom{display:flex;justify-content:space-between;border-top:1px solid #edf1f7;padding-top:17px;margin-top:24px;color:#8295ac;font-size:10px}.login-bottom .secure-dot{width:6px;height:6px;margin-left:5px}.login-copyright{position:absolute;bottom:17px;left:0;right:0;text-align:center;color:#a9c2df;font-size:10px;pointer-events:none}.login-error{animation:error-shake .32s ease-in-out}
@keyframes error-shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}
@media(max-width:620px){.toast-stack{top:10px;left:10px;width:calc(100vw - 20px)}.busy-panel,.action-dialog{padding:25px 20px;border-radius:18px}.busy-panel>strong{font-size:17px}.dialog-buttons{flex-direction:column}.dialog-buttons>button{width:100%}.login-v42{padding:25px 21px 22px}.login-intro h1{font-size:21px}.login-copyright{font-size:9px}.loginbg{padding:24px 12px 45px}}
@media(prefers-reduced-motion:reduce){.navigation-progress,.toast,.busy-symbol span,.ui-ready .main>.grid,.ui-ready .main>.section,.ui-ready .main>.welcome-banner,.ui-ready .main>.card,.login-v42,.login-error{animation:none!important}.stat-card:hover,.button:hover,.outline:hover,.dangerbutton:hover{transform:none!important}}