.lk-page-shell,
.lk-page-shell *,
.lk-page-shell *::before,
.lk-page-shell *::after{
  box-sizing:border-box;
}

.lk-page-shell{
  --lk-page-bg:#f7fbf8;
  --lk-page-surface:#ffffff;
  --lk-page-soft:#f0f8f3;
  --lk-page-line:rgba(20,58,45,.14);
  --lk-page-line-strong:rgba(20,58,45,.22);
  --lk-page-ink:#07130f;
  --lk-page-muted:#5a6874;
  --lk-page-green:#0b5a46;
  --lk-page-green-strong:#073c31;
  --lk-page-lime:#b9f46d;
  --lk-page-warn:#9a5b08;
  --lk-page-danger:#b42318;
  --lk-page-shadow:0 18px 44px rgba(20,58,45,.08);
  width:min(100%, calc(100vw - 32px));
  max-width:1320px;
  min-width:0;
  min-height:100%;
  margin:0 auto;
  padding:clamp(16px,2.2vw,28px);
  display:grid;
  gap:16px;
  color:var(--lk-page-ink);
  overflow-x:clip;
}

.lk-page-header,
.lk-limit-panel,
.lk-tabs-row,
.lk-content-grid{
  width:100%;
  min-width:0;
  max-width:100%;
}

.lk-page-header{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:18px;
  align-items:end;
  padding:22px;
  border:1px solid var(--lk-page-line);
  border-radius:8px;
  background:
    radial-gradient(680px 220px at 16% -20%, rgba(185,244,109,.20), transparent 62%),
    linear-gradient(180deg,#fff,#f8fcf9);
  box-shadow:var(--lk-page-shadow);
}

.lk-page-header__copy{
  display:grid;
  gap:7px;
  min-width:0;
}

.lk-page-header__crumb{
  color:#0b6f58;
  font-size:12px;
  font-weight:950;
  letter-spacing:.08em;
  line-height:1.2;
  text-transform:uppercase;
}

.lk-page-header h1{
  margin:0;
  color:var(--lk-page-ink);
  font-size:clamp(28px,2vw + 14px,42px);
  line-height:1.05;
  letter-spacing:0;
  overflow-wrap:anywhere;
}

.lk-page-header p{
  max-width:820px;
  margin:0;
  color:var(--lk-page-muted);
  font-size:15px;
  line-height:1.55;
}

.lk-page-header__actions{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:9px;
  min-width:0;
}

.lk-shell.is-authenticated .lk-app-topbar.lk-page-header--appbar{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}

.lk-page-btn{
  min-height:40px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:0 14px;
  border:1px solid var(--lk-page-line-strong);
  border-radius:8px;
  background:#fff;
  color:var(--lk-page-green);
  font-weight:900;
  font-size:14px;
  line-height:1;
  text-decoration:none;
  white-space:nowrap;
  cursor:pointer;
  transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,transform .12s ease;
}

.lk-page-btn:hover,
.lk-page-btn:focus-visible{
  border-color:rgba(16,185,129,.40);
  background:#ecfdf5;
  color:#047857;
  box-shadow:0 10px 24px rgba(6,78,59,.10);
}

.lk-page-btn:active{
  transform:translateY(1px);
}

.lk-page-btn--primary{
  border-color:var(--lk-page-green-strong);
  background:var(--lk-page-green-strong);
  color:#fff;
  box-shadow:0 12px 26px rgba(6,78,59,.18);
}

.lk-page-btn--primary:hover,
.lk-page-btn--primary:focus-visible{
  border-color:#047857;
  background:#047857;
  color:#fff;
}

.lk-limit-panel{
  display:grid;
  gap:14px;
  padding:16px;
  border:1px solid var(--lk-page-line);
  border-radius:8px;
  background:linear-gradient(180deg,#ffffff,#fbfefc);
  box-shadow:0 12px 30px rgba(20,58,45,.06);
}

.lk-limit-panel--usage-only{
  gap:0;
  padding:0;
  border:0;
  background:transparent;
  box-shadow:none;
}

.lk-limit-panel__summary{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr)) auto;
  gap:12px;
  align-items:center;
}

.lk-limit-panel__summary > div{
  min-width:0;
  display:grid;
  gap:4px;
  padding:10px 12px;
  border:1px solid rgba(20,58,45,.10);
  border-radius:8px;
  background:#f8fcf9;
}

.lk-limit-panel__summary span,
.lk-limit-item__top span,
.lk-limit-item__top a{
  color:var(--lk-page-muted);
  font-size:12px;
  font-weight:950;
  letter-spacing:.03em;
  text-transform:uppercase;
}

.lk-limit-panel__summary strong{
  min-width:0;
  color:var(--lk-page-ink);
  font-size:15px;
  font-weight:950;
  line-height:1.2;
  overflow-wrap:anywhere;
}

