.lstudi-front{
  max-width:1180px;
  margin:36px auto 56px;
  padding:0 18px;
  color:#1b2430;
  font-family:inherit;
}
.lstudi-login-shell{
  min-height:60vh;
  display:flex;
  align-items:center;
  justify-content:center;
}
.lstudi-front-card{
  background:#ffffff;
  border:1px solid #e7eaf0;
  border-radius:20px;
  box-shadow:0 12px 30px rgba(20,36,60,.06);
  padding:24px;
  margin-bottom:18px;
}
.lstudi-login{
  width:100%;
  max-width:560px;
}
.lstudi-login-brand,
.lstudi-kicker,
.lstudi-section-kicker{
  display:inline-block;
  font-size:12px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#6b7280;
  margin-bottom:8px;
}
.lstudi-login h2,
.lstudi-front h1,
.lstudi-front h2,
.lstudi-front h3{
  color:#162d4d;
  margin:0 0 10px 0;
  line-height:1.15;
}
.lstudi-front h1{
  font-size:36px;
}
.lstudi-front h2{
  font-size:26px;
}
.lstudi-front h3{
  font-size:22px;
}
.lstudi-front p{
  margin:0 0 10px 0;
  line-height:1.55;
}
.lstudi-front label{
  display:block;
  font-weight:600;
  margin:14px 0;
  color:#1b2430;
}
.lstudi-front input,
.lstudi-front select{
  width:100%;
  box-sizing:border-box;
  padding:10px 12px;
  border:1px solid #cfd6e3;
  border-radius:10px;
  font-size:15px;
  line-height:1.35;
  background:#fff;
  margin-top:6px;
}
.lstudi-front select{
  min-height:42px;
  font-weight:500;
}
.lstudi-upload-form label{
  font-size:14px;
}
.lstudi-upload-form input[type="file"]{
  font-size:14px;
  padding:9px 10px;
}
.lstudi-front button,
.lstudi-docs a,
.lstudi-logout{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:0;
  border-radius:10px;
  padding:12px 18px;
  cursor:pointer;
  font-weight:700;
  text-decoration:none;
  background:#16385f;
  color:#fff;
}
.lstudi-docs a{
  padding:10px 14px;
  white-space:nowrap;
}
.lstudi-logout{
  background:#eff4fb;
  color:#16385f;
}
.lstudi-notice{
  padding:12px 14px;
  border-radius:10px;
  margin:14px 0;
  background:#f4f6fa;
}
.lstudi-notice.error{
  background:#fff1f1;
  color:#7d1d1d;
}
.lstudi-hero{
  background:linear-gradient(135deg,#ffffff 0%,#f6f9fc 100%);
  border:1px solid #e7eaf0;
  border-radius:24px;
  box-shadow:0 12px 30px rgba(20,36,60,.06);
  padding:28px;
  margin-bottom:18px;
}
.lstudi-hero-main{
  min-width:0;
}
.lstudi-hero{
  display:flex;
  justify-content:space-between;
  gap:20px;
  align-items:flex-start;
}
.lstudi-address{
  color:#5f6c7b;
  margin-bottom:12px;
}
.lstudi-status-pill{
  display:inline-flex;
  align-items:center;
  border-radius:999px;
  background:#eaf2fb;
  color:#16385f;
  padding:8px 14px;
  font-weight:700;
}
.lstudi-summary-grid,
.lstudi-front-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}
.lstudi-summary-card small{
  display:block;
  color:#6b7280;
  margin-bottom:10px;
}
.lstudi-summary-card strong{
  display:block;
  font-size:28px;
  color:#162d4d;
  margin-bottom:6px;
}
.lstudi-summary-card span{
  display:block;
  color:#5f6c7b;
  line-height:1.45;
}
.lstudi-primary-card{
  border:1px solid #d9e6f5;
  background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%);
}
.lstudi-section-head{
  display:flex;
  justify-content:space-between;
  gap:20px;
  align-items:flex-start;
  margin-bottom:12px;
}
.lstudi-lead{
  font-size:17px;
  color:#334155;
}
.lstudi-checklist{
  list-style:none;
  margin:18px 0 0;
  padding:0;
  display:grid;
  gap:12px;
}
.lstudi-checklist li{
  display:flex;
  gap:14px;
  align-items:flex-start;
  border:1px solid #e7eaf0;
  border-radius:14px;
  padding:14px 16px;
  background:#fff;
}
.lstudi-check-icon{
  width:24px;
  height:24px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  background:#eef2f7;
  color:#334155;
  flex:0 0 24px;
  margin-top:2px;
}
.lstudi-checklist strong,
.lstudi-docs strong{
  display:block;
  margin-bottom:4px;
}
.lstudi-checklist small,
.lstudi-docs small,
.lstudi-helper-text,
.lstudi-payment-card small{
  display:block;
  color:#5f6c7b;
  line-height:1.45;
}
.lstudi-success-panel{
  border:1px solid #d8ead8;
  background:#f5fbf5;
  border-radius:14px;
  padding:16px;
}
.lstudi-progress-label{
  font-weight:700;
  color:#16385f;
}
.lstudi-progress-bar{
  width:100%;
  height:10px;
  background:#edf2f7;
  border-radius:999px;
  overflow:hidden;
  margin:8px 0 20px;
}
.lstudi-progress-bar span{
  display:block;
  height:100%;
  background:#16385f;
  border-radius:999px;
}
.lstudi-timeline{
  display:grid;
  gap:14px;
}
.lstudi-timeline-item{
  display:grid;
  grid-template-columns:32px 1fr;
  gap:14px;
  align-items:flex-start;
}
.lstudi-timeline-marker{
  width:32px;
  height:32px;
  border-radius:999px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:700;
  border:1px solid #d3dae6;
  background:#fff;
  color:#64748b;
}
.lstudi-timeline-item.done .lstudi-timeline-marker{
  background:#e8f5e9;
  border-color:#cde6cf;
  color:#1b5e20;
}
.lstudi-timeline-item.current .lstudi-timeline-marker{
  background:#eaf2fb;
  border-color:#d1e2f7;
  color:#16385f;
}
.lstudi-timeline-content{
  border:1px solid #e7eaf0;
  border-radius:14px;
  padding:14px 16px;
  background:#fff;
}
.lstudi-timeline-content strong{
  display:block;
  margin-bottom:4px;
  color:#162d4d;
}
.lstudi-timeline-content small{
  color:#5f6c7b;
  line-height:1.5;
}
.lstudi-plain-list{
  list-style:none;
  padding:0;
  margin:0;
  display:grid;
  gap:10px;
}
.lstudi-plain-list li{
  border-left:3px solid #d6e4f4;
  background:#f9fbfd;
  padding:12px 14px;
  border-radius:0 12px 12px 0;
}
.lstudi-payments-list{
  display:grid;
  gap:12px;
}
.lstudi-payment-card{
  border:1px solid #e7eaf0;
  border-radius:14px;
  padding:14px 16px;
  background:#fff;
}
.lstudi-payment-card.pending{
  border-color:#ead9a6;
  background:#fffaf0;
}
.lstudi-payment-card.received{
  border-color:#d6ead6;
  background:#f6fbf6;
}
.lstudi-payment-top{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:flex-start;
  margin-bottom:6px;
}
.lstudi-payment-state{
  white-space:nowrap;
  font-size:13px;
  font-weight:700;
  color:#16385f;
}
.lstudi-docs{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:12px;
}
.lstudi-docs li{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
  border:1px solid #e7eaf0;
  border-radius:14px;
  padding:14px 16px;
  background:#fff;
}
@media (max-width: 900px){
  .lstudi-front-grid,
  .lstudi-summary-grid{
    grid-template-columns:1fr;
  }
  .lstudi-hero,
  .lstudi-section-head,
  .lstudi-payment-top{
    flex-direction:column;
  }
  .lstudi-front h1{
    font-size:30px;
  }
}

