
:root{
  --primary: #7c5cff;
  --primary-2: #5f86ff;
  --success: #21c47b;
  --warning: #ffb547;
  --danger: #ff6b6b;
  --info: #5ecbff;
  --radius: 18px;
  --radius-sm: 12px;
  --radius-lg: 24px;
  --input-h: 46px;
  --maxw: 1280px;
  --sidebar-w: 272px;
}

html[data-theme='dark']{
  --bg: #0b1020;
  --panel: #121a2f;
  --panel-2: #18223d;
  --panel-3: #0f1730;
  --text: #eef3ff;
  --muted: #9aa7c7;
  --line: #263252;
  --sidebar-bg: rgba(8,13,26,.7);
  --surface-soft: rgba(255,255,255,.03);
  --surface-softer: rgba(255,255,255,.015);
  --surface-strong: rgba(255,255,255,.04);
  --side-link-color: #d7def3;
  --label-color: #dce5ff;
  --thead-color: #b8c3df;
  --muted-strong: #dfe7fb;
  --pill-text: #d6def1;
  --thumb-fallback: #aeb9d8;
  --tag-text: #cfd8f7;
  --media-bg: #0b1328;
  --body-grad-1: rgba(124,92,255,.18);
  --body-grad-2: rgba(94,203,255,.10);
  --shadow: 0 10px 30px rgba(0,0,0,.25);
}

html[data-theme='light']{
  --bg: #f4f7fb;
  --panel: #ffffff;
  --panel-2: #f7f9fd;
  --panel-3: #ffffff;
  --text: #18243d;
  --muted: #66738f;
  --line: #d8e0ef;
  --sidebar-bg: rgba(255,255,255,.88);
  --surface-soft: rgba(24,36,61,.03);
  --surface-softer: rgba(24,36,61,.02);
  --surface-strong: rgba(24,36,61,.05);
  --side-link-color: #33415c;
  --label-color: #24324d;
  --thead-color: #586781;
  --muted-strong: #24324d;
  --pill-text: #33415c;
  --thumb-fallback: #60708b;
  --tag-text: #41506d;
  --media-bg: #eef3fb;
  --body-grad-1: rgba(124,92,255,.10);
  --body-grad-2: rgba(94,203,255,.08);
  --shadow: 0 10px 30px rgba(21,38,69,.08);
}

html[data-theme='system']{
  --bg: #f4f7fb;
  --panel: #ffffff;
  --panel-2: #f7f9fd;
  --panel-3: #ffffff;
  --text: #18243d;
  --muted: #66738f;
  --line: #d8e0ef;
  --sidebar-bg: rgba(255,255,255,.88);
  --surface-soft: rgba(24,36,61,.03);
  --surface-softer: rgba(24,36,61,.02);
  --surface-strong: rgba(24,36,61,.05);
  --side-link-color: #33415c;
  --label-color: #24324d;
  --thead-color: #586781;
  --muted-strong: #24324d;
  --pill-text: #33415c;
  --thumb-fallback: #60708b;
  --tag-text: #41506d;
  --media-bg: #eef3fb;
  --body-grad-1: rgba(124,92,255,.10);
  --body-grad-2: rgba(94,203,255,.08);
  --shadow: 0 10px 30px rgba(21,38,69,.08);
}

@media (prefers-color-scheme: dark){
  html[data-theme='system']{
    --bg: #0b1020;
    --panel: #121a2f;
    --panel-2: #18223d;
    --panel-3: #0f1730;
    --text: #eef3ff;
    --muted: #9aa7c7;
    --line: #263252;
    --sidebar-bg: rgba(8,13,26,.7);
    --surface-soft: rgba(255,255,255,.03);
    --surface-softer: rgba(255,255,255,.015);
    --surface-strong: rgba(255,255,255,.04);
    --side-link-color: #d7def3;
    --label-color: #dce5ff;
    --thead-color: #b8c3df;
    --muted-strong: #dfe7fb;
    --pill-text: #d6def1;
    --thumb-fallback: #aeb9d8;
    --tag-text: #cfd8f7;
    --media-bg: #0b1328;
    --body-grad-1: rgba(124,92,255,.18);
    --body-grad-2: rgba(94,203,255,.10);
    --shadow: 0 10px 30px rgba(0,0,0,.25);
  }
}

