@font-face{font-family:Yekan;src:url('YekanBakh-Regular.ttf')}@font-face{font-family:Yekan;src:url('YekanBakh-ExtraBold.ttf');font-weight:800}
:root{--sep-ink:#edf7ff;--sep-muted:#9bb6cc;--sep-blue:#5edbff;--sep-border:rgba(171,220,255,.18);--sep-panel:rgba(12,31,50,.76)}
html,html.dark-mode,body{background:#07121e!important;color:var(--sep-ink)!important}body{font-family:Yekan,system-ui,sans-serif!important;background:radial-gradient(ellipse at 12% 10%,#123b56 0,transparent 48%),radial-gradient(ellipse at 90% 86%,#17254d 0,transparent 48%),#07121e!important}input,button,select,textarea,.popover,.ui-dialog{font-family:Yekan,system-ui,sans-serif!important}a{color:#72d7fc}#layout{background:transparent!important}#layout>div{border-color:var(--sep-border)!important}#layout-menu{background:rgba(4,16,28,.8)!important;backdrop-filter:blur(24px)}#layout-sidebar,#layout-list,#layout-content{background:var(--sep-panel)!important;backdrop-filter:blur(24px)}.header,.footer,.toolbar,.searchbar,.listing li,.listing tr,.formcontent,.formcontainer{background:transparent!important;color:var(--sep-ink)!important;border-color:var(--sep-border)!important}#messagelist td,#messagelist th,.folderlist a{color:var(--sep-ink)!important;border-color:rgba(160,205,240,.09)!important}.listing li.selected,.listing tr.selected,.folderlist li.selected>a{background:rgba(64,161,210,.22)!important}input.form-control,textarea.form-control,select.form-control{background:rgba(3,16,29,.55)!important;color:#edf7ff!important;border:1px solid var(--sep-border)!important;border-radius:12px!important}.btn-primary,input[type=submit]{background:linear-gradient(115deg,#8eeaff,#48b5eb)!important;color:#032339!important;border:0!important;border-radius:14px!important;font-weight:800;box-shadow:0 8px 28px #009de626}#layout-menu #logo{max-width:78px!important;max-height:70px!important}.message-part{background:white;color:#17202a;border-radius:14px}.sep-avatar{width:42px;height:42px;object-fit:cover;border-radius:50%;border:1px solid #91e6ff}.sep-profile-button{background:#15344b;color:#d9f5ff;border:1px solid var(--sep-border);border-radius:50%;padding:3px;cursor:pointer;margin:12px auto;display:block}.sep-profile-button:hover{box-shadow:0 0 24px #58cfff55}
body.task-login #layout-content{display:grid!important;grid-template-columns:1.1fr 1fr;align-content:center;align-items:center;gap:70px;max-width:1150px!important;width:calc(100% - 100px)!important;margin:auto!important;padding:70px 0!important;background:transparent!important;backdrop-filter:none;overflow:visible!important;min-height:100vh}body.task-login #layout-content>#logo{display:none!important}body.task-login #login-form{width:100%!important;max-width:440px!important;padding:44px 38px!important;margin:0!important;border:1px solid rgba(173,227,255,.25);border-radius:32px;background:linear-gradient(145deg,rgba(93,150,183,.16),rgba(18,37,61,.42));box-shadow:inset 0 1px 0 #ffffff36,0 36px 90px #0005;backdrop-filter:blur(35px);position:relative}body.task-login #login-form:before{content:'Welcome to SepMails';direction:ltr;display:block;color:#edf9ff;font-size:30px;font-weight:800;margin-bottom:28px}body.task-login #login-form input{height:52px!important;font-size:16px}body.task-login #login-form .input-group{margin-bottom:20px}body.task-login #login-form .input-group-text{background:transparent!important;color:#8acde9!important;border-color:var(--sep-border)!important}body.task-login #login-form button{min-height:52px}body.task-login #login-footer{color:#89a6bc!important;margin-top:28px!important}body.task-login #login-footer .support-link{color:#9cddf5}.sep-hero{direction:ltr;position:relative;padding:20px 0}.sep-eyebrow{letter-spacing:3px;color:#82d9f6;font:12px system-ui;margin-bottom:30px}.sep-hero h1{font-size:62px;line-height:1.55;letter-spacing:-2px;font-weight:800;margin:0 0 20px}.sep-hero h1 span{color:#80e2ff}.sep-hero p{font-size:18px;line-height:2;color:#9eb9cc;max-width:430px}.sep-brand{display:flex;align-items:center;gap:12px;direction:ltr;font:800 23px system-ui;margin-bottom:32px}.sep-brand svg{width:52px;height:42px}.sep-chips{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.sep-chips span{font-size:13px;padding:9px 16px;border:1px solid var(--sep-border);border-radius:50px;background:#c1eeff08}.sep-cloud-scene{position:relative;height:170px;margin-bottom:25px}.sep-cloud{position:absolute;width:230px;height:85px;border:1px solid #b5eaff55;border-radius:70px;background:linear-gradient(120deg,#8fe7ff44,#4296cc11);box-shadow:inset 0 2px 1px #fff3,0 20px 60px #0aa9e620;backdrop-filter:blur(16px);animation:sep-float 8s ease-in-out infinite}.sep-cloud:before,.sep-cloud:after{content:'';position:absolute;border-radius:100%;background:linear-gradient(145deg,#7ed6f077,#2c759522);border-top:1px solid #b8eeff66;z-index:-1}.sep-cloud:before{width:115px;height:115px;top:-65px;left:45px}.sep-cloud:after{width:80px;height:80px;top:-40px;right:20px}.sep-cloud.one{top:75px;left:75px;transform:rotate(-6deg)}.sep-cloud.two{top:100px;left:260px;scale:.55;opacity:.5;animation-delay:-3s}.sep-orbit{position:absolute;width:15px;height:15px;border-radius:50%;background:#b4f0ff;box-shadow:0 0 30px #4acfff;top:25px;left:240px;animation:sep-float 5s ease-in-out infinite}.sep-profile-overlay{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;background:#010a18b8;backdrop-filter:blur(14px);padding:20px}.sep-profile-card{width:min(440px,100%);border:1px solid #a5ddff40;background:linear-gradient(145deg,#1c3549ee,#0a1a2bef);padding:32px;border-radius:28px;box-shadow:0 30px 100px #0008;direction:ltr;color:#edf8ff}.sep-profile-card h2{font-size:26px;font-weight:800}.sep-profile-card label{display:block;margin:18px 0 8px;color:#bcd9e8}.sep-profile-card input{width:100%;padding:12px;border:1px solid #8dcfff33;border-radius:12px;background:#071626;color:white}.sep-profile-card input[type=file]{font-size:13px}.sep-profile-card .sep-avatar{width:84px;height:84px;display:block;margin:20px auto}.sep-profile-actions{display:flex;gap:12px;margin-top:26px}.sep-profile-actions button{padding:12px 24px;border-radius:12px;border:1px solid #8dcfff33;background:#16364c;color:#e2f7ff;cursor:pointer}.sep-profile-actions button[type=submit]{background:#80ddfa;color:#07263a}.sep-profile-note{font-size:12px;line-height:1.8;color:#a0bacd}.sep-profile-status{min-height:24px;margin-top:12px;color:#8debc9}@keyframes sep-float{50%{translate:0 -13px}}@media(max-width:850px){body.task-login #layout-content{grid-template-columns:1fr;gap:15px;width:calc(100% - 36px)!important;padding:30px 0!important;min-height:100vh;justify-items:center}.sep-hero{text-align:center;padding:0}.sep-brand{justify-content:center;margin-bottom:18px}.sep-hero h1{font-size:35px;margin-bottom:8px}.sep-hero p{font-size:15px;margin:0 auto}.sep-cloud-scene{height:90px;width:320px;margin:0 auto;scale:.6;transform-origin:center top;margin-bottom:-30px}.sep-chips,.sep-eyebrow{display:none}body.task-login #login-form{padding:30px 26px!important;max-width:440px!important}.sep-hero h1 br{display:none}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}