.lk-limit-panel__items{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));
  gap:10px;
}

.lk-limit-panel--usage-only .lk-limit-panel__items{
  grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));
  gap:8px;
}

.lk-limit-item{
  min-width:0;
  display:grid;
  gap:8px;
  padding:12px;
  border:1px solid rgba(20,58,45,.11);
  border-radius:8px;
  background:#fff;
}

.lk-limit-panel--usage-only .lk-limit-item{
  padding:10px 12px;
  border-color:rgba(20,58,45,.10);
  background:rgba(255,255,255,.72);
  box-shadow:0 6px 16px rgba(20,58,45,.035);
}

.lk-limit-item__top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
  min-width:0;
}

.lk-limit-item__top a{
  text-decoration:none;
}

.lk-limit-item__top a:hover{
  color:#047857;
  text-decoration:underline;
}

.lk-limit-item__top strong{
  flex:0 0 auto;
  color:#10231a;
  font-size:13px;
  font-weight:950;
  line-height:1.25;
  white-space:nowrap;
}

.lk-limit-item__bar{
  height:9px;
  overflow:hidden;
  border-radius:999px;
  border:1px solid rgba(20,58,45,.08);
  background:#e7f3ec;
}

.lk-limit-item__bar span{
  display:block;
  height:100%;
  width:0;
  border-radius:999px;
  background:linear-gradient(90deg,#0b5a46,#10b981,#b9f46d);
}

.lk-limit-item.is-near .lk-limit-item__bar span{
  background:linear-gradient(90deg,#9a5b08,#f59e0b,#ffd84d);
}

.lk-limit-item.is-full .lk-limit-item__bar span{
  background:linear-gradient(90deg,#991b1b,#ef4444);
}

.lk-limit-item.is-unlimited .lk-limit-item__bar span{
  width:100% !important;
  opacity:.45;
}

.lk-tabs-row{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  padding:8px;
  border:1px solid var(--lk-page-line);
  border-radius:8px;
  background:rgba(255,255,255,.72);
  box-shadow:0 8px 20px rgba(20,58,45,.05);
}

.lk-tab-pill{
  min-height:36px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 12px;
  border:1px solid transparent;
  border-radius:8px;
  color:#24362f;
  background:transparent;
  text-decoration:none;
  font-size:13px;
  font-weight:900;
}

.lk-tab-pill:hover,
.lk-tab-pill:focus-visible{
  border-color:rgba(20,58,45,.13);
  background:#f1fbf5;
  color:#047857;
}

.lk-tab-pill.is-active{
  border-color:rgba(18,128,92,.24);
  background:linear-gradient(180deg,#e5f7ec,#dff5e5);
  color:#0b5a46;
}

.lk-content-grid{
  display:grid;
  gap:16px;
  align-items:start;
}

.lk-content-grid--single,
.lk-content-grid--table{
  grid-template-columns:minmax(0,1fr);
}

.lk-content-grid--split{
  grid-template-columns:minmax(0,1fr) minmax(260px,340px);
}

.lk-content-grid--builder{
  grid-template-columns:minmax(0,1fr);
}

.lk-content-grid--analytics{
  grid-template-columns:minmax(0,1fr);
}

.lk-card,
.lk-side-panel,
.lk-bottom-section,
.lk-sticky-actions,
.lk-page-shell :where(
  .lk-ui-card,
  .card,
  .text-bubble,
  .lk2-panel,
  .lk2-card,
  .lk-an-panel,
  .lk-cd-panel,
  .lk-cd-drop,
  .lk-campaign-card,
  .lk-profile-card,
  .lk-growth-card,
  .cron-card,
  .lk-admin-search .lk-card,
  .lk-poll-create,
  .lk-cards-page,
  .lk-studio .lk-panel,
  #lk-support-edit .card,
  .lk-step,
  .lk-live-section,
  .lk-qr .card,
  .lk-qr-previewPanel
){
  border-color:var(--lk-page-line) !important;
  border-radius:8px !important;
  background-color:#fff;
  box-shadow:0 12px 30px rgba(20,58,45,.06) !important;
}

.lk-card,
.lk-side-panel,
.lk-bottom-section{
  padding:18px;
  border:1px solid var(--lk-page-line);
  background:#fff;
}

.lk-side-panel{
  position:relative;
}

.lk-bottom-section{
  margin-top:0;
}

.lk-sticky-actions{
  position:sticky;
  bottom:12px;
  z-index:40;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:12px;
  border:1px solid var(--lk-page-line);
  background:rgba(255,255,255,.94);
  backdrop-filter:blur(12px);
}

.lk-sticky-actions__status{
  min-width:0;
  color:var(--lk-page-muted);
  font-size:13px;
  font-weight:800;
  line-height:1.35;
}

.lk-sticky-actions__buttons{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:8px;
  min-width:0;
}

