*{box-sizing:border-box;margin:0;padding:0}
:root{
  --navy:#0C1825;
  --navy2:#142033;
  --navy3:#1C2E47;
  --navy4:#243859;
  --teal:#00C896;
  --teal2:#00A07A;
  --teal-dim:rgba(0,200,150,0.12);
  --amber:#F5A623;
  --amber-dim:rgba(245,166,35,0.12);
  --coral:#FF5C5C;
  --coral-dim:rgba(255,92,92,0.1);
  --blue:#4A9EFF;
  --blue-dim:rgba(74,158,255,0.12);
  --purple:#A78BFA;
  --purple-dim:rgba(167,139,250,0.12);
  --text:#E8EDF5;
  --text2:#9AABB8;
  --text3:#5A7080;
  --border:rgba(255,255,255,0.06);
  --border2:rgba(255,255,255,0.1);
  --font:'DM Sans',sans-serif;
  --mono:'IBM Plex Mono',monospace;
}
body{font-family:var(--font);background:var(--navy);color:var(--text);font-size:14px;line-height:1.5;overflow:hidden;height:100vh;display:flex;flex-direction:column}

/* ─── TOP BAR ─── */
#topbar{
  height:48px;background:var(--navy2);border-bottom:1px solid var(--border);
  display:flex;align-items:center;padding:0 16px;gap:16px;flex-shrink:0;
  position:relative;z-index:100;
}
#logo{font-size:15px;font-weight:600;letter-spacing:-0.3px;color:var(--text);display:flex;align-items:center;gap:8px}
#logo span{color:var(--teal)}
#role-tabs{display:flex;gap:4px;margin-left:24px}
.role-tab{padding:5px 14px;border-radius:6px;border:1px solid transparent;cursor:pointer;font-size:12px;font-weight:500;transition:all 0.15s;color:var(--text2);background:transparent}
.role-tab.active{background:var(--teal-dim);border-color:var(--teal);color:var(--teal)}
#topbar-right{margin-left:auto;display:flex;align-items:center;gap:12px}
.icon-btn{width:32px;height:32px;border-radius:7px;border:1px solid var(--border2);background:transparent;color:var(--text2);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:15px;transition:all 0.15s}
.icon-btn:hover{background:var(--navy3);color:var(--text)}
.avatar{width:30px;height:30px;border-radius:50%;background:var(--teal2);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:#fff;cursor:pointer}

/* ─── LAYOUT ─── */
#app{display:flex;flex:1;overflow:hidden}

/* ─── SIDEBAR ─── */
#sidebar{
  width:220px;background:var(--navy2);border-right:1px solid var(--border);
  display:flex;flex-direction:column;flex-shrink:0;
}
#sidebar-nav{flex:1;padding:12px 8px;overflow-y:auto}
.nav-section{font-size:10px;font-weight:600;color:var(--text3);letter-spacing:0.8px;padding:8px 10px 4px;text-transform:uppercase}
.nav-item{
  display:flex;align-items:center;gap:9px;padding:7px 10px;border-radius:7px;
  cursor:pointer;font-size:13px;color:var(--text2);transition:all 0.12s;position:relative;
}
.nav-item:hover{background:var(--navy3);color:var(--text)}
.nav-item.active{background:var(--teal-dim);color:var(--teal)}
.nav-item .icon{font-size:15px;width:18px;text-align:center}
.nav-badge{margin-left:auto;background:var(--coral);color:#fff;font-size:10px;font-weight:600;padding:1px 6px;border-radius:10px;min-width:18px;text-align:center}
.nav-badge.teal{background:var(--teal)}
#sidebar-bottom{padding:12px 8px;border-top:1px solid var(--border)}

/* ─── MAIN ─── */
#main{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--navy)}

/* ─── PANEL HEADERS ─── */
.panel-header{
  padding:14px 20px;border-bottom:1px solid var(--border);
  display:flex;align-items:center;gap:12px;flex-shrink:0;
  background:var(--navy2);
}
.panel-title{font-size:15px;font-weight:600}
.panel-sub{font-size:12px;color:var(--text2);margin-left:auto}
.btn{
  padding:6px 16px;border-radius:7px;font-size:12px;font-weight:500;cursor:pointer;
  border:1px solid var(--border2);background:transparent;color:var(--text2);transition:all 0.15s;font-family:var(--font);
}
.btn:hover{background:var(--navy3);color:var(--text)}
.btn.primary{background:var(--teal);color:#fff;border-color:var(--teal);font-weight:600}
.btn.primary:hover{background:var(--teal2)}
.btn.danger{background:var(--coral-dim);color:var(--coral);border-color:var(--coral)}

/* ─── PROJECTS PANEL ─── */
#projects-panel{flex:1;overflow-y:auto;padding:20px}
.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}
.stat-card{
  background:var(--navy2);border:1px solid var(--border);border-radius:10px;
  padding:14px 16px;
}
.stat-card .label{font-size:11px;color:var(--text3);margin-bottom:8px}
.stat-card .value{font-size:24px;font-weight:600;color:var(--text)}
.stat-card .sub{font-size:11px;color:var(--text3);margin-top:3px}

.projects-table{background:var(--navy2);border:1px solid var(--border);border-radius:10px;overflow:hidden}
.table-head{display:grid;grid-template-columns:2fr 1.2fr 1fr 0.8fr 1.2fr 0.9fr 1fr;gap:8px;padding:10px 16px;border-bottom:1px solid var(--border);background:rgba(255,255,255,0.02)}
.table-head span{font-size:11px;font-weight:600;color:var(--text3);text-transform:uppercase;letter-spacing:0.5px}
.proj-row{
  display:grid;grid-template-columns:2fr 1.2fr 1fr 0.8fr 1.2fr 0.9fr 1fr;gap:8px;
  padding:11px 16px;border-bottom:1px solid var(--border);align-items:center;
  cursor:pointer;transition:background 0.1s;
}
.proj-row:last-child{border-bottom:none}
.proj-row:hover{background:var(--navy3)}
.proj-name{font-weight:500;font-size:13px}
.proj-client{font-size:12px;color:var(--text2)}
.lang-tag{background:var(--blue-dim);color:var(--blue);font-size:11px;padding:2px 8px;border-radius:12px;display:inline-block}
.badge{font-size:11px;padding:3px 10px;border-radius:20px;font-weight:500;display:inline-block}
.badge.done{background:var(--teal-dim);color:var(--teal)}
.badge.progress{background:var(--blue-dim);color:var(--blue)}
.badge.review{background:var(--purple-dim);color:var(--purple)}
.badge.overdue{background:var(--coral-dim);color:var(--coral)}
.badge.assigned{background:var(--amber-dim);color:var(--amber)}
.prog-bar{height:4px;background:rgba(255,255,255,0.07);border-radius:4px;overflow:hidden;margin-top:4px}
.prog-fill{height:100%;border-radius:4px;transition:width 0.3s}

/* ─── CAT EDITOR ─── */
#editor-wrap{flex:1;display:flex;overflow:hidden}
#cat-panel{flex:1;display:flex;flex-direction:column;overflow:hidden}
#cat-toolbar{
  padding:8px 16px;border-bottom:1px solid var(--border);background:var(--navy2);
  display:flex;align-items:center;gap:8px;flex-shrink:0;flex-wrap:wrap;
}
.tool-group{display:flex;gap:4px;padding-right:8px;border-right:1px solid var(--border2)}
.tool-group:last-child{border-right:none;padding-right:0}
.tool-btn{
  height:28px;padding:0 10px;border-radius:5px;border:1px solid transparent;
  background:transparent;color:var(--text2);font-size:12px;cursor:pointer;
  display:flex;align-items:center;gap:5px;transition:all 0.12s;font-family:var(--font);
}
.tool-btn:hover{background:var(--navy3);color:var(--text);border-color:var(--border2)}
.tool-btn.active{background:var(--teal-dim);color:var(--teal);border-color:rgba(0,200,150,0.2)}
.tool-btn .ki{font-size:11px;background:rgba(255,255,255,0.07);padding:1px 4px;border-radius:3px;font-family:var(--mono);color:var(--text3)}