*,
*::before,
*::after{
  box-sizing:border-box;
}

html,body{
  margin:0;
  padding:0;
}

body.paylaso-body{
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  background:
    radial-gradient(circle at top right, var(--body-grad-1), transparent 22%),
    radial-gradient(circle at top left, var(--body-grad-2), transparent 28%),
    var(--bg);
  color:var(--text);
  min-height:100vh;
  line-height:1.45;
}

a{
  color:inherit;
  text-decoration:none;
}

img{
  max-width:100%;
  display:block;
}

code{
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  background: rgba(255,255,255,.06);
  padding: 2px 8px;
  border-radius: 8px;
  font-size:.92em;
}

.paylaso-shell{
  min-height:100vh;
  display:grid;
  grid-template-columns: var(--sidebar-w) 1fr;
}

.paylaso-sidebar{
  background: var(--sidebar-bg);
  border-right:1px solid var(--line);
  padding:38px 22px 24px;
  position:sticky;
  top:0;
  height:100vh;
  backdrop-filter: blur(10px);
}

.paylaso-main{
  min-width:0;
}

.paylaso-shell-auth{
  grid-template-columns:1fr;
}

.paylaso-shell-auth .paylaso-sidebar{
  display:none;
}

.paylaso-shell-auth .paylaso-main{
  width:100%;
}

.paylaso-body-auth .paylaso-content{
  padding-top:0;
}

.paylaso-brand{
  display:flex;
  align-items:center;
  gap:14px;
  margin-bottom:28px;
}

.paylaso-brand-sidebar{
  display:block;
  margin-bottom:54px;
}

.paylaso-brand-mark{
  width:44px;
  height:44px;
  border-radius:14px;
  background: linear-gradient(135deg, var(--primary), var(--primary-2));
  display:grid;
  place-items:center;
  font-weight:800;
  font-size:18px;
  color:#fff;
  box-shadow: var(--shadow);
}

.paylaso-brand-logo{
  width:52px;
  height:52px;
  object-fit:contain;
  display:block;
  flex:0 0 auto;
}

.paylaso-brand-logo-sidebar{
  width:min(100%, 220px);
  height:auto;
}

.paylaso-brand-title{
  font-size:20px;
  font-weight:800;
  letter-spacing:.2px;
}

.paylaso-brand-subtitle{
  color:var(--muted);
  font-size:13px;
  margin-top:2px;
}

.paylaso-side-nav{
  display:grid;
  gap:10px;
  margin-top:18px;
}

.paylaso-side-link{
  display:flex;
  align-items:center;
  gap:10px;
  min-height:44px;
  padding:10px 14px;
  color:var(--side-link-color);
  border:1px solid transparent;
  border-radius:14px;
  transition: .2s ease;
}

.paylaso-side-link:hover{
  background: var(--surface-strong);
  border-color: rgba(255,255,255,.05);
}

.paylaso-side-link.active{
  background: linear-gradient(135deg, rgba(124,92,255,.18), rgba(95,134,255,.12));
  border-color: rgba(124,92,255,.35);
  color:#767676;
}

.paylaso-topbar{
  max-width:var(--maxw);
  margin:0 auto;
  padding:24px 28px 10px;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
}

.paylaso-topbar-title{
  font-size:28px;
  font-weight:800;
  letter-spacing:-.02em;
}

.paylaso-topbar-subtitle{
  color:var(--muted);
  margin-top:6px;
  font-size:14px;
}

.paylaso-topbar-right{
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
}

.paylaso-user-pill{
  min-height:42px;
  display:flex;
  align-items:center;
  padding:0 14px;
  border:1px solid var(--line);
  background: var(--surface-strong);
  border-radius:999px;
  color:var(--muted);
  font-size:14px;
}

.paylaso-content{
  max-width:var(--maxw);
  margin:0 auto;
  padding:16px 28px 40px;
}

.paylaso-page-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  margin-bottom:20px;
}

.paylaso-page-title{
  margin:0;
  font-size:30px;
  line-height:1.08;
  font-weight:800;
  letter-spacing:-.03em;
}

