*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:#17181b;background:#e9e9e7}button,input,textarea{font:inherit}button{color:inherit}.app-shell{position:fixed;inset:8px;display:grid;grid-template-columns:236px minmax(0,1fr);overflow:hidden;background:#fff;border:1px solid #d8d9d7;border-radius:14px;box-shadow:0 1px 3px rgba(18,20,24,.08),0 16px 36px rgba(18,20,24,.04)}
svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.icon-button{width:34px;height:34px;padding:0;border:1px solid transparent;background:transparent;border-radius:8px;display:inline-grid;place-items:center;cursor:pointer}.icon-button:hover{background:#f1f2f2;border-color:#e1e2e1}.icon-button:focus-visible,.nav-item:focus-visible,.tab:focus-visible,.primary-button:focus-visible,.send-button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #288eff;outline-offset:2px}
.sidebar{background:#f7f7f6;border-right:1px solid #e0e1df;padding:14px 13px 12px;display:flex;flex-direction:column;min-width:0;z-index:20}.brand-row{height:46px;display:flex;align-items:center;justify-content:space-between;padding:0 2px 0 4px}.brand{display:flex;align-items:center;gap:8px;color:#17181b;text-decoration:none;min-width:0}.brand img{width:30px;height:30px;border-radius:8px;object-fit:cover}.brand strong{font-size:16px;letter-spacing:-.02em}.brand>span{font-size:10px;font-weight:700;color:#777a80;background:#e9e9e8;padding:3px 5px;border-radius:4px}.collapse-button{width:30px;height:30px;border-color:#dedfde;background:#fff}.collapse-button svg{width:17px}
.nav-groups{padding-top:14px;overflow:auto;scrollbar-width:none}.nav-groups::-webkit-scrollbar{display:none}.nav-group{display:grid;gap:3px;margin-bottom:20px}.nav-label{text-transform:uppercase;color:#8a8d92;font-size:10px;font-weight:650;letter-spacing:.12em;padding:0 10px;margin:0 0 7px}.nav-item{width:100%;height:38px;border:0;background:transparent;border-radius:8px;padding:0 10px;display:grid;grid-template-columns:22px minmax(0,1fr) auto;gap:9px;align-items:center;text-align:left;text-decoration:none;color:#4b4e53;font-size:13.5px;font-weight:470;cursor:pointer}.nav-item svg{width:19px;height:19px}.nav-item:hover{background:#eceeed;color:#17181b}.nav-item.active{background:#dedfe2;color:#16171a;font-weight:570}.nav-badge{min-width:20px;height:20px;padding:0 6px;border-radius:10px;display:grid;place-items:center;background:#e4e6e5;color:#686b70;font-size:10px}.nav-badge.dark{background:#2f3151;color:#fff}.countries{padding-top:2px;border-top:1px solid #e5e6e4}.countries .nav-label{padding-top:17px}.country-dot{width:9px;height:9px;border-radius:3px;margin-left:4px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.06)}.country-dot.israel{background:#1683df}.country-dot.cyprus{background:#e9953e}.country-count{font-size:11px;color:#999ca0}.country.active-country{background:#eceeed;color:#17181b}.sidebar-profile{margin-top:auto;border-top:1px solid #e3e4e2;padding:12px 4px 0;display:grid;grid-template-columns:34px 1fr 30px;align-items:center;gap:9px}.sidebar-profile>img{width:34px;height:34px;border-radius:50%;object-fit:cover}.sidebar-profile div{min-width:0;display:grid;gap:2px}.sidebar-profile strong{font-size:12.5px}.sidebar-profile span{font-size:10.5px;color:#8b8e93}
.workspace{min-width:0;display:grid;grid-template-rows:64px minmax(0,1fr);background:#fff}.topbar{display:flex;align-items:center;justify-content:space-between;padding:0 18px 0 20px;border-bottom:1px solid #e4e5e3}.topbar-title{display:flex;align-items:center;gap:9px}.topbar h1{font-size:20px;line-height:1;margin:0;font-weight:600;letter-spacing:-.025em}.topbar-actions{display:flex;gap:12px;align-items:center}.email-search{width:190px;height:38px;border:1px solid #d8d9da;border-radius:7px;display:flex;align-items:center;gap:8px;padding:0 11px;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.02)}.email-search svg{width:18px}.email-search input{border:0;outline:0;min-width:0;width:100%;font-size:12px;color:#333;background:transparent}.email-search input::placeholder{color:#8f9297}.primary-button{height:38px;border:0;border-radius:7px;background:#272a35;color:#fff;padding:0 17px;display:flex;align-items:center;justify-content:center;gap:7px;cursor:pointer;font-size:12.5px;font-weight:530;box-shadow:0 4px 10px rgba(28,30,38,.18)}.primary-button:hover{background:#171a24}.primary-button span{font-size:19px;font-weight:300}.mobile-nav,.reader-back{display:none}
.mail-layout{display:grid;grid-template-columns:340px minmax(0,1fr);min-height:0}.mail-list-panel{min-width:0;border-right:1px solid #dedfdd;display:grid;grid-template-rows:68px minmax(0,1fr);position:relative}.mail-tabs{display:flex;align-items:center;gap:4px;padding:0 15px;border-bottom:1px solid #ececea}.tab{height:34px;padding:0 13px;border:1px solid transparent;border-radius:7px;background:transparent;color:#5c5f64;font-size:12px;cursor:pointer}.tab.active{background:#fff;border-color:#dedfdd;color:#18191c;box-shadow:0 1px 3px rgba(0,0,0,.08)}.more-tabs{margin-left:auto;border-color:#dedfdd;width:34px;height:34px}.mail-list{overflow:auto;scrollbar-width:thin;scrollbar-color:#d8d9d8 transparent}.mail-row{height:88px;border:0;border-bottom:1px solid #ededeb;background:#fff;width:100%;padding:13px 16px;display:grid;grid-template-columns:30px minmax(0,1fr) auto;column-gap:10px;text-align:left;cursor:pointer;position:relative}.mail-row:hover{background:#fafaf9}.mail-row.active{background:#f4f4f3}.mail-row.active:after{content:"";position:absolute;right:0;top:0;bottom:0;width:2px;background:#242630}.mail-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;margin-top:2px}.mail-copy{min-width:0;display:grid;align-content:start;gap:3px}.mail-copy strong{font-size:12px;font-weight:560;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mail-subject{font-size:12.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mail-preview{font-size:11px;color:#8a8d91;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mail-side{display:grid;justify-items:end;align-content:start;gap:13px}.mail-side time{font-size:10px;color:#888b8f}.unread-dot{width:6px;height:6px;background:#6172ff;border-radius:50%;box-shadow:0 0 7px rgba(97,114,255,.5)}.mail-row:not(.unread) .mail-copy strong,.mail-row:not(.unread) .mail-subject{font-weight:460}.empty-list{position:absolute;inset:68px 0 0;display:grid;place-content:center;text-align:center;gap:6px;color:#84878c}.empty-list strong{color:#35373b;font-size:14px}.empty-list span{font-size:11px}
.reader{min-width:0;overflow:auto;background:#fff;position:relative}.reader-meta{height:68px;border-bottom:1px solid #e7e8e6;display:grid;grid-template-columns:34px minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:0 20px}.reader-meta>img{width:32px;height:32px;border-radius:50%;object-fit:cover}.sender{min-width:0;display:grid;grid-template-columns:auto 1fr;column-gap:7px;align-items:center}.sender strong{font-size:12.5px}.sender>span{font-size:10.5px;color:#7e8186;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sender small{grid-column:1/-1;font-size:10.5px;color:#777a7f;margin-top:3px}.sender b{color:#313338;font-weight:500}.reader-meta time{font-size:10.5px;color:#85888c;white-space:nowrap}.reader-actions{display:flex;align-items:center;gap:1px}.reader-actions .icon-button{width:30px;height:30px}.reader-actions svg{width:17px;height:17px}.message-body{padding:18px 22px 10px;max-width:920px}.message-body h2{font-size:20px;line-height:1.25;letter-spacing:-.025em;margin:0 0 17px;font-weight:650}.message-body p{font-size:13px;line-height:1.56;margin:0 0 14px;max-width:860px}.attachment{height:52px;border:1px solid #dfe0de;background:#fff;border-radius:7px;padding:0 11px;display:flex;align-items:center;gap:9px;text-align:left;cursor:pointer;margin-top:10px}.attachment:hover{background:#f7f7f6}.file-icon{width:30px;height:36px;border:1px solid #e0b7b7;background:#fff7f7;color:#b34f4f;border-radius:4px;display:grid;place-items:center;font-size:8px;font-weight:700}.attachment>span:last-child{display:grid;gap:3px}.attachment strong{font-size:11px}.attachment small{font-size:10px;color:#8a8d91}.attachment u{color:#2e55b0;text-decoration:none}.reply-box{margin:7px 20px 24px;border:1px solid #dedfdd;border-radius:15px;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.04);min-height:325px;overflow:hidden}.reply-head{height:50px;display:flex;align-items:center;gap:9px;padding:0 14px;border-bottom:1px solid #eee}.reply-head>img{width:24px;height:24px;border-radius:50%;object-fit:cover}.reply-head>span{font-size:11px;color:#777a7f}.reply-head strong{color:#292b2f;font-weight:520}.reply-head>div{margin-left:auto;display:flex}.reply-head .icon-button{width:28px;height:28px}.reply-head svg{width:15px}.reply-box textarea{display:block;width:100%;height:210px;border:0;resize:none;outline:0;padding:15px 16px;font-size:12.5px;line-height:1.55;color:#292b2f}.reply-toolbar{height:56px;border-top:1px solid #eee;display:flex;align-items:center;justify-content:space-between;padding:0 12px}.reply-toolbar>div{display:flex;gap:2px}.tool-button{width:30px;height:30px;border:0;background:transparent;border-radius:6px;cursor:pointer;color:#65686c}.tool-button:hover{background:#f0f1f0}.send-button{height:34px;border:0;border-radius:7px;background:#292c37;color:#fff;padding:0 13px;display:flex;align-items:center;gap:12px;font-size:11.5px;cursor:pointer}.send-button:hover{background:#171a22}.reply-status{min-height:0;color:#24815a;font-size:11px;padding:0 16px}.reply-status:not(:empty){padding-bottom:10px}
.modal[hidden]{display:none}.modal{position:fixed;inset:0;z-index:100;background:rgba(18,20,26,.35);backdrop-filter:blur(2px);display:grid;place-items:center;padding:20px}.compose-dialog{width:min(620px,100%);background:#fff;border:1px solid #d9dad8;border-radius:14px;box-shadow:0 24px 70px rgba(0,0,0,.18);padding:18px;display:grid;gap:13px}.compose-dialog header,.compose-dialog footer{display:flex;align-items:center;justify-content:space-between}.compose-dialog h2{font-size:18px;margin:0}.compose-dialog label{display:grid;gap:6px}.compose-dialog label span{font-size:11px;color:#72757a}.compose-dialog input,.compose-dialog textarea{border:1px solid #d9dad8;border-radius:7px;padding:10px 11px;outline:0;font-size:13px}.compose-dialog textarea{resize:vertical}.compose-dialog footer>span{font-size:11px;color:#c84747}.sidebar-scrim{display:none}
.empty-list[hidden],.attachment[hidden]{display:none}.app-toast{position:fixed;z-index:150;left:50%;bottom:28px;transform:translate(-50%,18px);opacity:0;pointer-events:none;background:#272a35;color:#fff;border-radius:9px;padding:10px 14px;font-size:12px;box-shadow:0 10px 28px rgba(0,0,0,.18);transition:.2s}.app-toast.show{opacity:1;transform:translate(-50%,0)}
body.nav-collapsed .app-shell{grid-template-columns:76px minmax(0,1fr)}body.nav-collapsed .brand strong,body.nav-collapsed .brand>span,body.nav-collapsed .nav-item>span:not(.country-dot),body.nav-collapsed .nav-label,body.nav-collapsed .sidebar-profile div,body.nav-collapsed .sidebar-profile button{display:none}body.nav-collapsed .sidebar{padding-inline:10px}body.nav-collapsed .brand-row{height:46px;justify-content:center}body.nav-collapsed .brand{gap:0}body.nav-collapsed .brand img{width:34px;height:34px}body.nav-collapsed .collapse-button{position:absolute;left:58px;top:19px;width:24px;height:24px;background:#fff}body.nav-collapsed .collapse-button svg{transform:rotate(180deg)}body.nav-collapsed .nav-item{grid-template-columns:1fr;padding:0;place-items:center}body.nav-collapsed .countries .nav-item{display:flex;justify-content:center}body.nav-collapsed .country-dot{margin:0}body.nav-collapsed .sidebar-profile{grid-template-columns:1fr;justify-items:center;padding-inline:0}body.nav-collapsed .sidebar-profile>img{width:36px;height:36px}
@media(max-width:1100px){.app-shell{grid-template-columns:206px minmax(0,1fr)}.mail-layout{grid-template-columns:310px minmax(0,1fr)}.sidebar{padding-inline:10px}.reader-meta{padding-inline:15px}.message-body{padding-inline:18px}.reply-box{margin-inline:16px}.topbar{padding-right:14px}.email-search{width:166px}.nav-item{font-size:13px}}
@media(max-width:840px){.app-shell,body.nav-collapsed .app-shell{grid-template-columns:1fr}.sidebar{position:absolute;inset:0 auto 0 0;width:236px;transform:translateX(-102%);transition:transform .22s ease;box-shadow:12px 0 30px rgba(0,0,0,.12)}body.nav-open .sidebar{transform:none}.sidebar-scrim{display:block;position:fixed;inset:0;z-index:15;background:rgba(20,22,27,.28);opacity:0;pointer-events:none;transition:.2s}body.nav-open .sidebar-scrim{opacity:1;pointer-events:auto}.mobile-nav{display:inline-grid}.collapse-button{display:none}.topbar{padding-left:12px}.mail-layout{grid-template-columns:310px minmax(0,1fr)}}
@media(max-width:680px){body{background:#fff}.app-shell{inset:0;border:0;border-radius:0}.workspace{grid-template-rows:58px minmax(0,1fr)}.topbar{padding-inline:10px}.topbar h1{font-size:18px}.email-search{display:none}.topbar .primary-button{width:38px;padding:0;font-size:0}.topbar .primary-button span{font-size:20px}.mail-layout{display:block;position:relative;overflow:hidden}.mail-list-panel,.reader{position:absolute;inset:0;background:#fff;transition:transform .24s ease}.mail-list-panel{border-right:0;transform:none}.reader{transform:translateX(102%);z-index:3}.workspace.reader-open .mail-list-panel{transform:translateX(-24%)}.workspace.reader-open .reader{transform:none}.reader-back{display:none}.workspace.reader-open .reader-back{display:inline-grid}.workspace.reader-open .mobile-nav{display:none}.mail-row{height:88px;padding-inline:14px}.mail-tabs{height:62px;padding-inline:10px;overflow-x:auto}.tab{white-space:nowrap}.reader-meta{height:64px;padding:0 10px;grid-template-columns:30px minmax(0,1fr) auto}.reader-meta>img{width:28px;height:28px}.reader-meta time{display:none}.reader-actions .icon-button:nth-child(-n+2){display:none}.message-body{padding:18px 15px 8px}.message-body h2{font-size:19px}.message-body p{font-size:13px}.reply-box{margin:8px 12px 18px;min-height:250px}.reply-box textarea{height:140px}.sender>span{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}