#segments-area{flex:1;overflow-y:auto;padding:8px 0}
.seg-row{
  display:grid;grid-template-columns:36px 1fr 1fr;
  border-bottom:1px solid var(--border);
  min-height:52px;align-items:stretch;
}
.seg-row:hover .seg-source{background:rgba(255,255,255,0.015)}
.seg-row.active .seg-num{background:var(--teal-dim);color:var(--teal)}
.seg-row.active .seg-target{background:rgba(0,200,150,0.04)}
.seg-row.confirmed .seg-num{background:var(--teal-dim)}
.seg-row.confirmed::after{display:none}
.seg-num{
  display:flex;align-items:flex-start;justify-content:center;
  padding-top:10px;font-family:var(--mono);font-size:10px;color:var(--text3);
  border-right:1px solid var(--border);background:rgba(255,255,255,0.01);
}
.seg-source{
  padding:10px 14px;font-size:13px;line-height:1.6;color:var(--text2);
  border-right:1px solid var(--border);background:rgba(255,255,255,0.01);
  user-select:text;
}
.seg-target{
  padding:6px 14px;position:relative;
}
.seg-target textarea{
  width:100%;height:100%;min-height:40px;background:transparent;border:none;
  color:var(--text);font-family:var(--font);font-size:13px;line-height:1.6;
  resize:none;outline:none;padding:4px 0;
}
.seg-target textarea:focus{outline:none}
.seg-actions{position:absolute;bottom:4px;right:8px;display:flex;gap:4px;opacity:0;transition:opacity 0.15s}
.seg-target:hover .seg-actions{opacity:1}
.seg-action-btn{
  height:22px;padding:0 8px;border-radius:4px;border:1px solid var(--border2);
  background:var(--navy3);color:var(--text3);font-size:11px;cursor:pointer;font-family:var(--font);
}
.seg-action-btn.confirm{background:var(--teal-dim);color:var(--teal);border-color:rgba(0,200,150,0.3)}
.seg-action-btn:hover{color:var(--text)}
.seg-status-dot{
  width:6px;height:6px;border-radius:50%;position:absolute;top:10px;left:4px;
}

