@font-face{font-family:Manrope;src:url('manrope-latin.woff2') format('woff2');font-weight:400 800;font-style:normal;font-display:swap}
:root{--nubea-ink:#20282f;--nubea-muted:#687983;--nubea-line:#e3e9ec}
html,body,input,button,select,textarea{font-family:Manrope,'Segoe UI',sans-serif}
body{color:var(--nubea-ink)}
a{color:#426272}a:hover{color:#20282f}
.btn-primary{background:#20282f;border-color:#20282f}.btn-primary:hover,.btn-primary:focus{background:#3c4c56;border-color:#3c4c56}.btn-primary.disabled,.btn-primary:disabled{background:#60727c;border-color:#60727c}
.form-control:focus{border-color:#91a4af;box-shadow:0 0 0 .2rem #819aa829}
#layout-menu{background:#20282f}#taskmenu a{color:#c5d0d6}#taskmenu a:hover{background:#34434d;color:#fff}#taskmenu a.selected{background:#f1f5f6;color:#20282f}#taskmenu .action-buttons a.compose{background:#405965;color:#fff}#taskmenu .action-buttons a.compose:hover{background:#59717e}
#layout-menu #logo{width:64px;height:37px;max-width:none;margin:10px auto 13px}#layout-menu .popover-header{height:auto;min-height:62px}
.listing tr.selected td,.listing li.selected>a{background:#e4edf1;color:#20282f}.listing tr.selected td a{color:#20282f}
.header{font-weight:650}.messagelist td.subject span.subject{font-weight:600}.boxcontent,.listing{font-size:.94rem}
.task-login #layout{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(400px,1fr);width:100%;height:100%;min-height:640px;background:#f5f7f8;overflow:auto}
.task-login #layout-content{position:relative!important;inset:auto!important;display:flex!important;flex-direction:column;align-items:center;justify-content:center;width:100%!important;max-width:none!important;height:auto!important;margin:0!important;padding:48px 38px!important;overflow:visible!important;background:radial-gradient(ellipse at center,#fff,#f1f4f5)!important;color:#20282f}
.task-login #logo{width:128px;height:66px;max-height:none;margin:0 0 14px;object-fit:contain}
.task-login #login-form{width:100%;max-width:410px;margin:0!important;padding:30px!important;background:#fff;border:1px solid #e2e8eb;border-radius:20px;box-shadow:0 20px 65px #293d4a08;color:#20282f}
.nubea-login-heading>span{font-size:9px;letter-spacing:1.8px;font-weight:750;color:#728893}.nubea-login-heading h2{font-size:27px;letter-spacing:-1.1px;margin:15px 0 12px;font-weight:800;line-height:1.22;color:#20282f}.nubea-login-heading>p{font-size:12px;line-height:1.9;color:#6d7d87;margin:0 0 27px}
.task-login #login-form .input-group{margin-bottom:13px}.task-login #login-form .form-control{height:49px;background:#fbfcfd;border-color:#dbe3e8;font-size:13px;color:#20282f}.task-login #login-form .input-group-text{background:#f3f6f7;border-color:#dbe3e8;color:#788d9b;width:45px;justify-content:center}.task-login #login-form .password-control{margin:0;min-width:0}.task-login #login-form .password-control input{border-radius:0 8px 8px 0;padding-right:46px}.task-login #login-form .password-toggle{height:49px;color:#687e8a;right:0}.task-login #login-form .password-toggle:hover{background:#eaf0f3}.task-login #login-form .btn-primary{border-radius:9px;height:48px;font-size:12px;font-weight:750;letter-spacing:.1px;margin-top:4px;box-shadow:0 5px 13px #20282f14}.task-login #login-form .btn-primary::after{content:' →';font-size:16px;margin-left:10px}
.nubea-login-help{font-size:10px;line-height:1.9;padding-top:20px;margin:20px 0 0;border-top:1px solid #edf0f2;color:#778892}.nubea-login-help a{color:#344f60;text-decoration:underline;text-underline-offset:3px;font-weight:650}.task-login #login-footer{font-size:9px;line-height:1.8;color:#86969f;margin-top:22px;padding:0}.task-login #login-footer a{color:#5e7887}.task-login #login-form .formbuttons{margin:0}
#nubea-story{min-height:100%;background:#20282f;color:#fcfcfc;padding:35px 10% 30px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;isolation:isolate}#nubea-story::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 80% 65%,#5e7d8f2e,transparent 70%);z-index:-1}.nubea-wordmark{display:block;width:147px;line-height:0}.nubea-wordmark img{width:100%;height:auto}.nubea-story-copy{padding:33px 0 25px}.nubea-kicker{font-size:9px;letter-spacing:2px;font-weight:750;color:#a5bac6;display:flex;gap:9px;align-items:center}.nubea-kicker span{height:6px;width:6px;border-radius:50%;background:#b3d3c6;box-shadow:0 0 0 4px #ffffff08}.nubea-story-copy h2{font-size:clamp(31px,3.25vw,53px);line-height:1.2;letter-spacing:-1.8px;font-weight:800;color:#fcfcfc;margin:25px 0 22px}.nubea-story-copy>p:not(.nubea-kicker){font-size:12px;color:#adbec8;max-width:325px;line-height:1.9}.nubea-login-features{display:flex;gap:22px;font-size:9px;color:#b8c9d3;flex-wrap:wrap}.nubea-login-features span::before{content:'✓';color:#b3d3c6;margin-right:6px}#nubea-story>small{font-size:9px;color:#859ca9}.nubea-mail-art{height:140px;position:relative;margin:20px 0 24px;max-width:370px;display:flex;align-items:center;justify-content:center}.nubea-envelope{width:95px;height:77px;display:flex;align-items:center;justify-content:center;border:1px solid #829aa767;background:linear-gradient(145deg,#a2c2d41a,#ffffff05);border-radius:20px;transform:rotate(-9deg);z-index:1;box-shadow:0 20px 45px #0002}.nubea-envelope svg{width:55px;stroke:#c0d2dc;stroke-width:1.8}.nubea-orbit{position:absolute;width:270px;height:90px;border:1px solid #91abb221;border-radius:50%;transform:rotate(-16deg)}.nubea-orbit.two{width:315px;height:128px;transform:rotate(18deg)}.nubea-orbit.one::after{content:'';width:6px;height:6px;background:#a4b8c3;position:absolute;top:12px;right:40px;border-radius:50%}.nubea-art-tag{position:absolute;bottom:4px;right:8px;background:#2b3841;border:1px solid #a5bac629;border-radius:6px;padding:7px 10px;letter-spacing:1px;font-size:7px;color:#acbfca}
html.dark-mode .task-login #login-form .form-control{background:#fbfcfd;color:#20282f}html.dark-mode .task-login #login-form .input-group-text{background:#f3f6f7;color:#788d9b}
@media(max-width:900px){.task-login #layout{grid-template-columns:46% 54%}#nubea-story{padding:30px 10%}.nubea-story-copy h2{font-size:32px}.task-login #layout-content{padding:30px 24px!important}.task-login #login-form{padding:26px!important}.nubea-login-heading h2{font-size:24px}.nubea-login-features{gap:12px}.nubea-mail-art{height:110px}.nubea-orbit{width:210px}.nubea-orbit.two{width:230px}}
@media(max-width:650px){.task-login #layout{display:flex!important;flex-direction:column;min-height:100dvh;height:auto}#nubea-story{padding:16px 24px;min-height:0;flex-direction:row;align-items:center;flex:none}.nubea-wordmark{width:111px}.nubea-story-copy{padding:0}.nubea-story-copy>*{display:none}.nubea-story-copy .nubea-kicker{display:block;font-size:7px;letter-spacing:1px;margin:0}.nubea-kicker span{display:none}#nubea-story>small{display:none}.task-login #layout-content{flex:1;padding:34px 20px 44px!important}.task-login #logo{display:none}.task-login #login-form{max-width:410px;padding:28px 25px!important}.nubea-login-heading h2{font-size:26px}.task-login #login-form .form-control{font-size:16px}.nubea-login-heading>p{font-size:12px}.nubea-login-help{font-size:11px}.task-login #login-footer{font-size:10px}.task-login #layout{overflow-x:hidden}.task-login #login-form .password-toggle{min-width:44px}.task-login #login-form .btn-primary{font-size:12px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.task-login #login-form,.task-login #logo{top:auto!important;flex-shrink:0}.nubea-login-heading,.nubea-login-help{text-align:left}html .task-login #login-form .btn.btn-primary{background:#20282f!important;border-color:#20282f!important;color:#fcfcfc!important}html .task-login #login-form .btn.btn-primary:hover{background:#3c4c56!important}html{scrollbar-color:#7c919d #eef2f4}
html.dark-mode #layout-menu{background:#20282f}html.dark-mode #layout-menu #taskmenu a{color:#bacbd5}html.dark-mode #layout-menu #taskmenu a.selected{background:#dce8ee;color:#20282f}html.dark-mode #layout-menu #taskmenu .action-buttons a.compose{background:#344751;color:#d5e5ee}html.dark-mode .listing li.selected>a,html.dark-mode .listing tr.selected td{background:#3c515e!important;color:#eef6fa!important}html.dark-mode .listing li.selected>a::before{color:#d4e7f1}html.dark-mode .btn-primary{background:#506d7e!important;border-color:#506d7e!important}html.dark-mode #layout-menu .popover-header{border-bottom-color:#364752}
@media(max-width:1200px){#layout-menu #logo{width:32px;height:24px;margin:15px auto;object-fit:contain}}