.paylaso-page-subtitle{
  margin:8px 0 0;
  color:var(--muted);
  font-size:14px;
}

.paylaso-grid-2{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}

.paylaso-grid-3{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}

.paylaso-card{
  background: linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.015));
  border:1px solid var(--line);
  border-radius:var(--radius);
  padding:20px;
  box-shadow: var(--shadow);
}

.paylaso-card-full{
  grid-column:1/-1;
}

.paylaso-card-title-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:14px;
}

.paylaso-card-title{
  margin:0 0 14px;
  font-size:18px;
  font-weight:750;
  letter-spacing:-.01em;
}

.paylaso-muted{
  color:var(--muted);
  font-size:14px;
}

.paylaso-stats-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
  margin-bottom:18px;
}

.paylaso-stat-card{
  background: linear-gradient(180deg, rgba(124,92,255,.14), rgba(255,255,255,.02));
  border:1px solid var(--line);
  border-radius:var(--radius);
  padding:18px;
  box-shadow: var(--shadow);
}

.paylaso-stat-number{
  font-size:32px;
  font-weight:800;
  letter-spacing:-.03em;
}

.paylaso-stat-label{
  color:var(--muted);
  margin-top:6px;
  font-size:14px;
}

.paylaso-actions{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}

.paylaso-quick-actions{
  display:grid;
  gap:12px;
}

.paylaso-btn{
  appearance:none;
  border:none;
  outline:none;
  min-height:44px;
  padding:0 16px;
  border-radius:14px;
  font-weight:700;
  font-size:14px;
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  transition:.18s ease;
  text-decoration:none;
}

.paylaso-btn:hover{
  transform: translateY(-1px);
}

.paylaso-btn:active{
  transform: translateY(0);
}

.paylaso-btn-primary{
  color:#fff;
  background: linear-gradient(135deg, var(--primary), var(--primary-2));
  box-shadow: 0 10px 24px rgba(95,134,255,.22);
}

.paylaso-btn-light{
  color:var(--text);
  background: var(--surface-strong);
  border:1px solid var(--line);
}

.paylaso-btn-danger{
  color:#fff;
  background: linear-gradient(135deg, #ff6b6b, #ff4d7a);
}

.paylaso-btn-block{
  width:100%;
}

.paylaso-form-grid{
  display:grid;
  gap:16px;
}

.paylaso-form-group{
  display:grid;
  gap:8px;
}

.paylaso-label{
  font-size:13px;
  font-weight:700;
  color:var(--label-color);
}

.paylaso-input,
.paylaso-form-group input[type="text"],
.paylaso-form-group input[type="email"],
.paylaso-form-group input[type="password"],
.paylaso-form-group input[type="number"],
.paylaso-form-group input[type="datetime-local"],
.paylaso-form-group select,
.paylaso-form-group textarea,
select,
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="datetime-local"],
textarea{
  width:100%;
  min-height:var(--input-h);
  background: var(--panel-3);
  color:var(--text);
  border:1px solid var(--line);
  border-radius:14px;
  padding:12px 14px;
  font:inherit;
  transition:.15s ease;
}

textarea,
.paylaso-form-group textarea{
  min-height:120px;
  resize:vertical;
}

.paylaso-input:focus,
.paylaso-form-group input:focus,
.paylaso-form-group select:focus,
.paylaso-form-group textarea:focus,
select:focus,
textarea:focus,
input:focus{
  border-color: rgba(124,92,255,.75);
  box-shadow: 0 0 0 4px rgba(124,92,255,.14);
  outline:none;
}

.paylaso-checkbox{
  display:flex;
  align-items:center;
  gap:10px;
  color:var(--text);
  min-height:42px;
}

.paylaso-checkbox input{
  width:18px;
  height:18px;
  accent-color: var(--primary);
}

.paylaso-alert{
  border-radius:14px;
  padding:13px 15px;
  margin-bottom:16px;
  border:1px solid transparent;
  font-size:14px;
}

.paylaso-alert-success{
  background: rgba(255, 255, 255, 0.94);
  border-color: rgba(33,196,123,.35);
  color:#029350;
  font-size: larger;
  font-weight: 900;
}

.paylaso-alert-danger{
  background: rgba(255,107,107,.12);
  border-color: rgba(255,107,107,.35);
  color:#ff0000;
}