/* ─── RIGHT PANEL ─── */
#right-panel{
  width:300px;border-left:1px solid var(--border);background:var(--navy2);
  display:flex;flex-direction:column;flex-shrink:0;overflow:hidden;
}
#right-tabs{display:flex;border-bottom:1px solid var(--border)}
.rtab{
  flex:1;padding:10px 0;text-align:center;font-size:12px;font-weight:500;
  cursor:pointer;color:var(--text3);border-bottom:2px solid transparent;transition:all 0.15s;
}
.rtab.active{color:var(--teal);border-bottom-color:var(--teal)}
#right-content{flex:1;overflow-y:auto;padding:12px}

/* TM matches */
.tm-match{
  background:var(--navy3);border:1px solid var(--border);border-radius:8px;
  padding:10px 12px;margin-bottom:8px;cursor:pointer;transition:all 0.15s;
}
.tm-match:hover{border-color:var(--border2);background:var(--navy4)}
.tm-pct{font-family:var(--mono);font-size:11px;font-weight:600;margin-bottom:6px}
.tm-pct.exact{color:var(--teal)}
.tm-pct.high{color:var(--blue)}
.tm-pct.medium{color:var(--amber)}
.tm-source{font-size:12px;color:var(--text2);margin-bottom:4px;line-height:1.5}
.tm-target{font-size:12px;color:var(--text);line-height:1.5}
.tm-meta{font-size:10px;color:var(--text3);margin-top:6px}

/* Glossary */
.glos-item{
  display:flex;align-items:center;justify-content:space-between;
  padding:8px 10px;border-bottom:1px solid var(--border);font-size:12px;
}
.glos-source{color:var(--text2);font-style:italic}
.glos-arrow{color:var(--text3);font-size:10px}
.glos-target{color:var(--teal);font-weight:500}

/* Comments */
.comment-item{
  background:var(--navy3);border-radius:8px;padding:10px;margin-bottom:8px;
}
.comment-author{font-size:11px;font-weight:600;color:var(--amber);margin-bottom:4px}
.comment-text{font-size:12px;color:var(--text2);line-height:1.5}
.comment-time{font-size:10px;color:var(--text3);margin-top:4px}
.comment-input{
  display:flex;gap:8px;padding:12px;border-top:1px solid var(--border);
}
.comment-input input{
  flex:1;background:var(--navy3);border:1px solid var(--border2);border-radius:6px;
  padding:7px 10px;color:var(--text);font-size:12px;font-family:var(--font);outline:none;
}
.comment-input input:focus{border-color:var(--teal)}
.comment-input button{
  padding:7px 12px;border-radius:6px;background:var(--teal);border:none;
  color:#fff;font-size:12px;cursor:pointer;font-family:var(--font);font-weight:500;
}

