:root{--hf-green:#193d33;--hf-paper:#f8f7f3;--hf-line:#dbe2db;--hf-muted:#68776e}
html:not(.dark-mode) body{background:var(--hf-paper);color:#25392f}
html:not(.dark-mode) #layout-menu{background:var(--hf-green)}
html:not(.dark-mode) #taskmenu a{color:#e6eee7}
html:not(.dark-mode) #taskmenu a.selected,html:not(.dark-mode) #taskmenu a:hover{background:#305748;color:white}
html:not(.dark-mode) #taskmenu a.compose{background:#d9e7bf;color:#193d33;border-radius:12px;margin:10px 7px}
html:not(.dark-mode) .btn-primary{background:var(--hf-green);border-color:var(--hf-green)}
html:not(.dark-mode) .btn-primary:hover{background:#2b5344;border-color:#2b5344}
html:not(.dark-mode) .listing li.selected,html:not(.dark-mode) .listing tr.selected td{background:#e7efdf;color:#183e32}
html:not(.dark-mode) #layout-sidebar,html:not(.dark-mode) #layout-sidebar .header{background:#f3f5ee}
html:not(.dark-mode) #messagelist tr.unread td.subject{font-weight:700}
#messagelist td{padding-top:11px;padding-bottom:11px}#messagelist tr{border-bottom:1px solid rgba(128,145,132,.12)}
#layout-content .header{min-height:56px}input,select,textarea,.btn{border-radius:7px!important}
button:focus-visible,a:focus-visible{outline:3px solid #84a969!important;outline-offset:3px}
body.task-login #layout-content{background:radial-gradient(ellipse at top left,#e6eddd,transparent 65%),#f8f7f3!important;color:#193d33;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:42px 22px;overflow:auto}
body.task-login #logo{max-width:230px;max-height:76px;width:auto;height:auto;margin:0 auto 28px;object-fit:contain}
#hf-welcome{width:min(430px,100%);text-align:center;margin:0 auto 25px}#hf-welcome h1{font-family:Georgia,serif;font-size:36px;line-height:1.15;letter-spacing:-1px;font-weight:400;margin:14px 0}#hf-welcome p{font-size:14px;line-height:1.65;color:#68776e;margin:0}.hf-eyebrow{font-size:10px;letter-spacing:2px;color:#607564}
body.task-login #login-form{width:min(430px,100%);max-width:430px;margin:0;padding:28px;background:white;border:1px solid #dde4d9;border-radius:16px;box-shadow:0 14px 50px #24412e09}body.task-login #login-form input{min-height:46px;background:#fafbf8;color:#193d33;border-color:#cbd5c8}body.task-login #login-form .btn-primary{width:100%;min-height:47px;background:#193d33;border-color:#193d33;font-weight:600}.hf-password-toggle{display:block;margin:8px 0 2px auto;background:none;border:0;color:#385d48;font-size:12px;padding:5px}.hf-login-help{font-size:12px;line-height:1.6;color:#68776e;text-align:center;margin:18px 0 0}body.task-login #login-footer{color:#68776e;font-size:11px;margin-top:18px}.hf-guide-button{width:calc(100% - 12px);margin:8px 6px;padding:10px 3px;font-size:11px;border:1px solid #678273;border-radius:8px;background:transparent;color:#edf4eb;line-height:1.3}.hf-guide{border:1px solid #dce3d7;border-radius:18px;max-width:520px;width:calc(100% - 32px);padding:30px;color:#233c2e;box-shadow:0 20px 80px #10281f40}.hf-guide::backdrop{background:#10261dc0}.hf-guide h2{font:32px/1.15 Georgia,serif;margin-bottom:24px}.hf-guide dt{font-size:14px;margin-top:20px}.hf-guide dd{font-size:14px;line-height:1.6;color:#617066;margin:6px 0 0}.hf-guide .btn{margin-top:12px}.dark-mode .hf-guide{background:#25332c;color:#edf3e8}.dark-mode .hf-guide dd{color:#bdcbbf}
@media(max-width:600px){body.task-login #layout-content{padding:25px 18px;justify-content:flex-start}body.task-login #logo{margin-bottom:24px;max-width:195px}#hf-welcome h1{font-size:30px}body.task-login #login-form{padding:22px}.hf-guide{padding:24px}.hf-guide h2{font-size:28px}}