.paylaso-alert-warning{
  background: rgba(255,181,71,.12);
  border-color: rgba(255,181,71,.35);
  color:#029350;
}

.paylaso-alert-info{
  background: rgba(94,203,255,.12);
  border-color: rgba(94,203,255,.35);
  color:#029350;
}

.paylaso-table-wrap{
  overflow:auto;
  border:1px solid var(--line);
  border-radius:16px;
}

.paylaso-table{
  width:100%;
  border-collapse:collapse;
  min-width:780px;
  background: var(--surface-softer);
}

.paylaso-table thead th{
  text-align:left;
  padding:14px 14px;
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.06em;
  color:var(--thead-color);
  background: rgba(255,255,255,.035);
  border-bottom:1px solid var(--line);
}

.paylaso-table tbody td{
  padding:14px;
  border-bottom:1px solid rgba(255,255,255,.04);
  vertical-align:middle;
}

.paylaso-table tbody tr:hover{
  background: rgba(255,255,255,.025);
}

.paylaso-empty-cell{
  text-align:center;
  color:var(--muted);
  padding:26px !important;
}

.paylaso-badge{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:0 10px;
  border-radius:999px;
  font-size:12px;
  font-weight:700;
}

.paylaso-badge-success{
  background: rgba(33,196,123,.14);
  color:#029350;
  border:1px solid rgba(33,196,123,.25);
}

.paylaso-badge-warning{
  background: rgba(255,181,71,.14);
  color:#029350;
  border:1px solid rgba(255,181,71,.25);
}

.paylaso-badge-danger{
  background: rgba(255,107,107,.14);
  color:#fc0404;
  border:1px solid rgba(255,107,107,.25);
}

.paylaso-badge-info{
  background: rgba(94,203,255,.14);
  color:#029350;
  border:1px solid rgba(94,203,255,.25);
}

.paylaso-badge-muted{
  background: rgba(255,255,255,.08);
  color:var(--pill-text);
  border:1px solid rgba(255,255,255,.08);
}

.paylaso-info-list{
  display:grid;
  gap:12px;
}

.paylaso-info-item{
  display:flex;
  justify-content:space-between;
  gap:12px;
  padding:12px 14px;
  background: var(--surface-soft);
  border:1px solid var(--line);
  border-radius:14px;
}

.paylaso-info-label{
  color:var(--muted);
  font-size:14px;
}

.paylaso-auth-wrap{
  min-height:100vh;
  display:grid;
  place-items:center;
  padding:36px 28px;
}

.paylaso-auth-card{
  width:100%;
  max-width:460px;
  background: linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02));
  border:1px solid var(--line);
  border-radius:28px;
  padding:28px;
  box-shadow: var(--shadow);
}

.paylaso-auth-card-wide{
  max-width:600px;
  padding:40px 56px 48px;
}

.paylaso-auth-brand{
  display:flex;
  align-items:center;
  gap:14px;
  margin-bottom:22px;
}

.paylaso-auth-brand-centered{
  justify-content:center;
  margin-bottom:24px;
}

.paylaso-auth-logo{
  width:min(100%, 400px);
  height:auto;
}

.paylaso-auth-head{
  margin-bottom:24px;
}

.paylaso-auth-card-wide .paylaso-page-title{
  font-size:48px;
  line-height:1;
  letter-spacing:-.045em;
}

.paylaso-body-auth .paylaso-auth-card-wide .paylaso-page-title{
  font-size:48px;
}

.paylaso-auth-card-wide .paylaso-page-subtitle{
  font-size:20px;
  margin-top:12px;
}

.paylaso-auth-form-grid{
  gap:22px;
}

.paylaso-auth-card-wide .paylaso-label{
  font-size:18px;
  font-weight:800;
}

.paylaso-auth-card-wide .paylaso-input{
  min-height:66px;
  padding:16px 28px;
  border-radius:24px;
  font-size:20px;
}

.paylaso-auth-card-wide .paylaso-btn{
  min-height:64px;
  border-radius:24px;
  font-size:22px;
}

.paylaso-media-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
}

.paylaso-media-card{
  background: var(--surface-soft);
  border:1px solid var(--line);
  border-radius:18px;
  overflow:hidden;
}

