.mail-auth,.webmail{--mail-panel:#191919;--mail-line:#454545;min-height:100vh;background:#101010;color:#f4f4f4}.mail-auth{position:relative;display:grid;place-items:center;padding:34px 20px;overflow:hidden}.mail-auth__ambient{position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 15% 12%,rgba(239,143,32,.11),transparent 29%),radial-gradient(circle at 88% 80%,rgba(245,166,35,.05),transparent 31%),linear-gradient(115deg,transparent 48%,rgba(69,69,69,.13) 48.1%,transparent 48.3%)}.mail-auth--admin .mail-auth__ambient{background:radial-gradient(circle at 78% 8%,rgba(245,166,35,.08),transparent 28%),radial-gradient(circle at 15% 85%,rgba(239,143,32,.07),transparent 32%)}.mail-auth__frame{position:relative;width:min(520px,100%)}.mail-auth__brand{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:22px}.mail-auth__brand>div{transform:scale(.83);transform-origin:left bottom}.mail-auth__brand>span{padding-bottom:9px;color:#f5a623;font-size:.62rem;font-weight:900;letter-spacing:.15em;text-transform:uppercase;white-space:nowrap}.mail-auth--admin .mail-auth__brand>span{color:#f5a623}.mail-auth__panel{padding:30px;border:1px solid rgba(69,69,69,.78);border-radius:15px;background:linear-gradient(145deg,rgba(34,34,34,.96),rgba(20,20,20,.96));box-shadow:0 36px 100px rgba(0,0,0,.44),inset 0 1px rgba(255,255,255,.025)}.mail-auth--admin .mail-auth__panel{border-color:rgba(245,166,35,.25)}.mail-auth__intro>p{margin:0 0 10px;color:#f5a623;font-size:.62rem;font-weight:900;letter-spacing:.17em;text-transform:uppercase}.mail-auth--admin .mail-auth__intro>p{color:#f5a623}.mail-auth__intro h1{margin:0;font-size:1.75rem;letter-spacing:-.03em}.mail-auth__intro>span{display:block;margin-top:10px;color:rgba(244,244,244,.52);font-size:.75rem}.mail-auth__notice{display:grid;gap:4px;margin:22px 0;padding:12px 14px;border:1px solid rgba(245,166,35,.29);border-radius:9px;background:rgba(245,166,35,.045);font-size:.69rem}.mail-auth__notice strong{color:#f5a623}.mail-auth__notice span{color:rgba(244,244,244,.53)}.mail-auth__form{display:grid;gap:17px}.mail-auth__form label>span{display:block;margin-bottom:8px;color:rgba(244,244,244,.72);font-size:.7rem;font-weight:800}.mail-auth__form input{width:100%;height:48px;padding:0 13px;border:1px solid rgba(69,69,69,.85);border-radius:9px;outline:0;background:#141414;color:#fff;font:inherit}.mail-auth__form input:focus{border-color:#ef8f20;box-shadow:0 0 0 3px rgba(239,143,32,.08)}.mail-auth__password{position:relative}.mail-auth__password input{padding-right:66px}.mail-auth__password button{position:absolute;top:0;right:0;height:48px;padding:0 14px;border:0;background:transparent;color:#ffba54;font-size:.68rem;font-weight:900;cursor:pointer}.mail-auth__submit{height:48px;margin-top:4px;border:1px solid #f5a623;border-radius:9px;background:#f5a623;color:#171717;font-size:.75rem;font-weight:900;cursor:pointer;box-shadow:0 15px 35px rgba(245,166,35,.12)}.mail-auth__submit:disabled{opacity:.6}.mail-auth__forgot{display:flex;justify-content:center;gap:7px;margin:16px 0 0;color:#ffba54;font-size:.69rem;font-weight:800}.mail-auth__forgot small{color:#969696;text-transform:uppercase}.mail-auth__panel footer{display:flex;gap:11px;margin-top:22px;padding-top:18px;border-top:1px solid rgba(69,69,69,.48)}.mail-auth__shield{height:23px;padding:5px 7px;border:1px solid rgba(245,166,35,.34);border-radius:5px;color:#f5a623;font-size:.53rem;font-weight:900;letter-spacing:.08em}.mail-auth__panel footer p{margin:0;color:rgba(244,244,244,.35);font-size:.61rem;line-height:1.55}.mail-auth__footnote{text-align:center;color:rgba(244,244,244,.25);font-size:.6rem;letter-spacing:.05em}.webmail{display:grid;grid-template-columns:250px 1fr}.webmail__sidebar{position:fixed;inset:0 auto 0 0;width:250px;padding:20px 14px;border-right:1px solid rgba(69,69,69,.7);background:rgba(16,16,16,.97)}.webmail__brand{padding:4px 4px 22px;border-bottom:1px solid rgba(69,69,69,.52)}.webmail__brand>div{transform:scale(.68);transform-origin:left center;width:140%}.webmail__brand>span{display:block;margin:-2px 0 0 41px;color:#f5a623;font-size:.58rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.webmail__compose{width:100%;height:42px;margin:20px 0 13px;border:1px solid rgba(245,166,35,.35);border-radius:8px;background:rgba(245,166,35,.05);color:#f5a623;font-weight:900;opacity:.62}.webmail__compose small{margin-left:6px;color:#969696;text-transform:uppercase}.webmail__sidebar nav{display:grid;gap:3px}.webmail__sidebar nav a{display:flex;align-items:center;gap:11px;min-height:43px;padding:0 10px;border:1px solid transparent;border-radius:8px;color:rgba(244,244,244,.62);font-size:.76rem;font-weight:800}.webmail__sidebar nav a>span{display:grid;width:25px;height:25px;place-items:center;border:1px solid rgba(69,69,69,.7);border-radius:6px;color:#f5a623;font-size:.52rem}.webmail__sidebar nav a.is-active{border-color:rgba(239,143,32,.22);background:rgba(239,143,32,.07);color:#fff}.webmail__connection{position:absolute;right:14px;bottom:20px;left:14px;padding:13px;border:1px solid rgba(69,69,69,.6);border-radius:9px;color:#969696;font-size:.61rem;font-weight:900}.webmail__connection i{display:inline-block;width:6px;height:6px;margin-right:7px;border-radius:50%;background:#969696}.webmail__connection small{display:block;margin:6px 0 0 13px;color:rgba(244,244,244,.3);font-weight:500}.webmail__workspace{min-width:0;margin-left:250px}.webmail__topbar{position:sticky;z-index:10;top:0;height:74px;display:flex;align-items:center;justify-content:space-between;padding:0 30px;border-bottom:1px solid rgba(69,69,69,.66);background:rgba(16,16,16,.88);backdrop-filter:blur(16px)}.webmail__topbar small{display:block;margin-bottom:4px;color:rgba(244,244,244,.38);font-size:.58rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.webmail__topbar strong{font-size:.86rem}.webmail-heading>b,.webmail__topbar>span{padding:7px 10px;border:1px solid rgba(245,166,35,.28);border-radius:99px;color:#f5a623;font-size:.58rem;letter-spacing:.08em}.webmail__content{width:100%;max-width:1280px;margin:auto;padding:34px 32px 60px}.webmail-heading{display:flex;align-items:end;justify-content:space-between;gap:22px;margin-bottom:24px}.webmail-heading p{margin:0 0 8px;color:#f5a623;font-size:.62rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.webmail-heading h1{margin:0;font-size:2rem}.webmail-heading span{display:block;margin-top:9px;color:rgba(244,244,244,.5);font-size:.78rem}.webmail-notice{display:flex;gap:11px;margin-bottom:16px;padding:13px 15px;border:1px solid rgba(245,166,35,.3);border-radius:9px;background:rgba(245,166,35,.045);color:rgba(244,244,244,.55);font-size:.7rem}.webmail-notice strong{color:#f5a623}.webmail-panel{margin-bottom:16px;border:1px solid rgba(69,69,69,.7);border-radius:12px;background:linear-gradient(145deg,rgba(34,34,34,.86),rgba(4,16,10,.82));overflow:hidden}.webmail-panel>header{display:flex;align-items:center;justify-content:space-between;min-height:64px;padding:0 20px;border-bottom:1px solid rgba(69,69,69,.55)}.webmail-panel h2{margin:0;font-size:.9rem}.webmail-panel header p{margin:5px 0 0;color:rgba(244,244,244,.37);font-size:.65rem}.webmail-panel header>span{color:#969696;font-size:.59rem;font-weight:900;letter-spacing:.08em}.webmail-empty{display:grid;justify-items:center;padding:64px 20px;text-align:center}.webmail-empty i{display:grid;width:46px;height:46px;place-items:center;border:1px solid rgba(245,166,35,.32);border-radius:12px;color:#f5a623;font-size:.65rem;font-style:normal;font-weight:900}.webmail-empty h3{margin:16px 0 0;font-size:.88rem}.webmail-empty p{margin:8px 0 0;color:rgba(244,244,244,.4);font-size:.69rem}.webmail-quick{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.webmail-quick article{padding:17px;border:1px solid rgba(69,69,69,.62);border-radius:10px;background:rgba(25,25,25,.72)}.webmail-quick article>span{color:rgba(244,244,244,.37);font-size:.58rem;font-weight:900;text-transform:uppercase}.webmail-quick strong{display:block;margin-top:11px;color:#f5a623;font-size:.69rem}.webmail-quick p{margin:8px 0 0;color:rgba(244,244,244,.4);font-size:.65rem;line-height:1.5}.webmail-back,.webmail-quick a,.webmail-settings-row a{color:#ffba54;font-weight:900}.webmail-settings-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px}.webmail-settings-row strong{font-size:.78rem}.webmail-settings-row p{margin:6px 0 0;color:rgba(244,244,244,.4);font-size:.68rem}.webmail-settings-row a{font-size:.7rem}.webmail-back{display:inline-block;margin-bottom:20px;font-size:.71rem}.client-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(69,69,69,.35)}.client-fields>div{padding:18px;background:#191919}.client-fields span{display:block;color:rgba(244,244,244,.37);font-size:.58rem;font-weight:900;text-transform:uppercase}.client-fields strong{display:block;margin-top:10px;color:#f5a623;font-size:.7rem}.client-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:18px}.client-grid article{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:12px;padding:15px;border:1px solid rgba(69,69,69,.55);border-radius:9px}.client-grid article>i{display:grid;width:34px;height:34px;place-items:center;border:1px solid rgba(245,166,35,.3);border-radius:8px;color:#f5a623;font-size:.58rem;font-style:normal;font-weight:900}.client-grid strong{font-size:.72rem}.client-grid p{margin:5px 0 0;color:rgba(244,244,244,.37);font-size:.62rem;line-height:1.45}.client-grid article>span{color:#969696;font-size:.56rem;font-weight:900}.mail-auth input::-ms-reveal{display:none}@media(max-width:760px){.webmail{display:block}.webmail__sidebar{position:relative;width:100%;height:auto}.webmail__brand,.webmail__compose,.webmail__connection{display:none}.webmail__sidebar nav{grid-template-columns:repeat(3,1fr)}.webmail__sidebar nav a{justify-content:center}.webmail__workspace{margin-left:0}.webmail__topbar{padding:0 18px}.webmail__topbar>span{display:none}.webmail__content{padding:26px 18px 45px}.webmail-heading{align-items:flex-start}.webmail-heading,.webmail-notice{flex-direction:column}.client-fields,.client-grid,.webmail-quick{grid-template-columns:1fr}.webmail-settings-row{align-items:flex-start;flex-direction:column}}@media(max-width:480px){.mail-auth__panel{padding:22px}.mail-auth__brand{align-items:flex-start;flex-direction:column}.mail-auth__brand>span{padding:0}.webmail__sidebar nav{grid-template-columns:repeat(2,1fr)}}