/* Upload modal */
#upload-modal{
  display:none;position:fixed;inset:0;background:rgba(0,0,0,0.6);
  z-index:1000;align-items:center;justify-content:center;
}
#upload-modal.open{display:flex}
.modal{
  background:var(--navy2);border:1px solid var(--border2);border-radius:14px;
  width:500px;max-width:95vw;padding:24px;
}
.modal h2{font-size:17px;font-weight:600;margin-bottom:4px}
.modal .sub{font-size:13px;color:var(--text2);margin-bottom:20px}
.drop-zone{
  border:2px dashed var(--border2);border-radius:10px;padding:32px;
  text-align:center;cursor:pointer;transition:all 0.2s;
  background:rgba(255,255,255,0.01);
}
.drop-zone:hover,.drop-zone.drag{border-color:var(--teal);background:var(--teal-dim)}
.drop-icon{font-size:32px;margin-bottom:8px}
.drop-text{color:var(--text2);font-size:13px}
.drop-sub{color:var(--text3);font-size:11px;margin-top:4px}
.file-list{margin:16px 0;display:flex;flex-direction:column;gap:6px}
.file-item{
  display:flex;align-items:center;gap:10px;
  background:var(--navy3);border-radius:8px;padding:8px 12px;
}
.file-icon{font-size:18px}
.file-name{font-size:13px;font-weight:500;flex:1}
.file-size{font-size:11px;color:var(--text3)}
.modal-form{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}
.form-group label{display:block;font-size:11px;color:var(--text3);margin-bottom:5px;font-weight:500}
.form-group select,.form-group input{
  width:100%;background:var(--navy3);border:1px solid var(--border2);border-radius:7px;
  padding:8px 10px;color:var(--text);font-size:13px;font-family:var(--font);outline:none;
}
.form-group select:focus,.form-group input:focus{border-color:var(--teal)}
.form-group select option{background:var(--navy3)}
.modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:20px}

/* Progress bar in cat toolbar */
#cat-progress{
  display:flex;align-items:center;gap:10px;margin-left:auto;
  font-size:12px;color:var(--text2);
}
#cat-prog-bar{width:120px;height:4px;background:rgba(255,255,255,0.07);border-radius:4px;overflow:hidden}
#cat-prog-fill{height:100%;background:var(--teal);border-radius:4px;transition:width 0.3s}

/* Client portal */
#client-panel{flex:1;overflow-y:auto;padding:20px}
.client-hero{
  background:linear-gradient(135deg,var(--navy3),var(--navy4));
  border:1px solid var(--border2);border-radius:12px;
  padding:24px;margin-bottom:20px;display:flex;align-items:center;justify-content:space-between;
}
.client-hero h1{font-size:20px;font-weight:600;margin-bottom:4px}
.client-hero p{font-size:13px;color:var(--text2)}
.orders-grid{display:flex;flex-direction:column;gap:10px}
.order-card{
  background:var(--navy2);border:1px solid var(--border);border-radius:10px;
  padding:16px 18px;cursor:pointer;transition:all 0.15s;
}
.order-card:hover{border-color:var(--border2);background:var(--navy3)}
.order-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:12px}
.order-title{font-weight:600;font-size:14px;margin-bottom:3px}
.order-meta{font-size:12px;color:var(--text2)}
.order-timeline{display:flex;align-items:center;gap:6px;margin-top:12px}
.tl-step{display:flex;flex-direction:column;align-items:center;gap:3px;flex:1}
.tl-dot{width:10px;height:10px;border-radius:50%;background:var(--border2)}
.tl-dot.done{background:var(--teal)}
.tl-dot.active{background:var(--amber);box-shadow:0 0 0 3px var(--amber-dim)}
.tl-label{font-size:10px;color:var(--text3);text-align:center}
.tl-line{flex:1;height:1px;background:var(--border2);margin-top:4px}
.tl-line.done{background:var(--teal)}