.paylaso-media-thumb{
  aspect-ratio: 1 / 1;
  background: var(--media-bg);
  display:grid;
  place-items:center;
  overflow:hidden;
}

.paylaso-media-thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.paylaso-media-body{
  padding:14px;
  display:grid;
  gap:10px;
}

.paylaso-media-meta{
  display:grid;
  gap:4px;
  color:var(--muted);
  font-size:13px;
}

.paylaso-select-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}

.paylaso-select-card{
  position:relative;
  border:1px solid var(--line);
  background: var(--surface-soft);
  border-radius:18px;
  overflow:hidden;
  transition:.18s ease;
}

.paylaso-select-card:hover{
  border-color: rgba(124,92,255,.35);
}

.paylaso-select-card input[type="checkbox"]{
  position:absolute;
  top:12px;
  right:12px;
  width:20px;
  height:20px;
  z-index:2;
  accent-color: var(--primary);
}

.paylaso-select-card.is-disabled{
  opacity:.55;
  pointer-events:none;
}

.paylaso-footer-note{
  margin-top:24px;
  text-align:center;
  color:var(--muted);
  font-size:12px;
}

.paylaso-footer-note strong{
  color:var(--muted-strong);
}

@media (max-width: 1180px){
  .paylaso-stats-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .paylaso-media-grid,
  .paylaso-select-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}