.lstudi-uploaded-section{
  margin:18px 0 22px;
  padding:16px;
  border:1px solid #e7eaf0;
  border-radius:14px;
  background:#f9fbfd;
}
.lstudi-uploaded-section h3{
  font-size:17px;
  margin-bottom:6px;
}
.lstudi-uploaded-list{
  display:grid;
  gap:10px;
  margin-top:12px;
}
.lstudi-uploaded-item{
  display:flex;
  justify-content:space-between;
  gap:14px;
  align-items:flex-start;
  background:#fff;
  border:1px solid #e7eaf0;
  border-radius:12px;
  padding:12px 14px;
}
.lstudi-uploaded-item strong{
  display:block;
  font-size:14px;
  margin-bottom:3px;
  word-break:break-word;
}
.lstudi-uploaded-item small{
  display:block;
  font-size:12px;
  color:#667085;
}
.lstudi-uploaded-state{
  flex:0 0 auto;
  font-size:12px;
  font-weight:700;
  color:#16385f;
  background:#eef4fb;
  border-radius:999px;
  padding:6px 9px;
  white-space:nowrap;
}
@media (max-width: 700px){
  .lstudi-uploaded-item{
    flex-direction:column;
  }
  .lstudi-uploaded-state{
    white-space:normal;
  }
}

