:root{
  --bg:#FFFAF0;
  --card:#ffffff;
  --text:#172033;
  --muted:#6b7384;
  --border:rgba(23,32,51,.10);
  --blue:#4A6FA5;
  --blue-2:#3f628f;
  --red:#C94F4F;
  --red-2:#d36b5f;
  --accent:#C94F4F;
  --soft-red:rgba(201,58,63,.08);
  --shadow:0 20px 48px rgba(17,28,43,.12);
  --shadow2:0 10px 24px rgba(17,28,43,.08);
  --r16:16px;
  --r20:20px;
  --r24:24px;
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  color:var(--text);
  background:linear-gradient(180deg,#fffdf8 0,var(--bg) 100%);
}
a{color:inherit}
.container{max-width:1180px;margin:0 auto;padding:0 20px}
.mt16{margin-top:16px}.mt24{margin-top:24px}.mb0{margin-bottom:0}.small{font-size:12px}.muted{color:var(--muted)}

.topBar{background:var(--blue);color:#fff;font-size:13px}
.topBar__inner{min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.topBar__links{display:flex;gap:18px;flex-wrap:wrap}
.topBar__links a{text-decoration:none;color:#fff}
.siteHeader{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}
.siteHeader__inner{display:flex;align-items:center;gap:18px;min-height:84px}
.brand{display:flex;align-items:center;gap:14px;text-decoration:none}
.brandLogo{width:60px;height:60px;border-radius:18px;background:#fff;border:1px solid var(--border);box-shadow:var(--shadow2);display:flex;align-items:center;justify-content:center;overflow:hidden}
.brandLogo img{width:100%;height:100%;object-fit:cover}
.brandName{display:block;font-size:26px;font-weight:1000;letter-spacing:-.5px}
.brandMeta{display:block;color:var(--muted);font-size:13px;font-weight:700;margin-top:4px}
.nav{display:flex;gap:6px;align-items:center;margin-left:auto}
.nav a,.mobileNav a{text-decoration:none;font-weight:800;font-size:14px;padding:11px 14px;border-radius:12px;transition:.2s ease}
.nav a:hover,.nav a.is-active{background:var(--soft-red);color:var(--red)}
.headerRight{display:flex;gap:10px;align-items:center}
.burger{display:none;position:relative;width:64px;height:56px;border-radius:18px;border:1px solid rgba(23,32,51,.12);background:#fff;box-shadow:var(--shadow2);padding:0 0 8px;align-items:center;justify-content:flex-end;flex-direction:column;gap:4px;color:var(--blue);overflow:hidden}
.burger span{display:block;width:24px;height:3px;margin:0;background:var(--red);border-radius:999px;transition:.2s ease;transform-origin:center;opacity:0}
.burger em{display:block;font-style:normal;font-weight:1000;font-size:10px;line-height:1;color:var(--blue);letter-spacing:.02em}
.burger::before{content:"";position:absolute;top:10px;left:50%;width:24px;height:18px;transform:translateX(-50%);background:linear-gradient(var(--red),var(--red)) 0 0/24px 3px no-repeat,linear-gradient(var(--red),var(--red)) 0 7px/24px 3px no-repeat,linear-gradient(var(--red),var(--red)) 0 14px/24px 3px no-repeat;border-radius:2px;opacity:1;transition:.2s ease}
.burger[aria-expanded="true"]::before{opacity:0}
.burger[aria-expanded="true"] span{opacity:1}
.burger[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.mobileNav{display:none;padding:0 0 16px}
.mobileNav a{display:block;background:#fff;border:1px solid var(--border);box-shadow:var(--shadow2);margin-top:10px}
.mobileNav.is-open{display:block}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border-radius:14px;border:1px solid var(--border);background:#fff;box-shadow:var(--shadow2);font-weight:900;text-decoration:none;cursor:pointer;transition:.2s ease}
.btn:hover{transform:translateY(-1px)}
.btn.primary{background:linear-gradient(180deg,var(--red-2),var(--red));border-color:rgba(201,58,63,.35);color:#fff}
.btn.ghost{background:#fff;color:var(--blue)}
.btn.small{padding:9px 12px;font-size:13px}

.card{background:var(--card);border:1px solid var(--border);border-radius:var(--r24);box-shadow:var(--shadow);overflow:hidden}
.cardPad{padding:24px}
.sectionCard{position:relative}
.sectionCard::before{content:"";position:absolute;left:0;top:18px;bottom:18px;width:6px;border-radius:0 999px 999px 0;background:linear-gradient(180deg,var(--red),var(--red-2));box-shadow:0 6px 16px rgba(201,79,79,.22)}
.sectionCard .cardPad{padding-left:28px}
.cardTitle,.sectionTitle{margin:0 0 10px;font-size:28px;letter-spacing:-.6px;font-weight:1000}
.lead{font-size:16px;line-height:1.75;color:var(--muted)}
.quoteBox{margin-top:22px;padding:24px;border-radius:20px;background:linear-gradient(135deg,rgba(17,58,115,.05),rgba(201,58,63,.08));border-left:5px solid var(--red);font-size:22px;font-weight:800;line-height:1.4}
.appWrap{padding:32px 0 48px}
.heroSection{background:linear-gradient(135deg,var(--red),#ff4f57 55%,#ff6b71 100%);padding:34px 0 38px;color:#fff;overflow:hidden}
.heroBanner{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px;align-items:start;min-width:0}
.heroBanner__content{padding:18px 0;min-width:0}
.heroEyebrow{font-size:13px;font-weight:800;letter-spacing:.03em;opacity:.9;margin-bottom:14px}
.heroBanner h1{font-size:60px;line-height:1.02;letter-spacing:-1.5px;margin:0 0 18px}
.heroBanner p{font-size:17px;line-height:1.7;max-width:60ch;margin:0}
.heroActions{margin-top:24px;display:flex;gap:12px;flex-wrap:wrap}
.heroSidebar{display:grid;gap:12px;min-width:0}
.sideAction{display:block;background:rgba(255,255,255,.96);color:var(--red);padding:20px;border-radius:20px;text-decoration:none;box-shadow:0 18px 35px rgba(0,0,0,.12)}
.sideAction strong{display:block;font-size:18px;line-height:1.3}
.sideAction span{display:block;color:var(--muted);font-size:13px;font-weight:700;margin-top:8px}

.contentGrid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;align-items:start}
.sectionCard{border-radius:24px}
.contactCard{padding:14px 0;border-bottom:1px solid var(--border);display:grid;gap:6px}
.contactCard:last-child{border-bottom:none}
.contactCard b{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.contactCard span,.contactCard a{font-weight:800;text-decoration:none}
.authShell{display:flex;justify-content:center}
.authCard{width:min(560px,100%)}
.authLinks{display:flex;justify-content:space-between;gap:18px;align-items:center;flex-wrap:wrap}
.authLinks a{font-weight:800;color:var(--red);text-decoration:none}

.tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:0}
.tile{display:flex;gap:12px;align-items:center;border:1px solid var(--border);border-radius:18px;background:#fff;box-shadow:var(--shadow2);padding:16px;text-decoration:none;transition:.2s ease}
.tile:hover{transform:translateY(-2px)}
.tileIcon{width:46px;height:46px;border-radius:14px;background:linear-gradient(135deg,rgba(17,58,115,.1),rgba(201,58,63,.12));display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid var(--border)}
.tileIcon img{width:30px;height:30px;object-fit:contain}.tileText b{display:block;font-weight:1000}.tileText small{display:block;margin-top:4px;color:var(--muted);font-weight:700}

.table{width:100%;border-collapse:collapse}.table th{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);padding:12px 14px;border-bottom:1px solid var(--border)}.table td{padding:14px;border-bottom:1px solid var(--border);vertical-align:top}.table tr:hover td{background:#fafbfd}
.badge{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;border:1px solid var(--border);font-size:12px;font-weight:900;background:#fff}.badge.ok{background:rgba(34,197,94,.1);color:#166534}.badge.warn{background:rgba(245,158,11,.1);color:#92400e}.badge.bad{background:rgba(239,68,68,.1);color:#991b1b}
.formGrid{display:grid;gap:10px}label{font-size:12px;color:var(--muted);font-weight:800}.input,textarea,select{width:100%;padding:13px 14px;border-radius:14px;border:1px solid var(--border);background:#fff;outline:none;font-size:14px;color:var(--text)}textarea{min-height:110px;resize:vertical}.input:focus,textarea:focus,select:focus{border-color:rgba(17,58,115,.35);box-shadow:0 0 0 4px rgba(17,58,115,.08)}
.kpiGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.kpi{background:#fff;border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow2);padding:16px}.kpi .label{font-size:12px;color:var(--muted);font-weight:900;text-transform:uppercase;letter-spacing:.12em}.kpi .value{margin-top:8px;font-size:30px;font-weight:1100;letter-spacing:-.7px}
.toastWrap{position:fixed;right:18px;bottom:18px;z-index:2000;display:grid;gap:10px;max-width:min(420px,92vw)}.toast{background:#fff;border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow);padding:12px 14px;display:flex;gap:10px;align-items:flex-start}.toast .dot{width:10px;height:10px;border-radius:999px;margin-top:4px}.toast.success .dot{background:rgba(34,197,94,.9)}.toast.error .dot{background:rgba(239,68,68,.9)}.toast .t{font-weight:1000}.toast .m{margin-top:3px;color:var(--muted);font-weight:700}
.footer{margin-top:10px;background:var(--blue);color:#fff;padding:34px 0 18px}.footerGrid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.footerTitle{font-size:18px;font-weight:1000}.footerText{margin-top:10px;color:rgba(255,255,255,.85);line-height:1.7}.footerText a{color:#fff;text-decoration:none}.footerCopy{margin-top:24px;padding-top:18px;border-top:1px solid rgba(255,255,255,.14);color:rgba(255,255,255,.7);font-size:13px}
@media (max-width:1040px){.nav{display:none}.burger{display:inline-block}.heroBanner,.contentGrid,.footerGrid,.tiles,.kpiGrid{grid-template-columns:1fr 1fr}.heroBanner__content{grid-column:1/-1}.heroSidebar{grid-column:1/-1;grid-template-columns:1fr 1fr}}
@media (max-width:760px){.topBar__inner,.authLinks{flex-direction:column;align-items:flex-start}.siteHeader__inner{min-height:74px}.brandName{font-size:22px}.heroBanner h1{font-size:42px}.heroBanner,.contentGrid,.footerGrid,.tiles,.kpiGrid,.heroSidebar{grid-template-columns:1fr}.cardTitle,.sectionTitle{font-size:24px}}
@media (max-width:560px){.container{padding:0 14px}.btn{width:100%}.heroActions{flex-direction:column}.quoteBox{font-size:18px}.brandLogo{width:52px;height:52px}.brandMeta{display:none}.sectionCard::before{top:14px;bottom:14px;width:5px}.sectionCard .cardPad{padding-left:22px}}


.pageTable{overflow:auto;-webkit-overflow-scrolling:touch}
details summary{list-style:none;cursor:pointer}
details summary::-webkit-details-marker{display:none}
@media (max-width:1040px){
  .topBar{font-size:12px}
  .topBar__inner{padding:8px 0;min-height:auto}
  .siteHeader__inner{min-height:72px}
  .brand{min-width:0;flex:1 1 auto}
  .brandName{font-size:22px;line-height:1.1}
  .headerRight{margin-left:auto}
  .burger{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:16px}
  .burger span{margin:3px 11px;height:3px}
  .mobileNav{padding:0 0 14px}
  .mobileNav.is-open{display:grid;gap:10px;padding-bottom:16px}
  .mobileNav a{padding:14px 16px;font-size:15px}
}
@media (max-width:760px){
  body{font-size:15px}
  .topBar{display:none}
  .container{padding:0 16px}
  .siteHeader__inner{gap:10px;min-height:68px}
  .brandLogo{width:48px;height:48px;border-radius:14px}
  .brandName{font-size:18px}
  .brandMeta{display:none}
  .heroSection{padding:18px 0 24px}
  .heroBanner h1{font-size:32px}
  .heroBanner p,.lead{font-size:15px;line-height:1.6}
  .heroActions{gap:10px}
  .sideAction{padding:16px}
  .sideAction strong{font-size:16px}
  .cardPad{padding:18px}
  .cardTitle,.sectionTitle{font-size:22px}
  .quoteBox{padding:18px;border-left-width:6px}
  .table th,.table td{padding:10px;font-size:13px}
  .tiles{gap:10px}
  .tile{padding:14px;align-items:flex-start}
  .tileIcon{width:42px;height:42px}
  .kpiGrid{grid-template-columns:1fr 1fr}
  .btn{min-height:46px}
}
@media (max-width:560px){
  .container{padding:0 12px}
  .siteHeader__inner{min-height:64px}
  .brandName{font-size:17px}
  .burger{width:48px;height:48px}
  .appWrap{padding:18px 0 28px}
  .heroBanner h1{font-size:28px}
  .contentGrid{gap:16px}
  .pageTable .table{min-width:640px}
  .kpiGrid{grid-template-columns:1fr}
}

/* v7 mobile and plot profile improvements */
.btn.danger{background:#b93d3d;color:#fff;border-color:transparent}
.plot-profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.infoList{display:grid;gap:10px}
.infoList>div{display:grid;grid-template-columns:180px 1fr;gap:12px;padding:10px 0;border-bottom:1px solid rgba(20,31,51,.08)}
.infoList>div:last-child{border-bottom:0}
.infoList span{color:var(--muted);font-weight:800}
.infoList strong{font-weight:900;color:var(--text)}
.plot-create-grid{grid-template-columns:repeat(4,1fr);gap:12px}
.mobileNav{position:fixed;top:76px;left:12px;right:12px;z-index:80;background:rgba(255,250,240,.98);backdrop-filter:blur(14px);border:1px solid rgba(20,31,51,.08);box-shadow:var(--shadow2);border-radius:20px;max-height:calc(100vh - 100px);overflow:auto;display:none}
body.menu-open{overflow:hidden}
.siteHeader{position:sticky;top:0;z-index:70;background:rgba(255,250,240,.98);backdrop-filter:blur(16px)}
.burger{border:1px solid rgba(20,31,51,.12);background:#fff;box-shadow:var(--shadow)}
.stack-mobile td form{margin:4px 0}
@media (max-width:900px){
  .plot-create-grid,.plot-profile-grid,.contentGrid{grid-template-columns:1fr!important}
  .infoList>div{grid-template-columns:1fr}
}
@media (max-width:760px){
  .siteHeader{box-shadow:0 6px 18px rgba(20,31,51,.08)}
  .mobileNav{top:70px;left:10px;right:10px}
  .mobileNav a{font-size:16px;font-weight:900}
  .stack-mobile thead{display:none}
  .stack-mobile,.stack-mobile tbody,.stack-mobile tr,.stack-mobile td{display:block;width:100%}
  .stack-mobile tr{border-bottom:1px solid rgba(20,31,51,.08);padding:10px 0}
  .stack-mobile td{border:0;padding:8px 0!important;text-align:left!important}
  .stack-mobile td::before{content:attr(data-label);display:block;font-size:12px;color:var(--muted);font-weight:900;margin-bottom:2px;text-transform:uppercase;letter-spacing:.03em}
  .pageTable .table,.table.stack-mobile{min-width:0!important}
  .btn.small{width:auto;min-height:40px}
}
@media (max-width:560px){
  .authCard,.card{border-radius:18px}
  .heroBanner h1{font-size:26px}
  .brand{gap:10px}
  .brandLogo{width:46px;height:46px}
  .brandName{font-size:16px}
  .topBar{display:none}
  .appWrap{padding-top:14px}
}


/* v8 mobile and sync improvements */
.headerRight{flex-shrink:0}
.pageTable{overflow-x:auto;-webkit-overflow-scrolling:touch}
.heroBanner,.contentGrid,.plot-profile-grid,.mainColumn,.rightColumn{min-width:0}
.table.stack-mobile{min-width:0}

@media (max-width:760px){
  .siteHeader{position:sticky;top:0}
  .siteHeader__inner{align-items:center}
  .brand{min-width:0;max-width:calc(100% - 64px)}
  .brand > span:last-child{min-width:0}
  .brandName{font-size:15px;word-break:break-word}
  .headerRight .btn{display:none}
  .burger{display:flex;width:56px;height:56px;border-radius:18px}
  .burger em{display:block}
  .mobileNav{top:74px;left:8px;right:8px;padding:12px;display:none}
  .mobileNav.is-open{display:grid}
  .mobileNav a{margin-top:0}
  .heroSection{padding:14px 0 18px}
  .heroBanner{gap:14px}
  .heroBanner__content{padding:8px 0}
  .heroEyebrow{margin-bottom:10px}
  .heroBanner h1{font-size:28px;line-height:1.05;word-break:break-word}
  .heroBanner p{font-size:14px;line-height:1.55;max-width:none}
  .heroActions{display:grid;grid-template-columns:1fr;gap:10px}
  .heroActions .btn{width:100%}
  .sideAction{padding:14px;border-radius:18px}
  .sideAction strong{font-size:15px}
  .sideAction span{font-size:12px;line-height:1.45}
  .contentGrid{grid-template-columns:1fr!important}
  .quoteBox{font-size:16px;line-height:1.45}
  .cardPad{padding:16px}
  .cardTitle,.sectionTitle{font-size:20px;line-height:1.15}
  .tiles{grid-template-columns:1fr}
  .tile{padding:14px}
  .kpiGrid{grid-template-columns:1fr 1fr}
  .footer{padding-top:24px}
  .footerGrid{grid-template-columns:1fr}
}
@media (max-width:560px){
  html,body{overflow-x:hidden}
  .container{padding:0 10px}
  .siteHeader__inner{min-height:62px;gap:8px}
  .brandLogo{width:42px;height:42px;border-radius:12px}
  .brandName{font-size:14px}
  .burger{width:54px;height:54px}
  .burger em{font-size:11px}
  .mobileNav{top:68px;left:6px;right:6px;border-radius:18px}
  .heroBanner h1{font-size:25px}
  .heroBanner p,.lead,.muted{word-break:break-word}
  .kpiGrid{grid-template-columns:1fr}
  .stack-mobile td form{min-width:0!important;grid-template-columns:1fr!important}
}


/* v8 final mobile polish */
.heroSection,.heroBanner,.heroBanner__content,.heroSidebar,.sideAction,.contentGrid,.mainColumn,.rightColumn,.card,.cardPad,.sectionCard,.tiles,.tile,.quoteBox{max-width:100%;min-width:0}
.sideAction,.tile,.btn,.input{word-break:break-word}
@media (max-width:760px){
  .heroBanner,.heroSidebar,.contentGrid,.tiles,.plot-profile-grid,.kpiGrid,.footerGrid{grid-template-columns:1fr!important}
  .heroSidebar{display:grid;gap:10px}
  .sectionCard::before{top:14px;bottom:14px;width:5px}
  .sectionCard .cardPad{padding-left:22px}
  .mobileNav{background:rgba(255,250,240,.99)}
  .mobileNav a{width:100%}
}
@media (max-width:560px){
  .siteHeader__inner{min-height:60px}
  .brand{max-width:calc(100% - 62px)}
  .heroActions .btn,.heroSidebar .sideAction,.mobileNav a{width:100%}
  .heroSection{overflow:hidden}
  .contentGrid{overflow:hidden}
}

/* v20 gardener profile redesign */
.gardenerProfilePage{display:grid;gap:24px}
.gardenerHero{overflow:hidden;position:relative;border:1px solid rgba(20,31,51,.08);background:linear-gradient(135deg, rgba(74,111,165,.12), rgba(201,79,79,.12) 55%, rgba(255,250,240,.92));box-shadow:0 20px 50px rgba(20,31,51,.08)}
.gardenerHero::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right, rgba(201,79,79,.18), transparent 36%),radial-gradient(circle at bottom left, rgba(22,109,59,.12), transparent 28%);pointer-events:none}
.gardenerHero__inner{position:relative;display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap}
.gardenerHero__title{margin:0;font-size:38px;line-height:1.02;letter-spacing:-.9px;color:var(--text)}
.gardenerHero__lead{max-width:760px;margin:14px 0 0;color:var(--muted);font-size:16px;line-height:1.7}
.gardenerHero__actions{display:flex;gap:12px;flex-wrap:wrap}
.gardenStats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.gardenStatCard{border:1px solid rgba(20,31,51,.08);box-shadow:0 14px 34px rgba(20,31,51,.06)}
.gardenStatCard__label{display:block;color:var(--muted);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.gardenStatCard__value{display:block;margin-top:10px;font-size:30px;line-height:1.05;font-weight:900;color:var(--text)}
.gardenStatCard__value.small{font-size:22px;line-height:1.25}
.gardenStatCard__value.is-positive{color:var(--secondary)}
.gardenStatCard__value.is-negative{color:var(--accent)}
.gardenStatCard__meta{display:block;margin-top:10px;color:var(--muted);line-height:1.45}
.gardenerMainGrid{display:grid;grid-template-columns:1.08fr .92fr;gap:20px}
.gardenerCard{border:1px solid rgba(20,31,51,.08);overflow:hidden}
.gardenerCard--accent{background:linear-gradient(180deg, rgba(255,255,255,.96), rgba(255,250,240,.95));box-shadow:0 16px 36px rgba(20,31,51,.06)}
.gardenerCard--soft{background:linear-gradient(180deg, rgba(255,255,255,.96), rgba(74,111,165,.05));box-shadow:0 16px 36px rgba(20,31,51,.05)}
.sectionHeaderCompact{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}
.sectionHeaderCompact .cardTitle{margin:0}
.prettyInfoGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.prettyInfoItem{padding:16px 18px;border-radius:18px;background:rgba(255,255,255,.82);border:1px solid rgba(20,31,51,.08);box-shadow:0 8px 20px rgba(20,31,51,.04);display:grid;gap:8px}
.prettyInfoItem.full{grid-column:1/-1}
.prettyInfoItem span{font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.prettyInfoItem strong{font-size:17px;line-height:1.45;color:var(--text);font-weight:900;word-break:break-word}
.gardenerEditCard{border:1px solid rgba(20,31,51,.08);box-shadow:0 18px 42px rgba(20,31,51,.06)}
.gardenerEditCard__note{max-width:420px;margin:0}
.gardenerForm{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.gardenerForm .field{display:grid;gap:8px}
.gardenerForm .field--wide{grid-column:1/-1}
.gardenerForm label{font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.gardenerForm .input{min-height:54px;border-radius:16px;padding:14px 16px;font-size:15px;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}
.gardenerForm__actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:6px}
.gardenerPanels{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.gardenerPanel{border:1px solid rgba(20,31,51,.08);box-shadow:0 16px 36px rgba(20,31,51,.05)}
.gardenerPanel--wide{grid-column:1/-1}
@media (max-width:1100px){
  .gardenStats{grid-template-columns:repeat(2,1fr)}
  .gardenerMainGrid,.gardenerPanels{grid-template-columns:1fr}
  .gardenerPanel--wide{grid-column:auto}
}
@media (max-width:760px){
  .gardenerHero__title{font-size:30px}
  .gardenerHero__actions{width:100%;display:grid;grid-template-columns:1fr}
  .gardenStats{grid-template-columns:1fr}
  .prettyInfoGrid,.gardenerForm{grid-template-columns:1fr}
  .prettyInfoItem.full,.gardenerForm .field--wide{grid-column:auto}
  .gardenerForm__actions{display:grid;grid-template-columns:1fr}
}


/* v21 cabinet redesign */
.cabinetPage{padding-bottom:40px}
.cabinetHero{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,.9fr);gap:24px;align-items:stretch;margin-bottom:24px}
.cabinetHero__content{background:linear-gradient(135deg,#0f172a 0%, #1d4ed8 45%, #38bdf8 100%);color:#fff;border-radius:28px;padding:34px 34px 28px;position:relative;overflow:hidden;box-shadow:0 22px 60px rgba(15,23,42,.18)}
.cabinetHero__content:before{content:'';position:absolute;inset:auto -80px -80px auto;width:240px;height:240px;border-radius:50%;background:rgba(255,255,255,.12);filter:blur(4px)}
.cabinetHero__eyebrow{font-size:12px;letter-spacing:.18em;text-transform:uppercase;opacity:.78;margin-bottom:12px}
.cabinetTitle{font-size:40px;line-height:1.04;letter-spacing:-1.4px;margin:0 0 14px;color:inherit}
.cabinetLead{font-size:17px;line-height:1.65;max-width:780px;opacity:.94;margin:0}
.cabinetHero__actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.cabinetHero__summary{border-radius:28px;box-shadow:0 20px 44px rgba(15,23,42,.1);background:#fff;border:1px solid rgba(15,23,42,.06)}
.cabinetBadge{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;background:#eef2ff;color:#1e3a8a;font-weight:800}
.cabinetBadge.is-positive{background:#ecfdf5;color:#166534}.cabinetBadge.is-negative{background:#fef2f2;color:#b91c1c}
.cabinetMiniList{display:grid;gap:14px}.cabinetMiniList div{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid rgba(15,23,42,.08);padding-bottom:12px}.cabinetMiniList div:last-child{border-bottom:0;padding-bottom:0}.cabinetMiniList span{color:#64748b;font-size:13px}.cabinetMiniList strong{text-align:right;font-size:15px;color:#0f172a}
.cabinetStats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:24px}.cabinetStat{border-radius:22px;border:1px solid rgba(15,23,42,.06);box-shadow:0 18px 35px rgba(15,23,42,.08)}.cabinetStat .cardPad{padding:22px 24px}.cabinetStat span{display:block;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#64748b;margin-bottom:10px}.cabinetStat strong{display:block;font-size:28px;line-height:1.1;letter-spacing:-.8px;color:#0f172a;margin-bottom:8px}.cabinetStat small{display:block;color:#64748b;font-size:14px;line-height:1.45}
.cabinetGrid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);gap:22px;align-items:start}.cabinetPanel{border-radius:26px;border:1px solid rgba(15,23,42,.06);box-shadow:0 18px 40px rgba(15,23,42,.08);background:#fff}.cabinetPanel--wide{grid-column:span 1}.cabinetPanel__head{display:flex;justify-content:space-between;gap:16px;align-items:end;flex-wrap:wrap}.cabinetPanel__headText{color:#64748b;font-size:14px;max-width:320px;text-align:right}
.cabinetContactGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.cabinetFieldCard{padding:18px 18px 20px;border-radius:20px;background:linear-gradient(180deg,#ffffff 0%,#f8fafc 100%);border:1px solid rgba(15,23,42,.06)}.cabinetFieldCard span{display:block;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#64748b;margin-bottom:10px}.cabinetFieldCard strong{font-size:18px;line-height:1.45;color:#0f172a;display:block}.cabinetFieldCard.full{grid-column:1/-1}
.cabinetForm{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 18px}.cabinetForm .field--wide{grid-column:1/-1}.cabinetForm .input{height:54px;border-radius:16px;border:1px solid rgba(15,23,42,.12);background:#f8fafc;padding:0 16px;font-size:15px;transition:border-color .2s, box-shadow .2s, background .2s}.cabinetForm .input:focus{border-color:#2563eb;background:#fff;box-shadow:0 0 0 4px rgba(37,99,235,.12);outline:none}.cabinetForm label{display:block;font-size:13px;font-weight:700;margin-bottom:8px;color:#334155}.cabinetForm__actions{display:flex;justify-content:flex-start;padding-top:6px}
.cabinetTimeline{display:grid;gap:12px}.cabinetTimeline__item{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:14px 16px;border-radius:18px;background:#f8fafc;border:1px solid rgba(15,23,42,.06)}.cabinetTimeline__item span{color:#64748b;font-size:14px}.cabinetTimeline__item strong{color:#0f172a;font-size:16px}
.cabinetEmpty{border-radius:28px;box-shadow:0 20px 44px rgba(15,23,42,.1)}
@media (max-width: 1100px){.cabinetHero,.cabinetGrid{grid-template-columns:1fr}.cabinetStats{grid-template-columns:repeat(2,minmax(0,1fr))}.cabinetPanel__headText{text-align:left;max-width:none}}
@media (max-width: 760px){.cabinetTitle{font-size:30px}.cabinetLead{font-size:15px}.cabinetHero__content{padding:24px 20px}.cabinetStats{grid-template-columns:1fr 1fr;gap:14px}.cabinetContactGrid,.cabinetForm{grid-template-columns:1fr}.cabinetFieldCard.full,.cabinetForm .field--wide{grid-column:auto}.cabinetStat strong{font-size:24px}.cabinetTimeline__item{align-items:flex-start;flex-direction:column}}
@media (max-width: 520px){.cabinetStats{grid-template-columns:1fr}.cabinetHero__actions{flex-direction:column}.cabinetHero__actions .btn{width:100%;justify-content:center}.cabinetMiniList div{flex-direction:column;align-items:flex-start}.cabinetMiniList strong{text-align:left}.cabinetPanel,.cabinetHero__summary,.cabinetHero__content{border-radius:22px}}


/* v22 cabinet */
.cabinetModern{display:flex;flex-direction:column;gap:24px}
.cabHero{display:grid;grid-template-columns:1.35fr 1fr;gap:20px;background:linear-gradient(135deg,#ffffff 0%,#f7f8fb 100%);border:1px solid rgba(74,111,165,.14);box-shadow:0 18px 40px rgba(25,39,67,.08);border-radius:24px;padding:28px}
.cabHero__title{margin:8px 0 0;font-size:40px;line-height:1.05;letter-spacing:-1px}
.cabHero__lead{margin:12px 0 0;color:#5b6475;font-size:17px}
.cabHero__actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}
.cabHero__stats{display:grid;gap:14px}
.statCard{background:#fff;border:1px solid rgba(74,111,165,.12);border-radius:20px;padding:18px 20px;box-shadow:0 10px 24px rgba(25,39,67,.06)}
.statCard__label{display:block;color:#6d7482;font-size:13px;margin-bottom:8px}
.statCard__value{display:block;font-size:26px;line-height:1.1;letter-spacing:-.6px;color:#142033}
.statCard__meta{display:block;color:#7b8190;font-size:13px;margin-top:8px}
.cabGrid{display:grid;grid-template-columns:1.2fr .8fr;gap:20px;align-items:start}
.sectionCard{border-radius:22px;box-shadow:0 14px 34px rgba(25,39,67,.07);border:1px solid rgba(74,111,165,.10)}
.sectionHead{display:flex;justify-content:space-between;gap:12px;align-items:flex-end;flex-wrap:wrap}
.sectionHint{color:#6e7685;font-size:13px}
.profileForm .fieldGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.fieldCard{background:#fafbfd;border:1px solid rgba(74,111,165,.10);border-radius:18px;padding:16px}
.fieldCard--wide{grid-column:1/-1}
.fieldCard label{display:block;font-size:13px;color:#6b7280;margin-bottom:8px}
.formActions{margin-top:18px;display:flex;justify-content:flex-start}
.simpleList{display:flex;flex-direction:column;gap:12px}
.simpleRow{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:14px 16px;background:#fafbfd;border:1px solid rgba(74,111,165,.10);border-radius:16px}
.simpleRow__value{font-weight:700;font-size:18px;color:#1f2937;white-space:nowrap}
@media (max-width: 980px){
  .cabHero,.cabGrid{grid-template-columns:1fr}
}
@media (max-width: 640px){
  .cabHero{padding:20px;border-radius:20px}
  .cabHero__title{font-size:30px}
  .profileForm .fieldGrid{grid-template-columns:1fr}
  .simpleRow{align-items:flex-start;flex-direction:column}
  .simpleRow__value{font-size:20px}
}


/* v25 layout fixes */
.footerGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.footerText a{color:inherit;text-decoration:none}
.wideValue{font-size:16px !important;white-space:normal !important;text-align:right;line-height:1.45}
@media (max-width: 900px){
  .footerGrid{grid-template-columns:1fr;gap:20px}
  .wideValue{text-align:left}
}

.togglePassword{background:transparent;border:0;color:#4A6FA5;font-weight:700;cursor:pointer;padding:4px 0;text-align:left}.togglePassword:hover{text-decoration:underline}

.passwordField{position:relative}
.passwordField .input{padding-right:48px}
.passwordToggle{position:absolute;right:10px;top:50%;transform:translateY(-50%);border:none;background:none;cursor:pointer;font-size:18px;line-height:1;padding:0;z-index:5;pointer-events:auto;-webkit-appearance:none;appearance:none}


/* v28 fixes */
.cabAdminLike{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(320px,.9fr);gap:24px;align-items:start}
.twoColInfo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px}
.passwordToggle{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:10px}
.passwordToggle:hover{background:rgba(23,32,51,.06)}
@media (max-width: 980px){
  .cabAdminLike,.twoColInfo{grid-template-columns:1fr}
}

.profileLayout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(320px,.7fr);gap:24px;align-items:start}
.stackCol{display:grid;gap:24px}
.cabHeroRow{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;flex-wrap:wrap}
.cabHeroBalance{padding:12px 18px;border-radius:999px;background:var(--soft-red);color:var(--red);font-weight:900;border:1px solid rgba(201,79,79,.2)}
.profileInfoGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.profileFact{padding:16px;border:1px solid var(--border);border-radius:18px;background:#fff;box-shadow:var(--shadow2)}
.profileFact span,.summaryCard span{display:block;font-size:12px;color:var(--muted);font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.profileFact strong,.summaryCard strong{display:block;margin-top:8px;font-size:16px;line-height:1.45}
.profileFact--wide{grid-column:1/-1}
.summaryCards{display:grid;gap:12px}
.summaryCard{padding:16px;border:1px solid var(--border);border-radius:18px;background:#fff;box-shadow:var(--shadow2)}
.energyPanel{padding:18px;border:1px solid var(--border);border-radius:20px;background:linear-gradient(135deg,rgba(74,111,165,.06),rgba(201,79,79,.08))}
.energyLead{font-size:34px;font-weight:1000;letter-spacing:-1px}
.payHero{display:flex;justify-content:space-between;gap:18px;align-items:stretch;flex-wrap:wrap}
.paySummaryCard{min-width:240px;padding:18px 20px;border-radius:22px;border:1px solid var(--border);background:#fff;box-shadow:var(--shadow)}
.paySummaryCard .label{font-size:12px;color:var(--muted);font-weight:900;text-transform:uppercase}
.paySummaryCard .value{font-size:28px;font-weight:1000;margin-top:8px}
.paySummaryCard .sub{margin-top:10px;color:var(--muted)}
.payLayout{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.9fr);gap:24px;align-items:start}
.debtPayGrid{display:grid;gap:14px}
.debtPayItem{padding:18px;border:1px solid var(--border);border-radius:20px;background:#fff;box-shadow:var(--shadow2)}
.debtPayHead{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}
.debtPayTitle{font-size:18px;font-weight:900;line-height:1.35}
.debtPayAmount{font-size:24px;font-weight:1000;white-space:nowrap}
@media (max-width:900px){.profileLayout,.payLayout{grid-template-columns:1fr}.profileInfoGrid{grid-template-columns:1fr}.energyLead{font-size:28px}}


/* Gardener UX redesign */
.gardenerUx .gHero{background:
 radial-gradient(circle at top right, rgba(74,111,165,.20), transparent 30%),
 linear-gradient(135deg,#ffffff 0,#fff6ef 55%,#fff1f1 100%);}
.gHeroTop{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;flex-wrap:wrap}
.gTitle{margin:0;font-size:42px;letter-spacing:-1px;line-height:1.02}
.gLead{max-width:720px;font-size:16px;line-height:1.75;color:var(--muted);margin:12px 0 0}
.gHeroBadge{padding:14px 18px;border-radius:18px;font-weight:1000;border:1px solid var(--border);box-shadow:var(--shadow2);background:#fff}
.gHeroBadge.bad{background:rgba(239,68,68,.1);color:#991b1b}
.gHeroBadge.ok{background:rgba(34,197,94,.1);color:#166534}
.gHeroBadge.warn{background:rgba(245,158,11,.1);color:#92400e}
.gQuickStats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:22px}
.gQuickCard{background:#fff;border:1px solid var(--border);box-shadow:var(--shadow2);padding:18px;border-radius:20px}
.gQuickCard span{display:block;font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px}
.gQuickCard strong{font-size:24px;line-height:1.1;display:block}
.gNavTiles{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:18px}
.gNavTile{display:block;text-decoration:none;background:linear-gradient(135deg,rgba(201,79,79,.06),rgba(74,111,165,.08));padding:18px;border-radius:18px;border:1px solid var(--border);box-shadow:var(--shadow2)}
.gNavTile b{display:block;font-size:17px}
.gNavTile span{display:block;margin-top:6px;color:var(--muted);font-weight:700;font-size:13px}
.gGrid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:24px;align-items:start}
.gProfileGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.gInfo{background:#fff;border:1px solid var(--border);box-shadow:var(--shadow2);padding:16px 18px;border-radius:18px}
.gInfo span{display:block;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px}
.gInfo strong{display:block;font-size:16px;line-height:1.45}
.gInfoWide{grid-column:1/-1}
.gDebtCards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.gDebtCard{border:1px solid rgba(201,79,79,.16);background:linear-gradient(180deg,#fff,#fff4f4);border-radius:20px;padding:18px;box-shadow:var(--shadow2)}
.gDebtCard.isPenalty{background:linear-gradient(180deg,#fff,#fff8ec);border-color:rgba(245,158,11,.25)}
.gDebtCard h4{margin:4px 0 12px;font-size:18px;line-height:1.3}
.gDebtMeta{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}
.gDebtSum{font-size:26px;font-weight:1000}
.gTotals{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.gTotal{padding:18px;background:#fff;border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow2)}
.gTotal span{display:block;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px}
.gTotal strong{font-size:22px}
.gTimeline{display:grid;gap:14px}
.gTimelineItem{display:grid;grid-template-columns:16px 1fr;gap:14px;align-items:flex-start}
.gTimelineDot{width:16px;height:16px;border-radius:999px;background:linear-gradient(180deg,var(--red),var(--red-2));margin-top:12px;box-shadow:0 8px 18px rgba(201,79,79,.3)}
.gTimelineDot.penalty{background:linear-gradient(180deg,#f59e0b,#d97706)}
.gTimelineBody{padding:16px 18px;background:#fff;border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow2)}
.gTimelineTop{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.gTimelineTop strong{font-size:16px;line-height:1.4}
.gTimelineTop span{font-size:20px;font-weight:1000;white-space:nowrap}
.gTimelineMeta{display:flex;justify-content:space-between;gap:12px;margin-top:8px;color:var(--muted);font-size:13px}
.gEnergyHero{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;background:linear-gradient(135deg,rgba(74,111,165,.08),rgba(201,79,79,.10));padding:18px;border-radius:20px;border:1px solid var(--border)}
.gEnergyValue{font-size:34px;font-weight:1000;line-height:1.05}
.gMiniTable{display:grid;gap:10px}
.gMiniRow{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:14px 16px;background:#fff;border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow2)}
.gMiniRow span{display:block;color:var(--muted);font-size:13px}
@media (max-width: 1024px){
  .gQuickStats,.gNavTiles,.gDebtCards,.gTotals{grid-template-columns:repeat(2,1fr)}
  .gGrid{grid-template-columns:1fr}
}
@media (max-width: 680px){
  .gTitle{font-size:32px}
  .gQuickStats,.gNavTiles,.gDebtCards,.gTotals,.gProfileGrid{grid-template-columns:1fr}
  .gTimelineTop,.gTimelineMeta,.gHeroTop{display:block}
  .gHeroBadge{margin-top:12px}
  .gTimelineTop span{display:block;margin-top:8px}
}

/* v9 homepage refresh + debt separation */
.heroSection--modern{padding-top:28px}
.modernHero{background:
 radial-gradient(circle at top left, rgba(74,111,165,.20), transparent 32%),
 radial-gradient(circle at bottom right, rgba(201,79,79,.18), transparent 28%),
 linear-gradient(135deg,#ffffff 0,#fff7f2 55%,#f6fbff 100%)}
.modernHero__pad{padding:30px}
.modernHero__grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(320px,.7fr);gap:22px;align-items:stretch}
.modernHero__main h1{margin:0;font-size:52px;line-height:1.02;letter-spacing:-1.2px}
.modernHero__main p{max-width:760px;font-size:17px;line-height:1.75;color:var(--muted);margin:14px 0 0}
.modernHero__chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.modernHero__side{display:grid;gap:14px}
.modernActionCard{display:block;text-decoration:none;padding:18px;border-radius:20px;background:rgba(255,255,255,.9);border:1px solid var(--border);box-shadow:var(--shadow2)}
.modernActionCard strong{display:block;font-size:18px}
.modernActionCard span{display:block;margin-top:8px;color:var(--muted);line-height:1.55}
.homeFeatureGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.homeFeatureCard{display:grid;grid-template-columns:auto 1fr;gap:16px;text-decoration:none;padding:22px;border-radius:24px;background:#fff;border:1px solid var(--border);box-shadow:var(--shadow);align-items:start}
.homeFeatureCard__icon{width:54px;height:54px;border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:24px;background:linear-gradient(135deg,rgba(201,79,79,.12),rgba(74,111,165,.14))}
.homeFeatureCard h2{margin:0;font-size:24px;letter-spacing:-.4px}
.homeFeatureCard p{margin:10px 0 0;color:var(--muted);line-height:1.6}
.homeFeatureCard span{grid-column:2;display:inline-flex;align-items:center;gap:8px;font-weight:900;color:var(--red)}
.homeShowcaseGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.homeShowcaseCard{padding:18px;border-radius:20px;background:#fff;border:1px solid var(--border);box-shadow:var(--shadow2)}
.homeShowcaseCard strong{display:block;font-size:18px}
.homeShowcaseCard p{margin:10px 0 0;color:var(--muted);line-height:1.65}
.homeNewsGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.homeNewsCard{display:block;text-decoration:none;padding:18px;border-radius:20px;background:#fff;border:1px solid var(--border);box-shadow:var(--shadow2)}
.homeNewsCard__date{display:block;font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px}
.homeNewsCard strong{display:block;font-size:18px;line-height:1.4}
.homeNewsCard em{display:block;font-style:normal;color:var(--red);font-weight:900;margin-top:14px}
.gDebtCard.isEnergy{background:linear-gradient(180deg,#fff,#eef8ff);border-color:rgba(74,111,165,.22)}
.gTotals4{grid-template-columns:repeat(4,1fr)}
.gTimelineDot.energy{background:linear-gradient(180deg,#4A6FA5,#31537f)}
.simpleRow{display:flex;justify-content:space-between;gap:14px;align-items:center;flex-wrap:wrap}
.simpleRow__value{font-size:20px}
@media (max-width:1024px){
  .modernHero__grid,.homeFeatureGrid,.homeNewsGrid{grid-template-columns:1fr 1fr}
  .homeShowcaseGrid,.gTotals4{grid-template-columns:1fr 1fr}
}
@media (max-width:760px){
  .modernHero__pad{padding:20px}
  .modernHero__grid,.homeFeatureGrid,.homeShowcaseGrid,.homeNewsGrid,.gTotals4{grid-template-columns:1fr}
  .modernHero__main h1{font-size:34px}
  .homeFeatureCard{grid-template-columns:auto 1fr}
}


.checkRow{display:flex;align-items:center;gap:10px;font-size:14px;color:#334155}.checkRow input{width:18px;height:18px}.simpleActions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.simpleActions form{margin:0}
.paySummaryBar{display:flex;justify-content:space-between;gap:14px;align-items:center;flex-wrap:wrap;padding:18px 20px;border:1px solid var(--border);border-radius:20px;background:#fff;box-shadow:var(--shadow2)}
.gDebtCard .checkRow{padding:12px 14px;border:1px solid rgba(15,23,42,.08);border-radius:14px;background:#fff;justify-content:flex-start}.gDebtCard .checkRow span{font-weight:700;color:#334155}.gDebtCard form.mt16{margin-top:14px}.gDebtCard .btn{width:100%}.gDebtCards{align-items:stretch}.gDebtCard{display:flex;flex-direction:column}.gDebtCard .muted.small{min-height:44px}.gDebtCard .gDebtSum{margin-top:auto;padding-top:10px}.gDebtMeta{font-weight:800}.notFoundWrap{min-height:55vh;display:grid;place-items:center}.notFoundCard{text-align:center;max-width:560px}.notFoundCode{font-size:72px;font-weight:1000;line-height:1;color:var(--red);margin:0 0 12px}.notFoundTitle{font-size:34px;letter-spacing:-.8px;margin:0}.notFoundLead{margin:14px auto 0;max-width:420px;color:var(--muted);line-height:1.7}.notFoundActions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:22px}

.accountMenu{position:relative;display:inline-block}
.accountMenu summary{list-style:none;cursor:pointer}
.accountMenu summary::-webkit-details-marker{display:none}
.accountMenu__panel{position:absolute;right:0;top:calc(100% + 8px);min-width:220px;background:#fff;border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow2);padding:8px;display:grid;gap:4px;z-index:40}
.accountMenu__panel a{display:block;padding:10px 12px;border-radius:10px;color:inherit;text-decoration:none}
.accountMenu__panel a:hover{background:#f5f7fb}