/* New order form */
.new-order-form{
  background:var(--navy2);border:1px solid var(--border);border-radius:10px;padding:20px;
}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.form-full{grid-column:1/-1}
textarea.form-input{height:80px;resize:vertical}
.form-input{
  width:100%;background:var(--navy3);border:1px solid var(--border2);border-radius:7px;
  padding:9px 12px;color:var(--text);font-size:13px;font-family:var(--font);outline:none;
}
.form-input:focus{border-color:var(--teal)}
.form-label{display:block;font-size:11px;color:var(--text3);font-weight:600;margin-bottom:5px;text-transform:uppercase;letter-spacing:0.4px}

/* Notifications */
#notif{
  position:fixed;bottom:20px;right:20px;z-index:999;
  display:flex;flex-direction:column;gap:8px;
}
.notif-item{
  background:var(--navy3);border:1px solid var(--border2);border-radius:8px;
  padding:10px 14px;font-size:13px;color:var(--text);min-width:260px;
  display:flex;align-items:center;gap:10px;
  animation:slideIn 0.2s ease;
}
.notif-item.success{border-left:3px solid var(--teal)}
.notif-item.warning{border-left:3px solid var(--amber)}
@keyframes slideIn{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}

/* Scrollbar */
::-webkit-scrollbar{width:4px;height:4px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:var(--navy4);border-radius:4px}

.twptms-linguaflow-route #wpadminbar{display:none}
.twptms-linguaflow-route a{color:inherit}
#lf-logout-btn{text-decoration:none}

.linguaflow-auth{
  min-height:100vh;
  align-items:center;
  justify-content:center;
  background:
    linear-gradient(135deg,rgba(0,200,150,0.13),transparent 34%),
    radial-gradient(circle at 80% 18%,rgba(74,158,255,0.16),transparent 30%),
    var(--navy);
}
.lf-auth-shell{
  width:100%;
  min-height:100vh;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px;
}
.lf-auth-card{
  width:min(440px,100%);
  background:var(--navy2);
  border:1px solid var(--border2);
  border-radius:10px;
  padding:28px;
  box-shadow:0 24px 70px rgba(0,0,0,0.35);
}
.lf-auth-brand{
  font-size:17px;
  font-weight:600;
  margin-bottom:18px;
}
.lf-auth-brand span{color:var(--teal)}
.lf-auth-card h1{
  font-size:26px;
  line-height:1.15;
  font-weight:600;
  margin-bottom:8px;
}
.lf-auth-card p{
  color:var(--text2);
  margin-bottom:22px;
}
.lf-auth-form{
  display:grid;
  gap:14px;
}
.lf-auth-form label{
  display:grid;
  gap:7px;
}
.lf-auth-form label span{
  color:var(--text3);
  font-size:11px;
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:0.5px;
}
.lf-auth-form input,
.lf-auth-form select{
  width:100%;
  border:1px solid var(--border2);
  border-radius:7px;
  background:var(--navy3);
  color:var(--text);
  padding:11px 12px;
  font:inherit;
  outline:none;
}
.lf-auth-form input:focus,
.lf-auth-form select:focus{
  border-color:var(--teal);
  box-shadow:0 0 0 3px var(--teal-dim);
}
.lf-auth-submit{
  border:1px solid var(--teal);
  background:var(--teal);
  color:var(--navy);
  border-radius:7px;
  padding:12px 14px;
  cursor:pointer;
  font-weight:700;
  margin-top:4px;
}
.lf-auth-submit:disabled{
  opacity:0.65;
  cursor:wait;
}
.lf-auth-message{
  min-height:20px;
  font-size:13px;
  color:var(--text2);
}
.lf-auth-message.error{color:var(--coral)}
.lf-auth-message.success{color:var(--teal)}
.lf-auth-alt{
  margin-top:18px;
  color:var(--text2);
  font-size:13px;
  text-align:center;
}
.lf-auth-alt a{
  color:var(--teal);
  text-decoration:none;
  font-weight:600;
}