.lstudi-client-site-visits{display:grid;gap:18px}
.lstudi-client-site-visit{border:1px solid #e7eaf0;border-radius:16px;padding:18px;background:#fff}
.lstudi-client-site-visit-meta{font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#6b7280;margin-bottom:6px}
.lstudi-client-site-visit h3{font-size:20px;margin-bottom:8px}
.lstudi-client-site-visit-photos{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-top:14px}
.lstudi-client-site-visit-photos img{width:100%;height:150px;object-fit:cover;border-radius:12px;display:block}
@media(max-width:700px){
  .lstudi-client-site-visit-photos{grid-template-columns:repeat(2,minmax(0,1fr))}
  .lstudi-client-site-visit-photos img{height:120px}
}

.lstudi-representation-box{
  margin:18px 0 22px;
  padding:18px;
  border:1px solid #d8e4f1;
  border-radius:16px;
  background:#f7faff;
}
.lstudi-representation-box h3{
  font-size:18px;
  margin-bottom:8px;
}
.lstudi-representation-form{
  display:grid;
  gap:8px;
  margin-top:14px;
}
.lstudi-representation-form label{
  margin:4px 0;
  font-size:14px;
}
.lstudi-representation-form textarea{
  width:100%;
  box-sizing:border-box;
  border:1px solid #cfd6e3;
  border-radius:10px;
  padding:10px 12px;
  font:inherit;
  min-height:74px;
}
.lstudi-representation-help{
  display:block;
  margin-top:8px;
  color:#5f6c7b;
  line-height:1.45;
}
.lstudi-multi-promoter-note{
  margin-top:12px!important;
  font-size:13px;
  color:#5f6c7b;
}

.lstudi-action-list{display:grid;gap:14px;margin-top:18px}
.lstudi-action-card{border:1px solid #e4e8ef;border-radius:15px;padding:16px;background:#fff}
.lstudi-action-card-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:10px}
.lstudi-action-card-head strong{display:block;font-size:16px;color:#162d4d;margin-bottom:4px}
.lstudi-action-card-head small{display:block;color:#667085}
.lstudi-action-status{font-size:12px;font-weight:800;border-radius:999px;padding:6px 9px;white-space:nowrap;background:#eef2f7;color:#475467}
.lstudi-action-status.pending{background:#fff5df;color:#8a5a00}
.lstudi-inline-form{display:grid;gap:10px;margin-top:12px}
.lstudi-inline-form label{font-size:14px;margin:0}
.lstudi-inline-form textarea,.lstudi-meeting-form textarea{width:100%;box-sizing:border-box;border:1px solid #cfd6e3;border-radius:10px;padding:10px 12px;font:inherit}
.lstudi-waiting-list{margin-top:18px;padding-top:16px;border-top:1px solid #e7eaf0}
.lstudi-waiting-list h3{font-size:16px;margin-bottom:10px}
.lstudi-waiting-item{padding:11px 13px;border-radius:12px;background:#f8fafc;margin-top:8px}
.lstudi-waiting-item strong,.lstudi-waiting-item small{display:block}
.lstudi-waiting-item small{margin-top:3px;color:#667085}
.lstudi-meeting-form{display:grid;gap:12px}
.lstudi-meeting-history{display:grid;gap:10px;margin-top:18px}
.lstudi-meeting-item{border:1px solid #e7eaf0;border-radius:12px;padding:12px 14px;background:#f9fbfd}
.lstudi-meeting-item strong,.lstudi-meeting-item small{display:block}
.lstudi-meeting-item small{margin-top:4px;color:#667085}
@media(max-width:700px){.lstudi-action-card-head{flex-direction:column}.lstudi-action-status{white-space:normal}}

.lstudi-client-tabs{display:flex;gap:8px;margin:0 0 18px}
.lstudi-client-tab{border:1px solid #d9dee7!important;background:#fff!important;color:#344054!important;border-radius:999px!important;padding:10px 18px!important}
.lstudi-client-tab.active{background:#17375e!important;color:#fff!important;border-color:#17375e!important}
.lstudi-client-tab-panel{display:none}
.lstudi-client-tab-panel.active{display:block}
.lstudi-proposals-list{display:grid;gap:12px}
.lstudi-proposal-item{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;border:1px solid #e5e7eb;border-radius:14px;padding:14px;background:#fff}
.lstudi-proposal-item.final-candidate{border-color:#cfdff2;background:#f8fbff}
.lstudi-proposal-item strong,.lstudi-proposal-item small{display:block}
.lstudi-proposal-item small{margin-top:3px;color:#667085}
.lstudi-proposal-item p{margin-top:7px;color:#475467}
.lstudi-proposal-item a{white-space:nowrap;text-decoration:none;background:#17375e;color:#fff;border-radius:10px;padding:9px 12px;font-weight:700}
.lstudi-acceptance-box{margin-top:18px;border:1px solid #cfdff2;border-radius:16px;padding:17px;background:#f8fbff}
.lstudi-acceptance-box h3{font-size:19px}
.lstudi-accept-check{display:flex!important;align-items:flex-start;gap:10px!important;padding:12px 0;font-weight:700}
.lstudi-accept-check input{width:20px!important;height:20px;margin-top:2px!important}
@media(max-width:700px){
 .lstudi-proposal-item{flex-direction:column}
 .lstudi-proposal-item a{width:100%;box-sizing:border-box;text-align:center}
}

.lstudi-design-timeline{display:grid;gap:14px}
.lstudi-design-version{border:1px solid #e4e7ec;border-radius:16px;padding:16px;background:#fff}
.lstudi-design-version.is-final{border-color:#cbd9e9;background:#f9fbfe}
.lstudi-design-version-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}
.lstudi-design-version-head h3{margin:5px 0 3px;font-size:19px}
.lstudi-design-version-head small{color:#667085}
.lstudi-version-pill{display:inline-flex;padding:5px 9px;border-radius:999px;background:#eef2f6;color:#344054;font-size:12px;font-weight:900}
.lstudi-final-badge,.lstudi-approved-badge{display:inline-flex;padding:6px 9px;border-radius:999px;font-size:12px;font-weight:900;white-space:nowrap}
.lstudi-final-badge{background:#eef4fb;color:#17375e}
.lstudi-approved-badge{background:#edf8ef;color:#275d31}
.lstudi-design-notes{margin:12px 0;color:#475467}
.lstudi-doc-button{display:inline-flex;text-decoration:none;background:#17375e;color:#fff!important;border-radius:10px;padding:9px 12px;font-weight:800}
.lstudi-render-section{margin-top:16px}
.lstudi-render-section h4{margin:0 0 10px}
.lstudi-render-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.lstudi-render-item{display:block;aspect-ratio:4/3;border-radius:12px;overflow:hidden;background:#eef1f4;border:1px solid #e4e7ec}
.lstudi-render-item img{display:block;width:100%;height:100%;object-fit:cover}
.lstudi-design-approved,.lstudi-payment-confirmed{margin-top:16px}
.lstudi-payment-gate{margin-top:16px;padding:16px;border:1px solid #ead8aa;background:#fffaf0;border-radius:16px}
.lstudi-payment-gate h3{margin:5px 0 8px}
.lstudi-payment-gate strong{display:inline-flex;margin-top:5px;padding:7px 10px;border-radius:999px;background:#fff0c2;color:#785300}
@media(max-width:700px){
 .lstudi-design-version-head{flex-direction:column}
 .lstudi-render-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}