@media (max-width: 960px){
  .paylaso-shell{
    grid-template-columns:1fr;
  }

  .paylaso-sidebar{
    position:relative;
    height:auto;
    border-right:none;
    border-bottom:1px solid var(--line);
  }

  .paylaso-grid-2,
  .paylaso-grid-3{
    grid-template-columns:1fr;
  }

  .paylaso-page-head,
  .paylaso-topbar{
    flex-direction:column;
    align-items:flex-start;
  }

  .paylaso-media-grid,
  .paylaso-select-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (max-width: 640px){
  .paylaso-content,
  .paylaso-topbar{
    padding-left:16px;
    padding-right:16px;
  }

  .paylaso-sidebar{
    padding:18px 14px;
  }

  .paylaso-auth-wrap{
    padding:16px;
  }

  .paylaso-auth-card{
    padding:20px;
    border-radius:22px;
  }

  .paylaso-auth-card-wide{
    padding:28px 22px 32px;
  }

  .paylaso-media-grid,
  .paylaso-select-grid,
  .paylaso-stats-grid{
    grid-template-columns:1fr;
  }

  .paylaso-page-title{
    font-size:24px;
  }

  .paylaso-auth-card-wide .paylaso-page-title{
    font-size:44px;
  }

  .paylaso-auth-card-wide .paylaso-page-subtitle{
    font-size:18px;
  }

  .paylaso-auth-card-wide .paylaso-label{
    font-size:16px;
  }

  .paylaso-auth-card-wide .paylaso-input{
    min-height:58px;
    padding:14px 20px;
    border-radius:20px;
    font-size:18px;
  }

  .paylaso-auth-card-wide .paylaso-btn{
    min-height:58px;
    border-radius:20px;
    font-size:20px;
  }

  .paylaso-topbar-title{
    font-size:24px;
  }
}

.paylaso-topbar{
  align-items:center;
}

.paylaso-topbar-note{
  display:grid;
  gap:6px;
}

.paylaso-topbar-kicker{
  font-size:12px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.08em;
  color:var(--thead-color);
}

.paylaso-topbar-copy{
  color:var(--muted);
  font-size:14px;
}

.paylaso-code-inline{
  display:block;
  padding:10px 12px;
  border:1px solid var(--line);
  border-radius:12px;
  background:rgba(255,255,255,.03);
  overflow:auto;
  font-size:12px;
}

.paylaso-thumb-fallback{
  color:var(--thumb-fallback);
  font-size:12px;
  font-weight:800;
  letter-spacing:.08em;
}

.paylaso-inline-preview{
  border:1px solid var(--line);
  border-radius:18px;
  overflow:hidden;
  background:rgba(255,255,255,.02);
}

.paylaso-inline-preview img{
  display:block;
  width:100%;
  max-height:360px;
  object-fit:contain;
  background:#0b1328;
}

.paylaso-form-hint{
  color:var(--muted);
  font-size:12px;
  line-height:1.5;
}

.paylaso-select-card{
  display:block;
  cursor:pointer;
}

.paylaso-select-card input[type="radio"],
.paylaso-select-card input[type="checkbox"]{
  position:absolute;
  top:12px;
  right:12px;
  width:20px;
  height:20px;
  z-index:2;
  accent-color: var(--primary);
}

.paylaso-select-card-body{
  min-height:100%;
  display:grid;
  gap:10px;
  padding:14px;
}

.paylaso-select-card-body-account{
  min-height:92px;
  align-content:center;
}

.paylaso-select-card input[type="radio"]:checked + .paylaso-select-card-body,
.paylaso-select-card input[type="checkbox"]:checked + .paylaso-select-card-body{
  outline:2px solid rgba(124,92,255,.85);
  outline-offset:-2px;
  background:rgba(124,92,255,.1);
}

.paylaso-media-thumb-small{
  border-radius:14px;
}

.paylaso-page-title-small{
  font-size:26px;
}

.paylaso-popup-wrap{
  align-items:flex-start;
  padding-top:40px;
}

.paylaso-popup-card{
  max-width:720px;
}

.paylaso-popup-mini-list{
  margin-top:18px;
}


/* Single-column UX revision */
.paylaso-page-head-compact{margin-bottom:14px}
.paylaso-stack-lg{display:grid;gap:18px}
.paylaso-card-spacious{padding:28px}
.paylaso-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px;flex-wrap:wrap}
.paylaso-copy-tight{max-width:760px}
.paylaso-summary-strip{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;margin:-6px 0 18px}
.paylaso-step-list{display:grid;gap:14px;margin:18px 0}
.paylaso-step-card{display:flex;gap:16px;align-items:flex-start;padding:18px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.03)}
.paylaso-step-card-large{margin-bottom:14px}
.paylaso-step-no{width:42px;height:42px;border-radius:999px;display:grid;place-items:center;font-weight:800;font-size:18px;background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff;flex:0 0 42px;box-shadow:0 10px 24px rgba(95,134,255,.18)}
.paylaso-mini-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px}
.paylaso-mini-stat-grid-3{margin-bottom:18px}
.paylaso-mini-stat{padding:18px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.03);display:grid;gap:6px}
.paylaso-mini-stat strong{font-size:20px;line-height:1.1}
.paylaso-mini-stat-label{color:var(--muted);font-size:13px}
.paylaso-empty-state{padding:26px;border:1px dashed rgba(255,255,255,.12);border-radius:18px;color:var(--muted);text-align:center;background:rgba(255,255,255,.02)}
.paylaso-account-list{display:grid;gap:14px}
.paylaso-account-card{padding:18px;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.03);display:grid;gap:14px}
.paylaso-account-main{display:flex;gap:14px;align-items:flex-start}
.paylaso-account-avatar{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(124,92,255,.24),rgba(95,134,255,.22));font-weight:800;color:#fff}
.paylaso-account-title-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.paylaso-account-title{margin:0;font-size:20px;line-height:1.1}
.paylaso-account-subtitle{margin-top:6px;color:var(--muted)}
.paylaso-account-meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.paylaso-alert-inline{margin:0}
.paylaso-form-grid-spacious{gap:22px}
.paylaso-step-shell{display:grid;gap:10px}
.paylaso-select-grid-compact{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}
.paylaso-select-grid-media{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}
.paylaso-select-card-account .paylaso-select-card-body-account{min-height:110px}
.paylaso-inline-error{display:inline-block;padding:8px 10px;border-radius:12px;background:rgba(255,107,107,.12);border:1px solid rgba(255,107,107,.25);color:#ffd1d1;max-width:340px}

@media (max-width:960px){
  .paylaso-section-head{flex-direction:column;align-items:flex-start}
  .paylaso-mini-stat-grid,.paylaso-account-meta-grid{grid-template-columns:1fr}
}

/* I18n */
.paylaso-locale-switcher{display:grid;gap:6px;min-width:160px}
.paylaso-locale-label{font-size:12px;color:var(--muted);font-weight:600}
.paylaso-locale-select{min-width:160px;padding-right:34px}
@media (max-width:960px){.paylaso-locale-switcher{width:100%}.paylaso-locale-select{width:100%}}
.paylaso-locale-switcher-sidebar{margin-top:16px;margin-bottom:12px}
.paylaso-locale-switcher-sidebar .paylaso-locale-select{width:100%}


/* Scheduler selector + publish action polish */
.paylaso-top-pills{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}

.paylaso-stats-grid-3{
  grid-template-columns:repeat(3,minmax(0,1fr));
}

.paylaso-segmented{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}

.paylaso-segmented-item{
  position:relative;
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:46px;
  padding:0 16px;
  border-radius:14px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.03);
  color:var(--text);
  font-weight:700;
  cursor:pointer;
}