/* Premium agency skin */
:root{
  --navy:#101216;
  --navy2:#171B21;
  --navy3:#202631;
  --navy4:#313A47;
  --teal:#D7B56D;
  --teal2:#B89348;
  --teal-dim:rgba(215,181,109,0.14);
  --amber:#E8C886;
  --amber-dim:rgba(232,200,134,0.15);
  --coral:#F07167;
  --coral-dim:rgba(240,113,103,0.12);
  --blue:#8FB8FF;
  --blue-dim:rgba(143,184,255,0.13);
  --purple:#BCA7FF;
  --purple-dim:rgba(188,167,255,0.13);
  --text:#F5F1E8;
  --text2:#B8B4AA;
  --text3:#746F65;
  --border:rgba(245,241,232,0.08);
  --border2:rgba(245,241,232,0.14);
}
body{
  background:
    linear-gradient(180deg,#111318 0%,#151B22 56%,#101216 100%);
}
#topbar{
  height:58px;
  background:rgba(18,21,27,0.92);
  border-bottom:1px solid rgba(215,181,109,0.18);
  box-shadow:0 18px 55px rgba(0,0,0,0.24);
  backdrop-filter:blur(18px);
}
#logo{
  font-size:16px;
  letter-spacing:0;
  gap:10px;
}
#logo:before{
  content:"";
  width:24px;
  height:24px;
  border-radius:7px;
  background:linear-gradient(135deg,var(--teal),#F2DFC0);
  box-shadow:0 0 26px rgba(215,181,109,0.26);
}
#logo span{color:#F2DFC0}
#sidebar{
  background:linear-gradient(180deg,rgba(23,27,33,0.98),rgba(18,22,28,0.98));
  border-right:1px solid rgba(215,181,109,0.11);
}
#main{
  background:linear-gradient(180deg,#101216,#131820);
}
.panel-header{
  background:rgba(23,27,33,0.9);
  border-bottom:1px solid rgba(215,181,109,0.12);
}
.stat-card,
.projects-table,
#view-tm [style*="background:var(--navy2)"],
#view-glossary [style*="background:var(--navy2)"],
#view-my-tasks [style*="background:var(--navy2)"],
.new-order-form,
.modal{
  background:linear-gradient(180deg,rgba(255,255,255,0.035),rgba(255,255,255,0.015));
  border-color:rgba(215,181,109,0.13);
  box-shadow:0 18px 45px rgba(0,0,0,0.2);
}
.nav-item.active{
  background:linear-gradient(135deg,rgba(215,181,109,0.16),rgba(143,184,255,0.06));
  color:#F2DFC0;
}
.nav-item:hover{
  background:rgba(255,255,255,0.055);
}
.btn,
.icon-btn,
.tool-btn,
.seg-action-btn{
  border-color:rgba(215,181,109,0.18);
}
.btn.primary,
.lf-auth-submit{
  background:linear-gradient(135deg,#D7B56D,#B89348);
  border-color:#D7B56D;
  color:#141414;
  box-shadow:0 12px 30px rgba(215,181,109,0.18);
}
.btn.primary:hover,
.lf-auth-submit:hover{
  background:linear-gradient(135deg,#E4C783,#C7A055);
}
.avatar{
  background:linear-gradient(135deg,#D7B56D,#8FB8FF);
  color:#111318;
}
.linguaflow-auth{
  background:
    linear-gradient(135deg,rgba(215,181,109,0.12) 0%,transparent 32%),
    linear-gradient(315deg,rgba(143,184,255,0.10) 0%,transparent 36%),
    #101216;
}
.lf-auth-card{
  background:linear-gradient(180deg,rgba(255,255,255,0.055),rgba(255,255,255,0.022));
  border-color:rgba(215,181,109,0.20);
  box-shadow:0 28px 90px rgba(0,0,0,0.38);
}
.lf-auth-brand{
  letter-spacing:0;
}
.lf-auth-brand:before{
  content:"";
  display:inline-block;
  width:22px;
  height:22px;
  border-radius:7px;
  margin-right:9px;
  vertical-align:-5px;
  background:linear-gradient(135deg,var(--teal),#F2DFC0);
}
.lf-auth-form input,
.lf-auth-form select,
.form-input{
  background:rgba(16,18,22,0.72);
  border-color:rgba(215,181,109,0.16);
}
.lf-auth-form input:focus,
.lf-auth-form select:focus,
.form-input:focus{
  border-color:#D7B56D;
  box-shadow:0 0 0 3px rgba(215,181,109,0.14);
}