:root{--helix-bg:#08131d;--helix-surface:#101f2b;--helix-line:#253947;--helix-text:#e8f1f5;--helix-muted:#96adbb;--helix-accent:#54d9c3}body{font-family:Inter,'Segoe UI',Arial,sans-serif}a{color:#228e81}button,input,select,textarea,a{transition:background-color .18s,border-color .18s,box-shadow .18s}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #4bcfba;outline-offset:3px}.btn-primary{background:#1a7d70;border-color:#1a7d70}.btn-primary:hover{background:#146459;border-color:#146459}.btn-primary:focus{box-shadow:0 0 0 .2rem #4bd2b933}
body.task-login{background:radial-gradient(ellipse at 10% 25%,#183e4955,transparent 55%),radial-gradient(ellipse at 95% 85%,#122f4555,transparent 50%),#08131d!important;min-height:100vh;color:var(--helix-text)}body.task-login #layout{background:transparent!important;min-height:100vh;align-items:center;justify-content:center}body.task-login #layout-content{display:grid!important;grid-template-columns:minmax(0,1fr) 400px;gap:75px;width:min(1090px,calc(100% - 64px))!important;max-width:none!important;height:auto!important;margin:0 auto!important;padding:50px 28px!important;background:transparent!important;overflow:visible!important;align-items:center;flex:none!important}body.task-login #logo{width:220px!important;max-width:220px!important;height:auto!important;position:static!important;margin:0 0 43px!important;display:block!important}.helix-kicker{display:block;font-size:9px;letter-spacing:.16em;font-weight:600;color:#64d2bf;margin-bottom:17px}.helix-intro h1{font-size:42px;line-height:1.18;letter-spacing:-1.6px;font-weight:600;color:#e9f3f6;margin:0}.helix-intro em{display:block;font-style:normal;color:#87d8ca;margin-top:5px}.helix-description{color:#9fb8c7;font-size:13px;line-height:1.9;max-width:365px;margin:23px 0 0}.helix-mail-visual{height:220px;position:relative;overflow:hidden;margin:15px 0 15px;border-bottom:1px solid #2a444d77}.helix-mail-visual img{width:100%;height:100%;object-fit:cover;object-position:74% 42%;mask-image:linear-gradient(90deg,transparent,#000 22%,#000 78%,transparent);opacity:.85}.helix-back{display:inline-block;color:#97b4bf!important;font-size:11px;text-decoration:none!important;padding:8px 0}.helix-back:hover{color:#72dbc6!important}.helix-intro{animation:helix-enter .7s ease both}body.task-login #login-form{width:100%!important;max-width:none!important;position:static!important;box-sizing:border-box!important;padding:32px!important;border:1px solid #2c4551;border-radius:15px;background:linear-gradient(145deg,#132935ee,#0e1e2aee)!important;box-shadow:0 25px 80px #0004;margin:0!important;text-align:left;color:var(--helix-text);animation:helix-enter .7s .1s ease both}body.task-login #login-form:before,body.task-login #login-form:after{content:none!important}.helix-form-heading{margin-bottom:27px}.helix-form-heading>span{font-size:8px;font-weight:600;letter-spacing:.16em;color:#71d3c1;display:block;margin-bottom:14px}.helix-form-heading h2{font-size:25px;font-weight:600;letter-spacing:-.6px;line-height:1.35;color:#ecf5f7;margin:0 0 12px}.helix-form-heading p{font-size:11px;line-height:1.7;color:#97aeba;margin:0}body.task-login #login-form .input-group{margin:0 0 20px!important;flex-wrap:nowrap}body.task-login #login-form .input-group-text{background:#18313d!important;color:#83bbbd!important;border:1px solid #354f5d!important;border-right:0!important;border-radius:7px 0 0 7px!important;min-width:42px;justify-content:center}body.task-login #login-form input.form-control{height:49px!important;min-width:0;background:#0a1b27!important;border:1px solid #354f5d!important;color:#e5f2f5!important;padding:12px 13px!important;font-size:13px!important;border-radius:0 7px 7px 0!important;box-shadow:none}body.task-login #login-form input.form-control::placeholder{color:#8fa8b6;opacity:1}body.task-login #login-form input.form-control:focus{border-color:#5dd9c5!important;box-shadow:0 0 0 3px #4bd0b81b!important;outline:0}body.task-login #login-form .formbuttons{margin:28px 0 0!important}body.task-login #rcmloginsubmit{background:#55d7c1!important;border:1px solid #55d7c1!important;color:#082a28!important;height:46px;border-radius:7px;font-size:12px;font-weight:700;letter-spacing:0;width:100%;box-shadow:0 5px 20px #52d5c113}body.task-login #rcmloginsubmit:hover{filter:brightness(1.08)}body.task-login #login-footer{font-size:10px;color:#91a9b6!important;line-height:1.9;margin:24px 0 0!important;text-align:center}body.task-login #login-footer a{color:#7ccebf!important;text-decoration:none!important}.helix-login-help{border-top:1px solid #2b424f;margin-top:25px;padding-top:22px;text-align:center}.helix-login-help p{font-size:10px;color:#97adba;margin:0 0 7px}.helix-login-help a{font-size:11px;color:#6ed6c2!important}.task-login #messagestack{z-index:100}
body:not(.task-login) #layout-menu{background:#0b1b28!important;border-right:1px solid #2a3d4c;flex-shrink:0}body:not(.task-login) #layout-menu #logo{content:url('mark.svg?v=helix-20260908');display:block;width:38px!important;height:38px!important;max-width:38px!important;object-fit:contain;margin:19px auto 20px!important}body:not(.task-login) #taskmenu a{color:#a5bccb!important}body:not(.task-login) #taskmenu a.selected{background:#183e41!important;color:#74e2cc!important}body:not(.task-login) #taskmenu a:hover,body:not(.task-login) #taskmenu a:focus-visible{background:#19313e!important;color:#dfedf0!important}body:not(.task-login) #taskmenu .special-buttons{background:#0b1b28!important;width:100%}body:not(.task-login) #layout-sidebar .header .username{font-size:12px;font-weight:500}body:not(.task-login) #mailboxlist li>a{padding-top:11px;padding-bottom:11px;font-size:12px}body:not(.task-login) #messagelist td.subject{padding-top:13px;padding-bottom:13px}body:not(.task-login) #messagelist .subject a{line-height:1.7}body:not(.task-login) #messagelist .fromto,body:not(.task-login) #messagelist .date{font-size:11px}.listing tr.selected td{background:#d9f1e9!important;color:#123d37!important}html.dark-mode body:not(.task-login){color:#dce8ed}html.dark-mode body:not(.task-login) #layout-sidebar,html.dark-mode body:not(.task-login) #layout-list{background:#10212e;border-color:#29404f}html.dark-mode body:not(.task-login) #layout-content{background:#0e1d28;border-color:#29404f}html.dark-mode body:not(.task-login) #layout>div>.header,html.dark-mode body:not(.task-login) #layout>div>.footer,html.dark-mode body:not(.task-login) .searchbar{background:#142837;border-color:#29404f;color:#b6cbd6}html.dark-mode body:not(.task-login) #mailboxlist li.selected>a{background:#1c4145;color:#85dfcb}html.dark-mode body:not(.task-login) #messagelist td{border-color:#233b4b}html.dark-mode body:not(.task-login) #messagelist tr.selected td{background:#21464b!important;color:#e7f4f6!important}html.dark-mode body:not(.task-login) input,html.dark-mode body:not(.task-login) textarea,html.dark-mode body:not(.task-login) select{background:#0b1d2a;border-color:#365161;color:#dfeef3}html.dark-mode body:not(.task-login) a{color:#9bc9d8}html.dark-mode body:not(.task-login) .toolbar a{color:#a5c4d3}.toolbar a:not(.disabled):hover{color:#38bfa6!important}
@media(min-width:1100px){body:not(.task-login) #layout-menu{width:106px!important}body:not(.task-login) #taskmenu a{width:90px!important;max-width:none;height:auto!important;min-height:60px;padding:11px 5px!important;margin:4px 8px;border-radius:8px;box-sizing:border-box}body:not(.task-login) #taskmenu a:before{display:block;float:none!important;margin:0 auto 6px!important;line-height:23px}body:not(.task-login) #taskmenu span.inner{display:block!important;white-space:normal!important;text-overflow:clip;overflow:visible;font-size:10px;line-height:1.45;padding:0!important}body:not(.task-login) #layout-sidebar{min-width:220px}body:not(.task-login) #layout-list{min-width:330px}}
@media(max-width:1050px){body.task-login #layout-content{gap:35px;grid-template-columns:minmax(0,1fr) 360px;width:calc(100% - 40px)!important;padding:40px 15px!important}.helix-intro h1{font-size:35px}body.task-login #login-form{padding:27px!important}.helix-description{font-size:12px}.helix-mail-visual{height:200px}}
@media(max-width:760px){body.task-login #layout-content{display:flex!important;flex-direction:column;gap:27px;width:calc(100% - 36px)!important;max-width:460px!important;padding:33px 0!important}.helix-intro{width:100%}body.task-login #logo{width:195px!important;max-width:195px!important;margin:0 0 28px!important}.helix-kicker{font-size:8px;margin-bottom:12px}.helix-intro h1{font-size:33px;line-height:1.2}.helix-description{font-size:11px;margin:17px 0 0;max-width:340px}.helix-mail-visual{display:none}.helix-back{font-size:10px;margin-top:13px}body.task-login #login-form{padding:26px!important;border-radius:12px}.helix-form-heading h2{font-size:23px}.helix-form-heading p{font-size:10px}.helix-login-help{margin-top:22px;padding-top:18px}body:not(.task-login) #layout-menu #logo{width:29px!important;height:29px!important;margin:12px auto!important}}
@keyframes helix-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

.helix-intro{text-align:left}body.task-login #login-form .input-group:last-of-type{margin-bottom:0!important}

html:not(.dark-mode) body:not(.task-login) #mailboxlist li.selected>a{background:#e1f2ee;color:#1e6a5d}html:not(.dark-mode) body:not(.task-login) #layout-sidebar .header .username{color:#284b58}
