@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/f639721981034f88-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/9766a7e9e2e0ad5a-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/b66cf8e69499582a-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/aa016aab0e6d1295-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/22a5144ee8d83bca-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Geist Fallback;src:local("Arial");ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.00%;size-adjust:104.76%}.__className_246ccd{font-family:Geist,Geist Fallback;font-style:normal}.__variable_246ccd{--font-geist-sans:"Geist","Geist Fallback"}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/013b72fa676f92e0-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/b9408752a0c24fb9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/65f03d54ccadf4a8-s.woff2) format("woff2");unicode-range:u+2000-2001,u+2004-2008,u+200a,u+23b8-23bd,u+2500-259f}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e038a29029a234f2-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/2b5b02fc7e511755-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/7d4881bb7e1bf84d-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Geist Mono Fallback;src:local("Arial");ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.00%;size-adjust:134.59%}.__className_c29908{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.__variable_c29908{--font-geist-mono:"Geist Mono","Geist Mono Fallback"}/* Optrixis Mail login skin — 2026-09-26 */
.min-h-screen.flex.flex-col.items-center.justify-center.bg-gradient-to-br.from-background.via-muted\/10.to-muted\/30.relative.px-4{
  isolation:isolate;
  overflow:hidden;
  background:
    radial-gradient(circle at 77% 7%,rgba(206,158,255,.72),transparent 24%),
    radial-gradient(circle at 20% 72%,rgba(126,63,255,.72),transparent 30%),
    radial-gradient(circle at 48% 108%,rgba(193,125,255,.54),transparent 23%),
    linear-gradient(135deg,#1900b5 0%,#4a00ed 42%,#7927ff 73%,#a45fff 100%) !important;
}
.min-h-screen.flex.flex-col.items-center.justify-center.bg-gradient-to-br.from-background.via-muted\/10.to-muted\/30.relative.px-4::before,
.min-h-screen.flex.flex-col.items-center.justify-center.bg-gradient-to-br.from-background.via-muted\/10.to-muted\/30.relative.px-4::after{
  content:"";
  position:absolute;
  pointer-events:none;
  z-index:0;
  aspect-ratio:1;
  background:linear-gradient(145deg,#efe1ff 0%,#c69cff 20%,#8549ff 47%,#5a08e9 73%,#3510b7 100%);
  -webkit-mask:url("/api/admin/branding/faviconUrl.svg") center/contain no-repeat;
  mask:url("/api/admin/branding/faviconUrl.svg") center/contain no-repeat;
  filter:drop-shadow(24px 30px 18px rgba(30,0,90,.35)) drop-shadow(-7px -8px 10px rgba(255,255,255,.25));
  opacity:.90;
}
.min-h-screen.flex.flex-col.items-center.justify-center.bg-gradient-to-br.from-background.via-muted\/10.to-muted\/30.relative.px-4::before{
  width:470px;
  left:-155px;
  bottom:-135px;
  transform:rotate(-16deg);
}
.min-h-screen.flex.flex-col.items-center.justify-center.bg-gradient-to-br.from-background.via-muted\/10.to-muted\/30.relative.px-4::after{
  width:335px;
  right:-55px;
  top:-55px;
  transform:rotate(24deg);
  opacity:.76;
}
.min-h-screen.flex.flex-col.items-center.justify-center.bg-gradient-to-br.from-background.via-muted\/10.to-muted\/30.relative.px-4 > *{
  position:relative;
  z-index:2;
}
.w-full.max-w-\[440px\].mx-auto{
  max-width:500px !important;
}
.w-full.max-w-\[440px\].mx-auto > .rounded-2xl{
  border-radius:24px !important;
  border:1px solid rgba(255,255,255,.88) !important;
  background:rgba(255,255,255,.975) !important;
  box-shadow:0 36px 90px rgba(31,0,99,.30),0 8px 24px rgba(20,15,53,.10) !important;
  backdrop-filter:blur(20px) !important;
  overflow:hidden;
}
.w-full.max-w-\[440px\].mx-auto .px-8.pt-12.pb-4.text-center{
  padding-top:42px !important;
  padding-bottom:14px !important;
}
.w-full.max-w-\[440px\].mx-auto .inline-flex.items-center.justify-center.w-20.h-20.mb-6{
  width:auto !important;
  height:auto !important;
  min-height:60px;
  margin-bottom:24px !important;
}
.w-full.max-w-\[440px\].mx-auto img{
  max-width:270px !important;
  max-height:74px !important;
  width:auto !important;
  height:auto !important;
}
.w-full.max-w-\[440px\].mx-auto h1{
  font-size:31px !important;
  line-height:1.15 !important;
  font-weight:700 !important;
  letter-spacing:-.04em !important;
  color:#101426 !important;
}
.w-full.max-w-\[440px\].mx-auto h1::before{
  content:"WEBMAIL";
  display:block;
  margin-bottom:10px;
  color:#9876ff;
  font-size:10px;
  line-height:1;
  letter-spacing:.30em;
  font-weight:800;
}
.w-full.max-w-\[440px\].mx-auto .text-base.text-muted-foreground{
  color:#6f7690 !important;
  font-size:13px !important;
  line-height:1.65 !important;
}
.w-full.max-w-\[440px\].mx-auto .px-8.pb-10.pt-4{
  padding:14px 44px 34px !important;
}
.w-full.max-w-\[440px\].mx-auto input{
  min-height:48px !important;
  border-radius:12px !important;
  border-color:#dfe2ec !important;
  background:#fff !important;
  color:#101426 !important;
}
.w-full.max-w-\[440px\].mx-auto input:focus{
  border-color:#916dff !important;
  box-shadow:0 0 0 4px rgba(89,29,238,.09) !important;
}
.w-full.max-w-\[440px\].mx-auto button[type="submit"]{
  min-height:48px !important;
  border-radius:11px !important;
  background:linear-gradient(100deg,#4a00db 0%,#6227ff 52%,#782fff 100%) !important;
  box-shadow:0 14px 28px rgba(78,0,211,.22) !important;
  font-weight:700 !important;
}
.w-full.max-w-\[440px\].mx-auto button[type="submit"]:hover{
  transform:translateY(-1px);
  box-shadow:0 18px 34px rgba(78,0,211,.29) !important;
}
@media(max-width:680px){
  .w-full.max-w-\[440px\].mx-auto .px-8.pb-10.pt-4{padding-left:22px !important;padding-right:22px !important}
  .min-h-screen.flex.flex-col.items-center.justify-center.bg-gradient-to-br.from-background.via-muted\/10.to-muted\/30.relative.px-4::before{width:340px;left:-185px;bottom:-100px}
  .min-h-screen.flex.flex-col.items-center.justify-center.bg-gradient-to-br.from-background.via-muted\/10.to-muted\/30.relative.px-4::after{width:250px;right:-110px;top:-55px}
}


/* OPTRIXIS_WEBMAIL_SKIN_START */
/* Optrixis Mail — Webmail login skin 2026-09-26 */
body:has(input[type="password"]){
  min-height:100vh!important;
  color:#11162b!important;
  background:
    radial-gradient(circle at 78% 8%,rgba(204,151,255,.78),transparent 24%),
    radial-gradient(circle at 18% 74%,rgba(131,67,255,.72),transparent 30%),
    radial-gradient(circle at 48% 108%,rgba(189,122,255,.58),transparent 24%),
    linear-gradient(135deg,#1900b5 0%,#4b00ef 43%,#7928ff 75%,#a45eff 100%)!important;
  overflow-x:hidden;
}
body:has(input[type="password"])::before,
body:has(input[type="password"])::after{
  content:"";
  position:fixed;
  z-index:0;
  pointer-events:none;
  aspect-ratio:1;
  background:linear-gradient(145deg,#f3e5ff 0%,#d09bff 18%,#9457ff 43%,#6417ee 70%,#3711b4 100%);
  -webkit-mask:url("https://mail-site.optrixisgroup.com/optrixis-mail-icon.svg") center/contain no-repeat;
  mask:url("https://mail-site.optrixisgroup.com/optrixis-mail-icon.svg") center/contain no-repeat;
  filter:drop-shadow(28px 32px 20px rgba(29,0,95,.36)) drop-shadow(-8px -8px 10px rgba(255,255,255,.24));
}
body:has(input[type="password"])::before{
  width:470px;left:-170px;bottom:-130px;transform:rotate(-16deg);opacity:.94;
}
body:has(input[type="password"])::after{
  width:350px;right:-72px;top:-58px;transform:rotate(25deg);opacity:.78;
}
body:has(input[type="password"]) form:has(input[type="password"]){
  position:relative!important;
  z-index:2!important;
  width:min(520px,calc(100vw - 32px))!important;
  margin:auto!important;
  padding:38px 42px 32px!important;
  border:1px solid rgba(255,255,255,.86)!important;
  border-radius:24px!important;
  background:rgba(255,255,255,.985)!important;
  box-shadow:0 38px 96px rgba(31,0,99,.34),0 10px 28px rgba(20,15,53,.12)!important;
  backdrop-filter:blur(20px)!important;
}
body:has(input[type="password"]) form:has(input[type="password"])::before{
  content:"";
  display:block;
  width:250px;
  height:62px;
  margin:0 auto 24px;
  background:url("https://mail-site.optrixisgroup.com/optrixis-mail-logo.svg") center/contain no-repeat;
}
body:has(input[type="password"]) form:has(input[type="password"])::after{
  content:"IMAP, SMTP et webmail sécurisés par Optrixis Mail.";
  display:block;
  margin-top:22px;
  padding-top:18px;
  border-top:1px solid #ececf3;
  text-align:center;
  color:#858ca1;
  font-size:11px;
}
body:has(input[type="password"]) form:has(input[type="password"]) input{
  min-height:52px!important;
  border:1px solid #dfe2ec!important;
  border-radius:12px!important;
  background:#fff!important;
  color:#11162b!important;
  box-shadow:none!important;
}
body:has(input[type="password"]) form:has(input[type="password"]) input:focus{
  border-color:#916dff!important;
  box-shadow:0 0 0 4px rgba(89,29,238,.09)!important;
}
body:has(input[type="password"]) form:has(input[type="password"]) button[type="submit"]{
  min-height:50px!important;
  border:0!important;
  border-radius:11px!important;
  background:linear-gradient(100deg,#4a00db 0%,#6227ff 52%,#782fff 100%)!important;
  color:#fff!important;
  font-weight:800!important;
  box-shadow:0 14px 28px rgba(78,0,211,.22)!important;
}
body:has(input[type="password"]) form:has(input[type="password"]) button[type="submit"]:hover{
  transform:translateY(-1px);
  box-shadow:0 18px 34px rgba(78,0,211,.29)!important;
}
body:has(input[type="password"]) h1,
body:has(input[type="password"]) h2{
  color:#101426!important;
  font-weight:800!important;
  letter-spacing:-.04em!important;
}
body:has(input[type="password"]) label{
  color:#41485f!important;
  font-weight:700!important;
}
body:has(input[type="password"]) a{
  color:#5b18e8!important;
}
body:has(input[type="password"]) label:has(input[type="url"]),
body:has(input[type="password"]) div:has(>input[type="url"]){
  display:none!important;
}
@media(max-width:680px){
  body:has(input[type="password"]) form:has(input[type="password"]){padding:30px 22px 26px!important;border-radius:20px!important}
  body:has(input[type="password"])::before{width:330px;left:-165px;bottom:-95px}
  body:has(input[type="password"])::after{width:240px;right:-105px;top:-55px}
}

/* OPTRIXIS_WEBMAIL_SKIN_END */

/* OPTRIXIS_WEBMAIL_LOGIN_V2_START */
body:has(#password) > div,
body:has(#password) main{
  position:relative;
  z-index:1;
}
body:has(#password) div[class*="max-w-[400px]"]{
  width:min(520px,calc(100vw - 32px))!important;
  max-width:520px!important;
  position:relative!important;
  z-index:2!important;
}
body:has(#password) div[class*="max-w-[400px]"] > div[class*="rounded-2xl"]{
  border:1px solid rgba(255,255,255,.88)!important;
  border-radius:24px!important;
  background:rgba(255,255,255,.985)!important;
  box-shadow:0 38px 96px rgba(31,0,99,.34),0 10px 28px rgba(20,15,53,.12)!important;
  backdrop-filter:blur(20px)!important;
  overflow:hidden!important;
}
body:has(#password) div[class*="max-w-[400px]"] > div > div[class*="pt-10"][class*="text-center"]{
  padding:38px 44px 14px!important;
  background:#fff!important;
}
body:has(#password) div[class*="max-w-[400px]"] > div > div[class*="pt-10"][class*="text-center"] > div:first-child{
  display:none!important;
}
body:has(#password) div[class*="max-w-[400px]"] > div > div[class*="pt-10"][class*="text-center"]::before{
  content:"";
  display:block;
  width:min(270px,82%);
  height:68px;
  margin:0 auto 16px;
  background:url("/api/admin/branding/loginLogoLightUrl.svg") center/contain no-repeat;
}
body:has(#password) div[class*="max-w-[400px]"] > div > div[class*="pt-10"][class*="text-center"] h1{
  display:none!important;
}
body:has(#password) div[class*="max-w-[400px]"] > div > div[class*="pt-10"][class*="text-center"] p{
  margin:0!important;
  color:#9a78ff!important;
  font-size:11px!important;
  font-weight:800!important;
  letter-spacing:.28em!important;
  text-transform:uppercase!important;
}
body:has(#password) div[class*="max-w-[400px]"] > div > div[class*="pb-8"]{
  padding:12px 44px 32px!important;
}
body:has(#password) form:has(#password){
  width:100%!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
}
body:has(#password) form:has(#password)::before{
  content:none!important;
  display:none!important;
}
body:has(#password) form:has(#password)::after{
  margin-top:20px!important;
  padding-top:17px!important;
  font-size:10px!important;
}
body:has(#password) #username,
body:has(#password) #password{
  min-height:50px!important;
  padding-left:15px!important;
  border-color:#dfe2ec!important;
  background:#fff!important;
  font-size:14px!important;
}
body:has(#password) button[type="submit"]{
  min-height:50px!important;
  margin-top:4px!important;
  border-radius:11px!important;
  background:linear-gradient(100deg,#4a00db 0%,#6227ff 52%,#782fff 100%)!important;
  box-shadow:0 14px 28px rgba(78,0,211,.22)!important;
}
body:has(#password) div[class*="absolute"][class*="top-5"][class*="right-5"]{
  opacity:.72;
}
@media(max-width:680px){
  body:has(#password) div[class*="max-w-[400px]"] > div > div[class*="pt-10"][class*="text-center"]{padding:30px 24px 12px!important}
  body:has(#password) div[class*="max-w-[400px]"] > div > div[class*="pb-8"]{padding:10px 24px 26px!important}
}
/* OPTRIXIS_WEBMAIL_LOGIN_V2_END */