:root{--blue:#1da1e8;--blue2:#0879bd;--navy:#162033;--muted:#728094;--line:#e5eaf0;--bg:#f5f7fa;--card:#fff;--shadow:0 12px 30px rgba(23,42,73,.07)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:var(--navy)}a{text-decoration:none}
.brand{font-size:30px;font-weight:800;letter-spacing:-1.2px}.brand span{color:var(--blue)}
.ekplog-wrap{min-height:100vh;display:grid;grid-template-columns:minmax(320px,46%) 1fr;background:#fff}
.ekplog-side{background:linear-gradient(145deg,#0f2239,#17324e);color:#fff;padding:52px 56px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}
.ekplog-side:after{content:"";position:absolute;width:420px;height:420px;border-radius:50%;background:rgba(29,161,232,.18);right:-180px;bottom:-180px}
.ekplog-side .brand{position:relative;z-index:1}.sidecopy{position:relative;z-index:1;max-width:520px;margin:16vh 0 10vh}.sidecopy small,.ekplog-card>small,.ekphead small{color:#54c1f5;font-weight:800;letter-spacing:1.2px}.sidecopy h2{font-size:42px;line-height:1.08;margin:10px 0 16px}.sidecopy p{font-size:16px;line-height:1.7;color:#d6e3ef}.sidepoints{display:grid;gap:12px;margin-top:26px;color:#eef7fc;font-size:14px}
.ekplog-card{width:min(470px,calc(100% - 40px));margin:auto;padding:46px 44px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}
.ekplog-card h1{font-size:34px;letter-spacing:-.7px;margin:10px 0}.ekplog-card>p{color:var(--muted);margin-bottom:24px}.ekplog-card label{display:block;font-size:12px;font-weight:700;color:#4d5a6e}.ekplog-card input[type=text],.ekplog-card input[type=password]{width:100%;padding:14px 15px;border:1px solid #dbe2e9;border-radius:9px;margin:7px 0 15px;font:inherit;outline:none;transition:.15s}.ekplog-card input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(29,161,232,.10)}.ekplog-card input[type=submit]{width:100%;padding:14px;border:0;border-radius:9px;background:var(--blue);color:#fff;font-weight:800;cursor:pointer;box-shadow:0 8px 18px rgba(29,161,232,.20)}.ekplog-card .login-remember{font-size:12px;color:#69778a}.loginmeta{display:flex;justify-content:space-between;gap:15px;margin-top:20px;font-size:12px}.loginmeta a{color:var(--blue2);font-weight:700}.loginmeta span{color:#99a4b3}
.ekpapp{display:flex;min-height:100vh;background:var(--bg)}.ekpapp aside{width:250px;background:#fff;border-right:1px solid var(--line);padding:30px 20px;position:fixed;inset:0 auto 0 0}.ekpapp aside .brand{margin:0 10px 34px}.ekpapp aside a{display:block;padding:12px 13px;margin:4px 0;border-radius:9px;color:#576477;font-size:14px;font-weight:650}.ekpapp aside a:hover{background:#eaf6ff;color:var(--blue2)}.ekpapp main{margin-left:250px;padding:38px;max-width:1480px;width:100%}.ekphead{display:flex;justify-content:space-between;gap:22px;align-items:flex-start}.ekphead h1{font-size:31px;letter-spacing:-.7px;margin:7px 0}.ekphead p{color:var(--muted);margin:0}.account{padding:9px 14px;border-radius:999px;font-size:12px}.account.active{background:#dff6e8;color:#1f784e}.account.blocked{background:#ffe1e1;color:#b33a3a}.notice{margin:22px 0;padding:14px 16px;border-radius:10px;font-size:13px}.notice.active{background:#eaf8f0;color:#2a6d49;border:1px solid #d2eedf}.notice.blocked{background:#fff0f0;color:#963b3b;border:1px solid #f3d1d1}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stats>div,section{background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:0 4px 18px rgba(23,42,73,.035)}.stats>div{padding:22px}.stats small{color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.7px}.stats strong{display:block;font-size:25px;margin-top:9px}section{margin-top:18px;padding:24px}section h2{font-size:20px;margin:0 0 18px}.table{overflow:auto}table{width:100%;border-collapse:collapse;min-width:680px}th{color:#8d97a6;font-size:10px;letter-spacing:.8px;text-transform:uppercase}th,td{text-align:left;padding:14px;border-bottom:1px solid #edf0f3}td{font-size:13px}.row-open{background:#fffdf4}.row-overdue{background:#fff7f7}.badge{padding:5px 10px;border-radius:999px;font-weight:800;font-size:11px}.badge.open{background:#fff0b5;color:#83600d}.badge.overdue{background:#ffdddd;color:#b53333}.badge.paid{background:#dff6e8;color:#25734d}.badge.partial{background:#e3f2ff;color:#1f76a9}
.plan{border:1px solid var(--line);padding:18px;border-radius:11px;margin:12px 0;background:#fff}.plan>div{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.plan span{background:#f8fafc;padding:13px;border-radius:8px;color:var(--muted);font-size:11px}.plan b{display:block;color:var(--navy);margin-top:6px;font-size:15px}.actions{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}.actions>div{border:1px solid var(--line);padding:20px;border-radius:11px;background:#fff}.actions p{color:var(--muted)}
.hostinggrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.hostcard{border:1px solid var(--line);border-radius:11px;padding:18px;background:#fff}.hostcard small{color:var(--blue2);font-weight:800;letter-spacing:.8px}.hostcard h3{margin:8px 0 5px;font-size:18px}.hostcard p{color:var(--muted);font-size:13px}.hoststatus{display:inline-block;margin-top:5px;background:#dff6e8;color:#24734b;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:800}.hostactions{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.hostbtn{display:inline-block;padding:11px 15px;border-radius:8px;background:var(--blue);color:#fff;font-weight:750;font-size:13px}.hostbtn.secondary{background:#edf2f6;color:#425066}.mailboxlist{border-top:1px solid var(--line);padding-top:18px}.mailboxlist h3{font-size:16px}.mailrow{display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid #eef1f4;font-size:13px}
@media(max-width:950px){.ekplog-wrap{grid-template-columns:1fr}.ekplog-side{display:none}.ekpapp aside{position:static;width:100%;border-right:0;border-bottom:1px solid var(--line)}.ekpapp{display:block}.ekpapp aside .brand{margin-bottom:14px}.ekpapp aside a{display:inline-block;margin-right:4px}.ekpapp main{margin:0;padding:22px}.stats{grid-template-columns:1fr 1fr}.plan>div,.hostinggrid{grid-template-columns:1fr 1fr}.actions{grid-template-columns:1fr}}
@media(max-width:560px){.ekplog-card{padding:30px 22px}.ekplog-card h1{font-size:29px}.stats,.plan>div,.hostinggrid{grid-template-columns:1fr}.ekphead{display:block}.account{display:inline-block;margin:12px 0}.ekpapp main{padding:15px}section{padding:18px}.loginmeta{flex-direction:column}}


/* ===== ESTOME Premium Login v2.8 ===== */
.ekp-login-premium{
  min-height:100vh;
  display:grid;
  grid-template-columns:minmax(420px,46%) 1fr;
  background:#fff;
  color:#162033;
}
.ekp-login-brand{
  position:relative;
  overflow:hidden;
  min-height:100vh;
  padding:64px 72px 42px;
  background:
    radial-gradient(circle at 18% 18%,rgba(52,169,232,.13),transparent 32%),
    linear-gradient(150deg,#f7fbff 0%,#eef7ff 55%,#dcefff 100%);
  display:flex;
  flex-direction:column;
}
.ekp-login-brand:before,
.ekp-login-brand:after{
  content:"";
  position:absolute;
  border-radius:48% 52% 0 0;
  transform:rotate(-18deg);
  pointer-events:none;
}
.ekp-login-brand:before{
  width:540px;height:210px;
  right:-210px;bottom:-55px;
  background:linear-gradient(135deg,#95cdf6,#0b82df);
  opacity:.95;
}
.ekp-login-brand:after{
  width:470px;height:160px;
  right:-160px;bottom:28px;
  border:2px solid rgba(55,165,235,.3);
  background:rgba(255,255,255,.35);
}
.ekp-login-logo{
  position:relative;z-index:2;
  font-size:52px;
  line-height:1;
  font-weight:900;
  letter-spacing:-2.5px;
  color:#168fd3;
}
.ekp-login-subbrand{
  position:relative;z-index:2;
  margin-top:5px;
  color:#17304d;
  letter-spacing:4.3px;
  font-size:12px;
  font-weight:700;
}
.ekp-login-intro{
  position:relative;z-index:2;
  margin-top:15vh;
  max-width:520px;
}
.ekp-login-kicker{
  color:#0783dd;
  font-size:13px;
  font-weight:900;
  letter-spacing:2.6px;
}
.ekp-login-intro h1{
  margin:16px 0 20px;
  font-size:54px;
  line-height:1.08;
  letter-spacing:-1.8px;
}
.ekp-login-line{
  width:68px;height:4px;border-radius:4px;background:#108be0;margin:30px 0;
}
.ekp-login-intro p{
  max-width:470px;
  margin:0;
  color:#526176;
  font-size:18px;
  line-height:1.7;
}
.ekp-login-features{
  position:relative;z-index:2;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:14px;
  margin-top:68px;
  max-width:620px;
}
.ekp-login-features>div{
  min-height:135px;
  padding:22px 12px 18px;
  background:rgba(255,255,255,.86);
  border:1px solid rgba(214,228,240,.95);
  border-radius:13px;
  box-shadow:0 8px 20px rgba(31,88,135,.07);
  text-align:center;
}
.ekp-feature-icon{
  width:42px;height:42px;
  display:grid;place-items:center;
  margin:0 auto 13px;
  border:2px solid #138ddd;
  border-radius:50%;
  color:#138ddd;
  font-size:19px;
  font-weight:900;
}
.ekp-login-features b{
  color:#21324a;
  font-size:12px;
  line-height:1.45;
}
.ekp-login-footer{
  position:relative;z-index:2;
  margin-top:auto;
  padding-top:54px;
  display:flex;
  gap:24px;
  flex-wrap:wrap;
  color:#41536b;
  font-size:11px;
}
.ekp-login-formarea{
  min-height:100vh;
  display:grid;
  place-items:center;
  padding:54px;
  background:
    radial-gradient(circle at 88% 12%,rgba(65,169,232,.10),transparent 27%),
    #fff;
  position:relative;
  overflow:hidden;
}
.ekp-login-formarea:after{
  content:"";
  position:absolute;
  right:-170px;bottom:-100px;
  width:500px;height:330px;
  border-radius:52% 0 0 0;
  background:linear-gradient(145deg,#5cb7f0,#087fe0);
  opacity:.92;
}
.ekp-login-card-premium{
  position:relative;z-index:2;
  width:min(620px,100%);
  padding:54px 58px 50px;
  background:rgba(255,255,255,.97);
  border:1px solid #edf0f3;
  border-radius:24px;
  box-shadow:0 28px 70px rgba(25,52,85,.11);
}
.ekp-user-bubble{
  width:92px;height:92px;
  margin:0 auto 22px;
  display:grid;place-items:center;
  border-radius:50%;
  background:linear-gradient(145deg,#fbfdff,#eef5fb);
  box-shadow:0 10px 28px rgba(31,76,120,.09),inset 0 0 0 1px #e9eff5;
  color:#087fe0;
  font-size:38px;
}
.ekp-login-card-premium h2{
  margin:0;
  text-align:center;
  font-size:34px;
  letter-spacing:-.8px;
}
.ekp-login-card-premium>p{
  margin:8px 0 34px;
  text-align:center;
  color:#69778a;
  font-size:14px;
}
.ekp-login-formwrap label{
  display:block;
  margin-bottom:7px;
  color:#26364d;
  font-size:13px;
  font-weight:800;
}
.ekp-login-formwrap input[type=text],
.ekp-login-formwrap input[type=password]{
  width:100%;
  height:58px;
  padding:0 16px;
  border:1px solid #d8e0e8;
  border-radius:9px;
  background:#fff;
  font-size:15px;
  outline:none;
  transition:.18s;
}
.ekp-login-formwrap input[type=text]:focus,
.ekp-login-formwrap input[type=password]:focus{
  border-color:#138ddd;
  box-shadow:0 0 0 4px rgba(19,141,221,.09);
}
.ekp-login-formwrap .login-username,
.ekp-login-formwrap .login-password{margin:0 0 20px}
.ekp-login-formwrap .login-remember{
  float:left;
  margin:2px 0 22px;
  color:#58677a;
  font-size:13px;
}
.ekp-login-formwrap .login-remember label{
  font-weight:500;
  display:flex;
  gap:8px;
  align-items:center;
}
.ekp-login-formwrap .login-submit{clear:both;margin:0}
.ekp-login-formwrap input[type=submit]{
  width:100%;
  height:58px;
  border:0;
  border-radius:9px;
  background:linear-gradient(90deg,#118de2,#087ee0);
  color:#fff;
  font-size:15px;
  font-weight:900;
  cursor:pointer;
  box-shadow:0 11px 24px rgba(8,126,224,.22);
  transition:.18s;
}
.ekp-login-formwrap input[type=submit]:hover{transform:translateY(-1px);box-shadow:0 14px 28px rgba(8,126,224,.28)}
.ekp-forgot-row{
  margin-top:-103px;
  margin-bottom:79px;
  text-align:right;
  position:relative;
  z-index:3;
}
.ekp-forgot-row a{
  color:#087ee0;
  font-size:13px;
  font-weight:700;
}
.ekp-login-separator{
  position:relative;
  margin:32px 0;
  text-align:center;
  color:#718096;
  font-size:13px;
}
.ekp-login-separator:before,
.ekp-login-separator:after{
  content:"";
  position:absolute;
  top:50%;
  width:43%;
  height:1px;
  background:#dfe5eb;
}
.ekp-login-separator:before{left:0}
.ekp-login-separator:after{right:0}
.ekp-login-separator span{
  position:relative;z-index:1;
  background:#fff;
  padding:0 16px;
}
.ekp-support-btn{
  display:flex;
  align-items:center;
  justify-content:center;
  height:56px;
  border:1px solid #d7e0e8;
  border-radius:9px;
  color:#304057;
  font-size:14px;
  font-weight:800;
  background:#fff;
}
.ekp-support-btn:hover{border-color:#a9cce6;background:#fbfdff}
@media(max-width:1050px){
  .ekp-login-premium{grid-template-columns:1fr}
  .ekp-login-brand{min-height:auto;padding:38px 34px 30px}
  .ekp-login-intro{margin-top:50px}
  .ekp-login-intro h1{font-size:42px}
  .ekp-login-features{margin-top:38px}
  .ekp-login-footer{padding-top:32px}
  .ekp-login-formarea{min-height:auto;padding:48px 22px}
}
@media(max-width:650px){
  .ekp-login-brand{padding:28px 20px}
  .ekp-login-logo{font-size:38px}
  .ekp-login-subbrand{font-size:9px;letter-spacing:2.4px}
  .ekp-login-intro{margin-top:38px}
  .ekp-login-intro h1{font-size:36px}
  .ekp-login-intro p{font-size:15px}
  .ekp-login-features{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:32px}
  .ekp-login-features>div{min-height:105px;padding:15px 8px}
  .ekp-login-footer{font-size:10px;gap:10px}
  .ekp-login-formarea{padding:26px 14px 38px}
  .ekp-login-card-premium{padding:34px 22px 30px;border-radius:18px}
  .ekp-user-bubble{width:72px;height:72px;font-size:28px}
  .ekp-login-card-premium h2{font-size:29px}
  .ekp-login-formwrap input[type=text],
  .ekp-login-formwrap input[type=password],
  .ekp-login-formwrap input[type=submit]{height:54px}
  .ekp-forgot-row{margin-top:-98px;margin-bottom:75px}
}
\n.paygrid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.paygrid>div{background:#f8fafc;border:1px solid #e6ebf1;border-radius:9px;padding:14px}.paygrid small,.emailcard small{display:block;color:#748094;font-size:10px;font-weight:800}.paygrid b{display:block;margin-top:6px}.docrow{display:flex;justify-content:space-between;align-items:center;padding:13px 0;border-bottom:1px solid #edf0f3}.docrow div{display:flex;flex-direction:column}.docrow small{color:#748094;margin-top:4px}.ticketform,.msgform,.ticket form{display:grid;gap:10px}.ticketform input,.ticketform select,.ticketform textarea,.msgform textarea,.ticket textarea{width:100%;padding:11px;border:1px solid #dce3e9;border-radius:8px}.ticketform textarea,.msgform textarea,.ticket textarea{min-height:95px}.ticket{border:1px solid #e6ebf1;border-radius:10px;padding:16px;margin-top:14px}.ticket p{background:#f8fafc;padding:10px;border-radius:8px}.msg{max-width:80%;padding:12px 14px;border-radius:12px;margin:10px 0}.msg.admin{background:#e8f4ff}.msg.customer{background:#f0f2f5;margin-left:auto}.emailcard{display:flex;justify-content:space-between;align-items:center;gap:20px;border:1px solid #e6ebf1;border-radius:10px;padding:18px}.webmailbtn{background:#179fe8;color:#fff!important;padding:11px 15px;border-radius:8px;font-weight:700}.muted{color:#748094}@media(max-width:850px){.paygrid{grid-template-columns:1fr 1fr}.emailcard{flex-direction:column;align-items:flex-start}}@media(max-width:520px){.paygrid{grid-template-columns:1fr}.msg{max-width:100%}}\n
.ekp-custom-auth{display:grid;gap:18px}.ekp-custom-auth label{display:grid;gap:7px;font-size:13px;font-weight:800;color:#26364d}
.ekp-custom-auth input[type=text],.ekp-custom-auth input[type=password],.ekp-custom-auth input[type=email],.ekp-custom-auth input:not([type]){width:100%;height:56px;border:1px solid #d8e0e8;border-radius:9px;padding:0 15px;font:inherit;outline:none}
.ekp-custom-auth input:focus{border-color:#138ddd;box-shadow:0 0 0 4px rgba(19,141,221,.09)}
.ekp-custom-auth button{height:56px;border:0;border-radius:9px;background:linear-gradient(90deg,#118de2,#087ee0);color:#fff;font-weight:900;font-size:15px;cursor:pointer}
.ekp-auth-row{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:13px}.ekp-auth-row .remember{display:flex;grid-template-columns:auto 1fr;align-items:center;font-weight:500}.ekp-auth-row a,.ekp-login-back a{color:#087ee0;font-weight:700}
.ekp-auth-alert{padding:12px 14px;border-radius:9px;margin:0 0 18px;font-size:13px}.ekp-auth-alert.error{background:#fff0f0;border:1px solid #f0cece;color:#9b3434}.ekp-auth-alert.success{background:#eaf8f0;border:1px solid #cfe9db;color:#256b48}.ekp-login-back{text-align:center;margin-top:22px}

/* === v3.3 Dashboard views & finance UI === */
.ekp-custom-auth button{width:100%!important;height:46px!important;padding:0 18px!important;font-size:14px!important}
.ekp33 main{max-width:none}.ekp33 aside{display:flex;flex-direction:column}.ekp-side-nav{display:grid;gap:4px}.ekp-nav{width:100%;border:0;background:transparent;color:#536075;text-align:left;padding:11px 12px;border-radius:9px;font-weight:650;cursor:pointer;font-size:13px}.ekp-nav:hover,.ekp-nav.active{background:#eaf6ff;color:#0878bd}.ekp-logout{margin-top:auto!important;border-top:1px solid #e6ebf1;border-radius:0!important;padding-top:17px!important}.ekp-view{display:none}.ekp-view.active{display:block}.ekp-mobile-top{display:none}.view-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px}.view-head small,.section-title small{font-size:10px;letter-spacing:1px;font-weight:800;color:#168fd3}.view-head h1{margin:6px 0 5px;font-size:31px}.view-head p{margin:0;color:#748094}.ekp33stats .stat-open strong,.red{color:#d53d3d!important}.ekp33stats .stat-credit strong,.green{color:#21945a!important}.stats>div span{display:block;color:#919baa;font-size:11px;margin-top:4px}.balance-chips{display:flex;gap:8px}.balance-chips span{padding:9px 12px;border-radius:999px;font-size:12px;font-weight:800}.balance-chips .open{background:#ffe6e6;color:#b83434}.balance-chips .credit{background:#e1f7e9;color:#23784d}.section-title{display:flex;align-items:center;justify-content:space-between;gap:16px}.ekp-inline-nav{background:transparent;border:0;color:#0878bd;font-weight:800;cursor:pointer}
.invoice-list{display:grid;gap:13px}.invoice-card{border:1px solid #e5eaf0;border-left:4px solid #d9e0e7;border-radius:12px;padding:18px;background:#fff;margin:10px 0}.invoice-card.status-open{border-left-color:#e4b536;background:#fffef8}.invoice-card.status-overdue{border-left-color:#df4545;background:#fffafa}.invoice-card.status-paid{border-left-color:#36a76a}.invoice-card.status-partial{border-left-color:#3a9dd9}.invoice-main{display:flex;justify-content:space-between;align-items:flex-start}.invoice-main small{color:#8994a4;font-size:10px;font-weight:800}.invoice-main h3{margin:5px 0}.invoice-meta{display:grid;grid-template-columns:repeat(6,minmax(95px,1fr));gap:10px;margin-top:13px}.invoice-meta span{background:#f8fafc;border-radius:8px;padding:10px;color:#798596;font-size:10px}.invoice-meta b{display:block;color:#172033;font-size:13px;margin-top:5px}.invoice-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:14px;padding-top:14px;border-top:1px solid #edf0f3}.download-btn,.extension-form button{background:#169ee5;color:#fff!important;border:0;border-radius:8px;padding:10px 13px;font-size:12px;font-weight:800}.extension-form{display:flex;gap:8px;flex:1;min-width:320px}.extension-form input{flex:1;border:1px solid #dce3ea;border-radius:8px;padding:9px 11px}.no-extension{font-size:12px;color:#9a6670;background:#faf2f3;padding:8px 11px;border-radius:8px}.dunning-row{display:grid;grid-template-columns:1fr auto auto auto;align-items:center;gap:15px;padding:15px 0;border-bottom:1px solid #edf0f3}.dunning-row div{display:flex;flex-direction:column}.dunning-row small{color:#748094;margin-top:4px}.dunning-row a{color:#0878bd;font-weight:700;font-size:12px}.plan-header{display:flex;justify-content:space-between;align-items:center}.service-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.service-card{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:start;border:1px solid #e5eaf0;border-radius:12px;padding:17px}.service-icon{width:38px;height:38px;border-radius:9px;background:#eaf6ff;color:#0878bd;display:grid;place-items:center;font-size:20px}.service-card small{color:#168fd3;font-size:10px;font-weight:800}.service-card h3{margin:5px 0 10px}.service-card p{margin:5px 0;color:#748094;font-size:12px}.domain-list{display:flex;gap:8px;flex-wrap:wrap}.domain-list span{background:#f0f6fb;border:1px solid #dce9f3;padding:8px 11px;border-radius:8px;font-size:12px}.subheading{margin-top:24px}.payment-ref{margin-top:15px;background:#f8fafc;padding:14px;border-radius:9px}.payment-ref small{display:block;color:#748094;font-size:10px}.payment-ref b{display:block;margin-top:5px}.customer-upload{display:grid;grid-template-columns:180px 1fr 1.2fr auto;gap:10px}.customer-upload select,.customer-upload input{min-height:42px;border:1px solid #dce3e9;border-radius:8px;padding:8px 10px}.customer-upload button,.ticketform button,.msgform button,.ticket button{border:0;background:#169ee5;color:#fff;border-radius:8px;padding:10px 14px;font-weight:800}.upload-hint{font-size:11px;color:#8792a1}.profile-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.profile-grid div{background:#f8fafc;border-radius:9px;padding:13px}.profile-grid small{display:block;color:#748094;font-size:10px}.profile-grid b{display:block;margin-top:5px}.ekp-check{display:flex!important;align-items:center!important;gap:8px!important}.ekp-check input{width:auto!important}
@media(max-width:1000px){.invoice-meta{grid-template-columns:repeat(3,1fr)}.service-grid{grid-template-columns:1fr}.customer-upload{grid-template-columns:1fr 1fr}.profile-grid{grid-template-columns:1fr 1fr}}
@media(max-width:850px){.ekp33 aside{position:fixed;transform:translateX(-105%);transition:.2s;z-index:100;top:0;bottom:0;width:260px;overflow:auto}.ekp33 aside.open{transform:none;box-shadow:20px 0 50px rgba(0,0,0,.15)}.ekp33 main{margin-left:0!important;padding-top:68px!important}.ekp-mobile-top{display:flex;position:fixed;top:0;left:0;right:0;height:56px;background:#fff;border-bottom:1px solid #e6ebf1;align-items:center;gap:14px;padding:0 15px;z-index:90}.ekp-mobile-top button{border:0;background:transparent;font-size:22px}.customer-upload{grid-template-columns:1fr}.dunning-row{grid-template-columns:1fr auto}.dunning-row a{grid-column:1/-1}.view-head{flex-direction:column}.balance-chips{flex-wrap:wrap}}
@media(max-width:560px){.invoice-meta{grid-template-columns:1fr 1fr}.extension-form{min-width:100%;flex-direction:column}.profile-grid{grid-template-columns:1fr}.service-card{grid-template-columns:auto 1fr}.service-card .hoststatus{grid-column:2}}

/* === v3.4 Paket-Katalog === */
.package-catalog{display:grid;grid-template-columns:repeat(3,minmax(220px,1fr));gap:15px;margin-top:18px}
.package-card{border:1px solid #e5eaf0;border-radius:14px;padding:20px;background:#fff;box-shadow:0 5px 18px rgba(24,40,72,.035);display:flex;flex-direction:column;min-height:320px}
.package-top{display:flex;gap:12px;align-items:center}.package-icon{width:40px;height:40px;border-radius:10px;background:#eaf6ff;color:#0878bd;display:grid;place-items:center;font-size:21px;font-weight:900}
.package-top small{color:#168fd3;font-size:10px;font-weight:800;letter-spacing:.8px}.package-top h3{margin:4px 0;font-size:18px}.package-desc{color:#748094;font-size:13px;line-height:1.55;min-height:58px}
.package-price{margin:14px 0;background:#f8fafc;border-radius:10px;padding:14px}.package-price strong{display:block;font-size:22px;color:#172033}.package-price span{display:block;color:#748094;font-size:11px;margin-top:4px}
.package-duration{color:#748094;font-size:12px}.package-request-form{display:grid;gap:9px;margin-top:auto}.package-request-form textarea{width:100%;min-height:70px;border:1px solid #dce3e9;border-radius:8px;padding:10px;resize:vertical}.package-request-form button{width:100%;height:42px;border:0;border-radius:8px;background:#169ee5;color:#fff;font-weight:800;cursor:pointer}
@media(max-width:1100px){.package-catalog{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.package-catalog{grid-template-columns:1fr}}

/* ===== ESTOME Kundenportal FINAL v3.5.0 ===== */
.ekp-side-brand{padding:2px 10px 24px;border-bottom:1px solid var(--line);margin-bottom:15px}.ekp-brand-name{font-size:31px;line-height:1;font-weight:900;letter-spacing:-1.6px;color:#168fd3}.ekp-brand-name span{color:#168fd3}.ekp-brand-sub{margin-top:7px;font-size:8px;letter-spacing:1.9px;font-weight:800;color:#25334a;white-space:nowrap}.ekp-side-nav{gap:2px}.ekp-nav{display:flex;align-items:center;gap:11px;padding:10px 11px}.ekp-nav svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:0 0 18px}.ekp-nav:hover,.ekp-nav.active{background:#edf7fe;color:#087fca}.ekp-side-bottom{margin-top:auto;padding-top:16px;border-top:1px solid var(--line)}.ekp-emergency{padding:12px;border:1px solid #e4eaf0;background:#f8fbfd;border-radius:10px;margin-bottom:10px}.ekp-emergency small{display:block;font-size:9px;letter-spacing:.9px;font-weight:900;color:#7a8797}.ekp-emergency a{padding:4px 0 0!important;margin:0!important;color:#168fd3!important;font-size:15px!important;font-weight:900!important}.ekp-legal-mini{display:flex;flex-wrap:wrap;gap:4px 9px;padding:6px 4px}.ekp-legal-mini button{border:0;background:none;padding:0;color:#778496;font-size:10px;cursor:pointer}.ekp-logout{margin-top:8px!important;padding:11px 12px!important;border-top:0!important;border-radius:8px!important;background:#f6f8fa;color:#4e5c70!important}.agreement-download{display:inline-flex;margin-top:14px;padding:10px 14px;border-radius:8px;background:#edf7fe;color:#087fca;font-size:12px;font-weight:800}.support-intro p{max-width:900px;color:#66758a;line-height:1.65}.support-note{margin-top:15px;padding:13px 15px;border-left:3px solid #168fd3;background:#f3f9fd;border-radius:7px;color:#42536a}.support-note a{color:#087fca;font-weight:900}.mini-faq{margin-top:20px;border-top:1px solid var(--line)}.mini-faq details{border-bottom:1px solid var(--line);padding:13px 2px}.mini-faq summary{cursor:pointer;font-weight:800}.mini-faq p{margin:9px 0 2px;font-size:13px}.legal-section{padding:12px 22px}.legal-accordion{display:grid;gap:10px}.legal-item{border:1px solid #e3e9ef;border-radius:11px;background:#fff;overflow:hidden}.legal-item summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 20px;font-size:14px;font-weight:850;color:#22334b}.legal-item summary::-webkit-details-marker{display:none}.legal-item summary i{width:26px;height:26px;border-radius:50%;background:#edf7fe;position:relative;flex:0 0 26px}.legal-item summary i:before,.legal-item summary i:after{content:"";position:absolute;left:7px;right:7px;top:12px;height:2px;background:#168fd3;border-radius:2px}.legal-item summary i:after{transform:rotate(90deg);transition:.18s}.legal-item[open] summary{background:#f9fcff;color:#087fca}.legal-item[open] summary i:after{transform:rotate(0)}.legal-content{padding:2px 20px 22px;border-top:1px solid #edf1f4;color:#526176;font-size:13px;line-height:1.72}.legal-content h2,.legal-content h3{color:#22334b}.legal-empty{padding:24px;color:#66758a}.legal-empty b{color:#22334b}
@media(max-width:850px){.ekp-side-brand{padding-top:8px}.ekp-brand-name{font-size:28px}.ekp-side-bottom{margin-top:18px}.legal-section{padding:10px}.legal-item summary{padding:16px 14px}.legal-content{padding:2px 14px 18px}.ekp-emergency{margin-top:4px}}

/* === v3.6 Raten & Kundenverwaltung === */
.ekp33stats{grid-template-columns:repeat(5,minmax(0,1fr))}.stat-installment strong{color:#0878bd}.collection-alert{display:flex;flex-direction:column;gap:4px;margin:16px 0;padding:14px 16px;border:1px solid #f1c8c8;background:#fff2f2;color:#943737;border-radius:10px}.collection-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px}.collection-grid span{background:#f8fafc;padding:12px;border-radius:8px;color:#748094;font-size:11px}.collection-grid b{display:block;color:#172033;margin-top:5px}.collection-note{margin-top:15px;padding:13px;background:#fff7f7;border-radius:8px}.collection-head{display:flex;justify-content:space-between;align-items:flex-start}
.rate-extension-box{margin-top:18px;padding:16px;border:1px solid #dceaf4;background:#f6fbff;border-radius:10px}.rate-extension-box h4{margin:0 0 6px}.rate-extension-box p{color:#607086;font-size:13px}.rate-extension-box form{display:grid;grid-template-columns:1fr 2fr auto;gap:10px;align-items:end}.rate-extension-box label{display:grid;gap:6px;font-size:12px;font-weight:700}.rate-extension-box input,.rate-extension-box textarea{width:100%;border:1px solid #d7e1e9;border-radius:8px;padding:10px;font:inherit}.rate-extension-box textarea{min-height:42px}.rate-extension-box button,.profile-change-form button,.password-change-form button{border:0;background:#169ee5;color:#fff;padding:11px 14px;border-radius:8px;font-weight:800}
.profile-change-form{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.profile-change-form input,.profile-change-form textarea,.password-change-form input{width:100%;border:1px solid #dce3e9;border-radius:8px;padding:11px;font:inherit}.profile-change-form textarea{min-height:80px}.profile-change-form button{grid-column:1/-1}.password-change-form{display:grid;grid-template-columns:repeat(3,1fr) auto;gap:10px;align-items:end}
@media(max-width:1100px){.ekp33stats{grid-template-columns:repeat(3,1fr)}.collection-grid{grid-template-columns:1fr 1fr}.rate-extension-box form{grid-template-columns:1fr}.password-change-form{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.ekp33stats{grid-template-columns:1fr}.collection-grid,.profile-change-form,.password-change-form{grid-template-columns:1fr}}

/* === v3.6.5 Due-only dashboard & grouped invoices === */
.ekp33stats{grid-template-columns:repeat(6,minmax(0,1fr))}
.stat-partial strong{color:#c27c19!important}
.invoice-group{margin-bottom:18px!important}
.invoice-group .section-title{padding-bottom:8px;border-bottom:1px solid #edf1f4;margin-bottom:10px}
.group-total{font-size:18px;font-weight:900;color:#d53d3d;background:#fff0f0;border-radius:9px;padding:8px 11px}
.group-total.partial{color:#a66510;background:#fff7e8}
.installment-group{background:#fbfdff!important;border-color:#dceaf4!important}
.invoice-card .invoice-meta{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}
@media(max-width:1200px){.ekp33stats{grid-template-columns:repeat(3,1fr)}}
@media(max-width:650px){.ekp33stats{grid-template-columns:1fr}}

.msg.msg-important{border-left:4px solid #d6921e!important;background:#fffaf1!important}
.msg.msg-payment{border-left:4px solid #c53b3b!important;background:#fff8f8!important}
.msg.msg-technical{border-left:4px solid #586474!important}

.ekp-invoice-request{background:#fff;border:1px solid #e5eaf0;border-radius:16px;padding:22px 24px;margin:0 0 22px;box-shadow:0 8px 28px rgba(17,24,39,.04)}.ekp-ir-head{display:flex;align-items:center;justify-content:space-between;gap:22px}.ekp-ir-head h2{margin:3px 0 5px}.ekp-ir-head p{margin:0;color:#697386}.ekp-ir-form{display:none;border-top:1px solid #edf0f4;margin-top:20px;padding-top:20px}.ekp-ir-form.open{display:block}.ekp-ir-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.ekp-ir-form label{display:flex;flex-direction:column;gap:7px;font-weight:700;margin-bottom:14px}.ekp-ir-form input,.ekp-ir-form textarea{width:100%;box-sizing:border-box;border:1px solid #dce3ea;border-radius:10px;padding:12px 13px}.ekp-ir-help{font-size:13px;color:#7b8492}.ekp-ir-success{background:#edf9f2;border:1px solid #cdebd8;color:#176b3a;border-radius:12px;padding:13px 16px;margin-bottom:16px;font-weight:700}@media(max-width:700px){.ekp-ir-head{align-items:flex-start;flex-direction:column}.ekp-ir-head .btn{width:100%}.ekp-ir-grid{grid-template-columns:1fr}}

/* v3.9.7.3 Fälligkeits-Ampel & bestätigte Fristen */
.due-pill{display:inline-block;padding:4px 7px;border-radius:7px;background:#f2f4f7;color:#475467;font-size:11px;font-weight:800}.due-yellow{background:#fff4d6;color:#9a6700}.due-red{background:#feecec;color:#b42318}.due-paid{background:#eaf8ef;color:#1f6c3a}
.ekp-extension-confirmed{margin:12px 0 2px;padding:13px 15px;border:1px solid #cce8d7;background:#eef9f2;border-radius:10px;display:flex;flex-direction:column;gap:4px}.ekp-extension-confirmed b{color:#1f6c3a}.ekp-extension-confirmed span{font-weight:800}.ekp-extension-confirmed small{color:#7b3d00;line-height:1.45}.extension-form label{display:flex;flex-direction:column;gap:4px;font-size:11px;font-weight:800}.extension-form input[type=date]{min-width:155px}

/* v3.9.7.5 – 5-Tage-Fälligkeit & modernes Rechnungsanforderungsformular */
.stat-open.is-yellow{background:#fff8e6!important;border-color:#f2d28b!important}
.stat-open.is-yellow small,.stat-open.is-yellow strong{color:#9a6700!important}
.stat-open.is-red{background:#fff1f1!important;border-color:#efb5b5!important}
.stat-open.is-red small,.stat-open.is-red strong{color:#b42318!important}

.invoice-card .due-pill{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:800;line-height:1.2}
.invoice-card .due-yellow{background:#fff2cc!important;color:#9a6700!important}
.invoice-card .due-red{background:#fee7e7!important;color:#b42318!important}
.invoice-card .due-paid{background:#e8f7ee!important;color:#1f7a43!important}

/* Anfragekarte */
.ekp-invoice-request{
  position:relative;
  overflow:hidden;
  border:1px solid #dce8f7!important;
  border-radius:18px!important;
  background:linear-gradient(135deg,#ffffff 0%,#f7fbff 100%)!important;
  box-shadow:0 10px 30px rgba(30,72,120,.08)!important;
  padding:24px!important
}
.ekp-invoice-request:after{
  content:"";
  position:absolute;
  width:180px;height:180px;
  right:-70px;top:-90px;
  border-radius:50%;
  background:linear-gradient(135deg,rgba(42,112,238,.12),rgba(31,184,186,.08));
  pointer-events:none
}
.ekp-ir-head{position:relative;z-index:1}
.ekp-ir-head small{font-size:10px!important;letter-spacing:1px!important;font-weight:900!important;color:#168fd3!important}
.ekp-ir-head h2{font-size:26px!important;line-height:1.15!important;margin:5px 0 7px!important}
.ekp-ir-head p{color:#64748b!important;max-width:620px!important}
.ekp-ir-toggle{
  border:0!important;
  border-radius:10px!important;
  background:#172033!important;
  color:#fff!important;
  padding:11px 17px!important;
  font-weight:800!important;
  box-shadow:0 5px 14px rgba(23,32,51,.16)!important;
  cursor:pointer!important
}
.ekp-ir-form{margin-top:20px!important;padding-top:20px!important;border-top:1px solid #e5edf6!important}
.ekp-ir-form label{font-size:14px!important;color:#172033!important}
.ekp-ir-form input,.ekp-ir-form textarea{
  border:1px solid #d8e2ee!important;
  border-radius:11px!important;
  padding:13px 14px!important;
  background:#fff!important;
  box-shadow:inset 0 1px 2px rgba(16,24,40,.03)!important;
  transition:.2s ease!important
}
.ekp-ir-form input:focus,.ekp-ir-form textarea:focus{
  border-color:#168fd3!important;
  box-shadow:0 0 0 3px rgba(22,143,211,.10)!important;
  outline:none!important
}
.ekp-ir-form .btn[name="ekp_invoice_request_submit"]{
  width:100%!important;
  min-height:48px!important;
  border:0!important;
  border-radius:11px!important;
  background:linear-gradient(90deg,#2563eb,#16b8bd)!important;
  color:#fff!important;
  font-size:16px!important;
  font-weight:900!important;
  letter-spacing:.1px!important;
  box-shadow:0 8px 20px rgba(37,99,235,.18)!important;
  cursor:pointer!important
}
.ekp-ir-form .btn[name="ekp_invoice_request_submit"]:hover{
  transform:translateY(-1px)!important;
  box-shadow:0 10px 24px rgba(37,99,235,.24)!important
}
.ekp-ir-help{
  padding:10px 12px!important;
  border-radius:9px!important;
  background:#eef6ff!important;
  color:#315b86!important;
  font-size:12px!important;
  margin:4px 0 12px!important
}
@media(max-width:700px){
 .ekp-ir-head h2{font-size:22px!important}
 .ekp-ir-toggle{width:100%!important}
}

.extension-limit{display:block;margin-top:5px;color:#7b8492;font-size:11px}

.ekp-faq-search-card{display:grid;grid-template-columns:1fr minmax(280px,430px);gap:20px;align-items:center;background:linear-gradient(135deg,#172033,#213653)!important;color:#fff!important}.ekp-faq-search-card small{font-size:10px;font-weight:900;letter-spacing:1px;color:#6fc4ef}.ekp-faq-search-card h2{color:#fff!important;margin:5px 0}.ekp-faq-search-card p{margin:0;color:#d8e0eb!important}.ekp-faq-search-card input{width:100%;min-height:48px;border:0;border-radius:11px;padding:0 15px;font-size:15px}.ekp-faq-search-card #ekpFaqCount{grid-column:2;text-align:right;font-size:12px;color:#d8e0eb}.ekp-faq-section{padding:22px!important}.ekp-faq-category{display:flex;align-items:center;gap:12px;margin-bottom:13px}.ekp-faq-category>span{display:grid;place-items:center;width:38px;height:38px;border-radius:9px;background:#eaf5fb;color:#1479b8;font-weight:900}.ekp-faq-category small{font-size:9px;font-weight:900;letter-spacing:.8px;color:#7a8797}.ekp-faq-category h2{margin:2px 0 0}.ekp-faq-list{display:flex;flex-direction:column;gap:8px}.ekp-faq-item{border:1px solid #e3e8ee;border-radius:10px;background:#fff;overflow:hidden}.ekp-faq-item summary{cursor:pointer;list-style:none;padding:14px 46px 14px 15px;font-weight:800;color:#263348;position:relative}.ekp-faq-item summary::-webkit-details-marker{display:none}.ekp-faq-item summary:after{content:"+";position:absolute;right:16px;top:10px;font-size:22px;color:#168fd3}.ekp-faq-item[open] summary:after{content:"–"}.ekp-faq-item>div{padding:14px 16px;border-top:1px solid #edf1f4;background:#fafcfd}.ekp-faq-item p{margin:0;color:#586779;line-height:1.65}.ekp-faq-contact{display:flex;justify-content:space-between;align-items:center;gap:20px;background:#eef7fc!important}.ekp-faq-contact small{font-size:9px;font-weight:900;color:#168fd3;letter-spacing:.8px}.ekp-faq-contact h2{margin:4px 0}.ekp-faq-contact p{margin:0;color:#647386}.ekp-faq-contact>div:last-child{display:flex;gap:8px}.ekp-faq-contact button{border:0;border-radius:9px;background:#172033;color:#fff;padding:10px 14px;font-weight:800;cursor:pointer}@media(max-width:750px){.ekp-faq-search-card{grid-template-columns:1fr}.ekp-faq-search-card #ekpFaqCount{grid-column:1}.ekp-faq-contact{align-items:flex-start;flex-direction:column}.ekp-faq-contact>div:last-child{width:100%}.ekp-faq-contact button{flex:1}}

.ekp-extension-confirmed{margin:12px 0;padding:13px 15px;border:1px solid #cce8d7;background:#eef9f2;border-radius:10px;display:flex;flex-direction:column;gap:4px}
.ekp-extension-confirmed b{color:#1f6c3a}.ekp-extension-confirmed span{font-weight:800;color:#263348}

/* v3.9.8.2 Fristdatum beim fälligen Betrag */
.ekp-due-amount small{display:block;margin-top:7px;padding-top:7px;border-top:1px solid #e6eaf0;color:#657287;font-size:12px;line-height:1.35}
.ekp-due-amount small strong{color:#1f6c3a;font-size:14px}

/* === v3.9.8.4 Modernes Login === */
.ekp-login-premium{min-height:100vh;display:grid;grid-template-columns:minmax(430px,44%) 1fr;background:#f7f9fc;color:#172033;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
.ekp-login-brand{position:relative;overflow:hidden;min-height:100vh;padding:52px 58px 38px;background:linear-gradient(145deg,#121b2b 0%,#19263b 54%,#20354f 100%);display:flex;flex-direction:column;color:#fff}
.ekp-login-brand:before{content:"";position:absolute;inset:auto -160px -220px auto;width:560px;height:560px;border-radius:50%;background:radial-gradient(circle,rgba(44,169,228,.32) 0%,rgba(44,169,228,.05) 62%,transparent 70%);pointer-events:none}
.ekp-login-brand:after{content:"";position:absolute;left:-180px;top:-220px;width:500px;height:500px;border-radius:50%;border:1px solid rgba(255,255,255,.06);box-shadow:0 0 0 70px rgba(255,255,255,.025),0 0 0 140px rgba(255,255,255,.018);pointer-events:none}
.ekp-brand-top{position:relative;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.ekp-login-logo{font-size:46px;line-height:1;font-weight:900;letter-spacing:-2.2px;color:#fff}.ekp-login-logo span{color:#32a9e8}.ekp-login-subbrand{margin-top:6px;color:#9fb2c8;letter-spacing:3.1px;font-size:9px;font-weight:800}.ekp-secure-chip{display:flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(255,255,255,.06);color:#cfe0ef;font-size:11px;font-weight:700}.ekp-secure-chip svg{width:14px;height:14px;fill:none;stroke:#54c3f0;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.ekp-login-intro{position:relative;z-index:2;margin-top:13vh;max-width:590px}.ekp-login-kicker{color:#4dc0f0;font-size:11px;font-weight:900;letter-spacing:2.2px}.ekp-login-intro h1{margin:15px 0 20px;font-size:50px;line-height:1.08;letter-spacing:-1.8px;color:#fff}.ekp-login-intro h1 em{font-style:normal;color:#5fc9f1}.ekp-login-line{width:58px;height:3px;border-radius:4px;background:linear-gradient(90deg,#3db8ed,#5fe0d4);margin:26px 0}.ekp-login-intro p{max-width:520px;margin:0;color:#b7c5d4;font-size:16px;line-height:1.75}
.ekp-login-features{position:relative;z-index:2;display:grid;grid-template-columns:repeat(2,1fr);gap:11px;margin-top:46px;max-width:580px}.ekp-login-features>div{display:grid;grid-template-columns:42px 1fr;grid-template-rows:auto auto;column-gap:12px;align-items:center;min-height:78px;padding:14px 15px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.09);border-radius:12px;text-align:left}.ekp-feature-icon{grid-row:1/3;width:42px;height:42px;display:grid;place-items:center;margin:0;border:1px solid rgba(87,199,240,.28);border-radius:10px;background:rgba(49,169,224,.12);color:#5cc9f2}.ekp-feature-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.ekp-login-features b{color:#f7fbff;font-size:12px;line-height:1.25}.ekp-login-features small{color:#8fa5bb;font-size:10px;margin-top:2px}.ekp-login-footer{position:relative;z-index:2;margin-top:auto;padding-top:42px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;color:#8da2b7;font-size:10px}.ekp-login-footer span{display:flex;align-items:center;gap:6px}.ekp-login-footer svg{width:13px;height:13px;fill:none;stroke:#4dc0f0;stroke-width:1.8}
.ekp-login-formarea{min-height:100vh;display:grid;place-items:center;padding:66px 6vw;background:radial-gradient(circle at 92% 10%,rgba(45,159,220,.08),transparent 25%),linear-gradient(180deg,#fbfcfe,#f5f7fa);position:relative;overflow:hidden}.ekp-login-formarea:after{content:"";position:absolute;right:-140px;bottom:-180px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(43,169,226,.10),transparent 68%);pointer-events:none}.ekp-formarea-top{position:absolute;top:34px;right:42px;display:flex;flex-direction:column;align-items:flex-end;gap:2px;color:#65758a}.ekp-formarea-top span{font-size:10px;letter-spacing:1.3px;font-weight:900;color:#178ac9}.ekp-formarea-top small{font-size:10px}
.ekp-login-card-premium{position:relative;z-index:2;width:min(520px,100%);padding:40px 42px 34px;background:#fff;border:1px solid #e8edf2;border-radius:20px;box-shadow:0 24px 70px rgba(19,39,67,.11)}.ekp-login-card-icon{width:60px;height:60px;display:grid;place-items:center;margin:0 auto 18px;border-radius:16px;background:linear-gradient(145deg,#edf8fe,#f8fcff);border:1px solid #dceef8;color:#1598d6;box-shadow:0 10px 25px rgba(37,139,194,.10)}.ekp-login-card-icon svg{width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.ekp-login-card-head{text-align:center;margin-bottom:26px}.ekp-login-card-head>span{display:inline-block;margin-bottom:7px;color:#168fd3;font-size:9px;font-weight:900;letter-spacing:1.35px}.ekp-login-card-head h2{margin:0;font-size:31px;line-height:1.15;letter-spacing:-.75px;color:#172033}.ekp-login-card-head p{margin:8px auto 0;max-width:410px;color:#728095;font-size:13px;line-height:1.6}
.ekp-custom-auth{display:grid;gap:16px}.ekp-field{display:grid;gap:7px}.ekp-field>label{font-size:12px;font-weight:800;color:#34445a}.ekp-input-wrap{position:relative;display:flex;align-items:center}.ekp-input-icon{position:absolute;left:14px;z-index:2;display:grid;place-items:center;color:#8292a6;pointer-events:none}.ekp-input-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.ekp-custom-auth .ekp-input-wrap input{width:100%;height:54px;border:1px solid #d9e1e9;border-radius:10px;padding:0 46px 0 44px;background:#fbfcfd;color:#172033;font:inherit;font-size:14px;outline:none;transition:.18s}.ekp-custom-auth .ekp-input-wrap input::placeholder{color:#a1adba}.ekp-custom-auth .ekp-input-wrap input:focus{background:#fff;border-color:#249ed9;box-shadow:0 0 0 4px rgba(36,158,217,.09)}.ekp-password-toggle{position:absolute!important;right:7px!important;width:39px!important;height:39px!important;min-width:39px!important;padding:0!important;border:0!important;border-radius:8px!important;background:transparent!important;color:#7c8b9e!important;box-shadow:none!important;display:grid!important;place-items:center!important}.ekp-password-toggle:hover{background:#eef5f9!important;color:#168fd3!important;transform:none!important}.ekp-password-toggle svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6}.ekp-password-toggle.is-visible{color:#168fd3!important;background:#eaf6fb!important}
.ekp-auth-row{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-top:-2px;font-size:12px}.ekp-auth-row .remember{display:flex;align-items:center;gap:8px;color:#65758a;font-weight:600;cursor:pointer}.ekp-auth-row .remember input{width:16px;height:16px;accent-color:#1598d6}.ekp-auth-row a,.ekp-login-back a{color:#138ac7;font-weight:800}.ekp-primary-auth{width:100%;height:52px;border:0;border-radius:10px;background:linear-gradient(90deg,#168fd3,#20a9d8);color:#fff;font-size:14px;font-weight:900;cursor:pointer;box-shadow:0 10px 22px rgba(22,143,211,.21);display:flex;align-items:center;justify-content:center;gap:10px;transition:.18s}.ekp-primary-auth:hover{transform:translateY(-1px);box-shadow:0 14px 28px rgba(22,143,211,.27)}.ekp-primary-auth span{font-size:18px;line-height:1}
.ekp-auth-alert{display:flex;align-items:flex-start;gap:10px;padding:11px 12px;border-radius:10px;margin:0 0 18px;font-size:12px}.ekp-auth-alert .ekp-alert-icon{width:25px;height:25px;min-width:25px;border-radius:50%;display:grid;place-items:center;font-weight:900}.ekp-auth-alert div{display:grid;gap:2px}.ekp-auth-alert b{font-size:12px}.ekp-auth-alert small{font-size:11px;line-height:1.4}.ekp-auth-alert.error{background:#fff5f5;border:1px solid #f1d7d7;color:#8c3434}.ekp-auth-alert.error .ekp-alert-icon{background:#f7dddd}.ekp-auth-alert.success{background:#eff9f3;border:1px solid #d4ebdc;color:#256b48}.ekp-auth-alert.success .ekp-alert-icon{background:#dcefe3}.ekp-login-separator{position:relative;margin:24px 0 18px;text-align:center;color:#8996a7;font-size:10px;font-weight:800;letter-spacing:.7px;text-transform:uppercase}.ekp-login-separator:before,.ekp-login-separator:after{content:"";position:absolute;top:50%;width:34%;height:1px;background:#e3e8ed}.ekp-login-separator:before{left:0}.ekp-login-separator:after{right:0}.ekp-login-separator span{position:relative;z-index:1;background:#fff;padding:0 12px}.ekp-support-btn{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:11px;min-height:58px;padding:9px 12px;border:1px solid #e0e6eb;border-radius:10px;color:#34445a!important;background:#fbfcfd;text-decoration:none}.ekp-support-btn:hover{border-color:#baddec;background:#f7fcfe}.ekp-support-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:9px;background:#eaf6fb;color:#168fd3}.ekp-support-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7}.ekp-support-btn>span:nth-child(2){display:grid;gap:2px}.ekp-support-btn b{font-size:12px}.ekp-support-btn small{color:#8491a1;font-size:10px}.ekp-support-btn strong{color:#168fd3;font-size:18px}.ekp-login-security{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin-top:18px;color:#8a97a7;font-size:9px}.ekp-login-security span{display:flex;align-items:center;gap:5px}.ekp-login-security svg{width:12px;height:12px;fill:none;stroke:#38a9d9;stroke-width:1.8}.ekp-login-back{text-align:center;margin-top:20px;font-size:12px}
@media(max-width:1100px){.ekp-login-premium{grid-template-columns:1fr}.ekp-login-brand{min-height:auto;padding:34px 34px 30px}.ekp-login-intro{margin-top:46px}.ekp-login-intro h1{font-size:40px}.ekp-login-features{grid-template-columns:repeat(4,1fr);max-width:none;margin-top:34px}.ekp-login-features>div{grid-template-columns:38px 1fr;min-height:72px}.ekp-feature-icon{width:38px;height:38px}.ekp-login-footer{padding-top:26px}.ekp-login-formarea{min-height:auto;padding:70px 22px 46px}.ekp-formarea-top{top:22px;right:25px}}
@media(max-width:720px){.ekp-login-brand{padding:27px 20px 25px}.ekp-login-logo{font-size:36px}.ekp-login-subbrand{font-size:8px;letter-spacing:2.2px}.ekp-secure-chip{display:none}.ekp-login-intro{margin-top:36px}.ekp-login-intro h1{font-size:34px}.ekp-login-intro p{font-size:14px}.ekp-login-features{grid-template-columns:1fr 1fr;gap:8px;margin-top:27px}.ekp-login-features>div{padding:11px;min-height:68px}.ekp-login-footer{font-size:9px}.ekp-login-formarea{padding:60px 12px 32px}.ekp-formarea-top{top:18px;right:16px}.ekp-login-card-premium{padding:30px 18px 26px;border-radius:16px}.ekp-login-card-icon{width:54px;height:54px;border-radius:14px}.ekp-login-card-head h2{font-size:27px}.ekp-login-card-head p{font-size:12px}.ekp-auth-row{align-items:flex-start;flex-direction:column;gap:8px}.ekp-support-btn{grid-template-columns:36px 1fr auto}.ekp-login-security{gap:10px}}