.paylaso-segmented-item input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}

.paylaso-segmented-item.is-active{
  background:linear-gradient(135deg, rgba(124,92,255,.24), rgba(95,134,255,.16));
  border-color:rgba(124,92,255,.45);
  box-shadow:0 10px 24px rgba(95,134,255,.14);
}

.paylaso-segmented-item.is-disabled{
  opacity:.72;
  cursor:not-allowed;
}

.paylaso-segmented-item em{
  font-style:normal;
  font-size:11px;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:var(--tag-text);
  padding:2px 8px;
  border-radius:999px;
  background:rgba(255,255,255,.08);
}

.paylaso-step-card{
  display:grid;
  gap:14px;
  padding:14px;
  border:1px solid var(--line);
  border-radius:16px;
  background:rgba(255,255,255,.015);
}

.paylaso-step-head{
  display:flex;
  align-items:flex-start;
  gap:12px;
}

.paylaso-step-number{
  width:38px;
  height:38px;
  border-radius:999px;
  display:grid;
  place-items:center;
  font-weight:800;
  color:#fff;
  background:linear-gradient(135deg, var(--primary), var(--primary-2));
  box-shadow:0 10px 24px rgba(95,134,255,.18);
  flex:0 0 auto;
}

.paylaso-select-card-wide .paylaso-select-card-body{
  min-height:74px;
  justify-content:center;
}

@media (max-width: 960px){
  .paylaso-stats-grid-3{
    grid-template-columns:1fr;
  }
}

/* Scheduler content type -> 3 equal cards */
.paylaso-segmented{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:12px;
  width:100%;
}

.paylaso-segmented-3{
  grid-template-columns:repeat(3, minmax(0, 1fr));
}

.paylaso-segmented-settings .paylaso-segmented-item{
  min-height:84px;
}

@media (max-width: 960px){
  .paylaso-segmented-settings,
  .paylaso-segmented-3{
    grid-template-columns:1fr;
  }
}

.paylaso-segmented-item{
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  min-height:96px;
  width:100%;
  padding:16px 18px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.03);
  color:var(--text);
  font-weight:800;
  cursor:pointer;
  box-shadow:0 8px 22px rgba(0,0,0,.10);
}

.paylaso-segmented-item span{
  display:block;
  font-size:16px;
  line-height:1.2;
}

.paylaso-segmented-item em{
  position:absolute;
  top:12px;
  right:12px;
  font-style:normal;
  font-size:11px;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:var(--tag-text);
  padding:3px 8px;
  border-radius:999px;
  background:rgba(255,255,255,.08);
}

.paylaso-segmented-item.is-active{
  background:linear-gradient(135deg, rgba(124,92,255,.26), rgba(95,134,255,.18));
  border-color:rgba(124,92,255,.46);
  box-shadow:0 14px 30px rgba(95,134,255,.18);
}

.paylaso-segmented-item.is-disabled{
  opacity:.80;
  cursor:not-allowed;
}

@media (max-width: 860px){
  .paylaso-segmented{
    grid-template-columns:1fr;
  }
}


/* Reels phase 1 */
.paylaso-content-type-grid input[type="radio"]{position:absolute;opacity:0;pointer-events:none}
.paylaso-segmented-item small{display:block;margin-top:6px;font-weight:600;line-height:1.35}
.paylaso-media-thumb video,.paylaso-inline-preview video{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit;background:#000}
.paylaso-select-grid-media .paylaso-select-card[style*="display: none"]{display:none !important}

[hidden]{display:none !important;}
[data-ui-block][hidden]{display:none !important;}

/* Final quality pass: posts / media / account health */
.paylaso-toolbar-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  align-items:end;
}

.paylaso-card-soft{
  padding:18px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:18px;
  background:rgba(255,255,255,.025);
}

.paylaso-post-card{
  display:grid;
  gap:18px;
}

.paylaso-post-card-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  flex-wrap:wrap;
}

.paylaso-post-card-grid{
  display:grid;
  grid-template-columns:minmax(260px,340px) minmax(0,1fr);
  gap:18px;
  align-items:start;
}

.paylaso-post-media-panel,
.paylaso-post-info-panel{
  display:grid;
  gap:12px;
}

.paylaso-post-media-meta{
  display:grid;
  gap:6px;
  color:var(--muted);
  font-size:13px;
}

.paylaso-copy-box{
  padding:14px 16px;
  min-height:54px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.025);
  white-space:pre-wrap;
  word-break:break-word;
}

.paylaso-log-list{
  display:grid;
  gap:10px;
}

.paylaso-log-row{
  display:grid;
  gap:8px;
  padding:12px 14px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.02);
}

.paylaso-log-pre{
  margin:0;
  padding:10px 12px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.07);
  background:rgba(3,8,25,.52);
  color:#dce6ff;
  font-size:12px;
  line-height:1.45;
  max-height:200px;
  overflow:auto;
  white-space:pre-wrap;
  word-break:break-word;
}

.paylaso-inline-meta-card{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  padding:12px 14px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.025);
}

.paylaso-empty-state-spacious{
  padding:42px 24px;
}

.paylaso-stack-sm{
  display:grid;
  gap:10px;
}

.paylaso-toolbar-grid .paylaso-actions{
  justify-content:flex-start;
}

@media (max-width: 1080px){
  .paylaso-toolbar-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .paylaso-post-card-grid{
    grid-template-columns:1fr;
  }
}

@media (max-width: 720px){
  .paylaso-toolbar-grid{
    grid-template-columns:1fr;
  }
  .paylaso-inline-meta-card,
  .paylaso-post-card-head{
    grid-template-columns:1fr;
    display:grid;
  }
}


.paylaso-grid-2-balanced{align-items:stretch}
.paylaso-inline-meta-card-top{align-items:flex-start}
.paylaso-help-grid{display:grid;grid-template-columns:minmax(260px,320px) minmax(0,1fr);gap:18px;align-items:start}
.paylaso-help-nav{display:grid;gap:10px}
.paylaso-help-nav-item{display:grid;gap:6px;padding:14px 16px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.02);transition:.18s ease}
.paylaso-help-nav-item:hover{border-color:rgba(124,92,255,.35);background:rgba(124,92,255,.08)}
.paylaso-help-nav-item.active{border-color:rgba(124,92,255,.45);background:linear-gradient(135deg, rgba(124,92,255,.16), rgba(95,134,255,.10))}
.paylaso-help-nav-item span{color:var(--muted);font-size:13px;line-height:1.45}
.paylaso-help-doc-head{margin-bottom:14px}
.paylaso-doc-content{display:grid;gap:12px}
.paylaso-doc-h1,.paylaso-doc-h2,.paylaso-doc-h3{margin:0}
.paylaso-doc-h1{font-size:24px;font-weight:800}
.paylaso-doc-h2{font-size:18px;font-weight:750;margin-top:6px}
.paylaso-doc-h3{font-size:16px;font-weight:700;margin-top:4px}
.paylaso-doc-p{margin:0;color:#000000;line-height:1.7}
.paylaso-doc-list{margin:0;padding-left:20px;display:grid;gap:8px;color:#000000}
.paylaso-doc-list-ordered{padding-left:24px}
.paylaso-doc-pre{margin:0;padding:14px 16px;border-radius:16px;background:rgba(6,10,20,.7);border:1px solid var(--line);overflow:auto}
@media (max-width: 980px){
  .paylaso-help-grid{grid-template-columns:1fr}
}

.paylaso-table-subcopy{margin-top:6px;color:var(--muted);font-size:12px;line-height:1.45}
.paylaso-textarea-code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;min-height:420px}
