:root {
  --tw-bg: #eef8f2;
  --tw-hero-bg: #e8f5ed;
  --tw-panel: #ffffff;
  --tw-ink: #10231a;
  --tw-muted: #455a50;
  --tw-line: rgba(16, 35, 26, .13);
  --tw-green: #0e7a4f;
  --tw-green-dark: #07593a;
  --tw-green-soft: #d9f3e5;
  --tw-shadow: 0 22px 70px rgba(7, 89, 58, .14);
  --tw-radius: 18px;
  font-family: Inter, system-ui, sans-serif;
}
* { box-sizing: border-box; }
[hidden] { display: none !important; }
body {
  margin: 0;
  background: #fff;
  color: var(--tw-ink);
  font-size: 16px;
  line-height: 1.6;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
a { color: inherit; text-decoration: none; }
p { font-size: 16px; line-height: 1.6; font-weight: 400; }
small { font-size: 13px; line-height: 1.45; color: var(--tw-muted); font-weight: 600; }
h1, h2, h3, h4, h5, h6 { font-family: Inter, system-ui, sans-serif; font-weight: 800; }

/* Section reveal: runs on scroll, one section at a time */
.tw-animate {
  opacity: 1;
  transform: none;
  filter: none;
}
html.tw-scroll-reveal .tw-animate {
  opacity: 0;
  transform: translateY(14px) scale(.996);
  filter: blur(.6px);
  transition:
    opacity .55s cubic-bezier(.22,.7,.2,1),
    transform .55s cubic-bezier(.22,.7,.2,1),
    filter .5s ease-out;
  transition-delay: var(--tw-delay, 0ms);
  will-change: opacity, transform, filter;
}
html.tw-scroll-reveal .tw-animate.in-view {
  opacity: 1;
  transform: translateY(0) scale(1);
  filter: blur(0);
}
.tw-site-header { position: sticky; top: 0; z-index: 20; background: rgba(255, 255, 255, .94); border-bottom: 1px solid var(--tw-line); box-shadow: 0 8px 26px rgba(16, 35, 26, .06); backdrop-filter: blur(16px); }
.tw-topbar { height: 30px; background: #f4f8f6; border-bottom: 1px solid var(--tw-line); }
.tw-topbar-inner { max-width: 1280px; height: 100%; margin: 0 auto; padding: 0 clamp(18px, 4vw, 56px); display: flex; align-items: center; justify-content: flex-end; gap: 20px; color: #2f463b; font-size: 14px; font-weight: 700; }
.tw-nav { display: flex; align-items: center; gap: 30px; max-width: 1280px; margin: 0 auto; padding: 10px clamp(18px, 4vw, 56px); min-height: 54px; }
.tw-brand { display: flex; align-items: center; gap: 10px; font-weight: 950; font-size: 23px; letter-spacing: 0; }
.tw-brand img { display: block; width: 190px; height: auto; }
.tw-brand-mark { width: 35px; height: 35px; display: grid; place-items: center; border-radius: 10px; background: var(--tw-green); color: #fff; box-shadow: 0 12px 26px rgba(14, 122, 79, .2); }
.tw-nav-links { display: flex; align-items: center; gap: 28px; color: #20372d; font-weight: 700; margin-left: 10px; font-size: 15px; }
.tw-nav-dropdown { position: relative; }
.tw-nav-dropdown-trigger { display: inline-flex; align-items: center; gap: 6px; padding: 18px 0; }
.tw-nav-dropdown-trigger span { color: var(--tw-green); font-size: 15px; font-weight: 950; }
.tw-nav-mega { position: absolute; z-index: 80; top: calc(100% - 2px); left: 50%; transform: translateX(-38%); width: min(980px, calc(100vw - 36px)); display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 4px 18px; padding: 26px; border: 1px solid var(--tw-line); border-radius: 0 0 18px 18px; background: linear-gradient(180deg, #ffffff, #f4f8f6); color: var(--tw-ink); box-shadow: 0 30px 80px rgba(16,35,26,.16); opacity: 0; pointer-events: none; visibility: hidden; transition: opacity .16s ease, transform .16s ease, visibility .16s ease; }
.tw-nav-dropdown:hover .tw-nav-mega,
.tw-nav-dropdown:focus-within .tw-nav-mega { opacity: 1; pointer-events: auto; visibility: visible; transform: translateX(-38%) translateY(0); }
.tw-nav-mega a { display: grid; grid-template-columns: 34px 1fr; grid-template-areas: "icon title" ". text"; column-gap: 12px; row-gap: 5px; min-height: 92px; padding: 12px; border-radius: 12px; color: var(--tw-ink); }
.tw-nav-mega a:hover { background: #eaf7f0; }
.tw-nav-mega span { grid-area: icon; width: 34px; height: 34px; display: grid; place-items: center; border-radius: 10px; background: #e4f5eb; color: var(--tw-green); font-size: 11px; font-weight: 950; }
.tw-nav-mega strong { grid-area: title; font-size: 15px; }
.tw-nav-mega small { grid-area: text; color: var(--tw-muted); font-size: 14px; line-height: 1.45; font-weight: 650; }
.tw-nav-mega .tw-nav-mega-all { background: #eef8f2; border: 1px solid rgba(14,122,79,.14); }
.tw-nav-actions { display: flex; align-items: center; gap: 10px; margin-left: auto; }
.tw-login-link { color: var(--tw-green-dark); font-weight: 800; padding: 9px 6px; }
.tw-lang, .tw-lang-select select { border: 0; background: transparent; border-radius: 999px; padding: 4px 2px; font-weight: 750; cursor: pointer; color: #344d40; }
.tw-lang-select select { min-width: 90px; }
.tw-btn, button.tw-btn, .cta-button, .btn, .button { border: 0; border-radius: 999px; padding: 14px 22px; font-family: Inter, system-ui, sans-serif; font-size: 14px; font-weight: 700; line-height: 1; letter-spacing: 0; display: inline-flex; align-items: center; justify-content: center; gap: 8px; cursor: pointer; transition: transform .18s ease, box-shadow .18s ease, background .18s ease; }
.tw-btn:hover { transform: translateY(-2px); }
.tw-btn-dark { background: var(--tw-green); color: #fff; box-shadow: 0 14px 30px rgba(14, 122, 79, .22); }
.tw-btn-red { background: var(--tw-green); color: #fff; box-shadow: 0 14px 30px rgba(14, 122, 79, .22); }
.tw-btn-outline { background: transparent; color: #0b5f3d; border: 2px solid #0f8f5d; }
.tw-btn-ghost { background: rgba(255,255,255,.75); border: 1px solid var(--tw-line); }
.tw-section { max-width: 1280px; margin: 0 auto; padding: clamp(38px, 5vw, 70px) clamp(18px, 4vw, 56px); }
.tw-page-band { max-width: none; }
.tw-page-band > * { max-width: 1280px; margin-left: auto; margin-right: auto; }
.tw-band-gray { background: #f4f7f5; }
.tw-band-white { background: #fff; }
.tw-hero { max-width: none; min-height: 760px; display: grid; grid-template-columns: minmax(360px, 520px) minmax(520px, 1fr); align-items: center; gap: clamp(40px, 7vw, 96px); padding-top: 18px; padding-bottom: 58px; background: var(--tw-hero-bg); }
.tw-hero-copy { justify-self: end; width: min(520px, 100%); }
.tw-kicker { color: #2f463b; letter-spacing: .2em; font-size: 14px; font-weight: 850; text-transform: uppercase; }
.tw-hero h1 { font-size: clamp(42px, 5vw, 68px); line-height: 1.12; letter-spacing: 0; margin: 18px 0 22px; }
.tw-page-title { font-size: clamp(34px, 4.2vw, 56px); line-height: 1.12; letter-spacing: 0; margin: 16px 0 20px; }
.tw-hero p, .tw-lead { color: #40564b; font-size: 19px; line-height: 1.65; max-width: 620px; }
.tw-hero-actions { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 34px; }
.tw-trust { margin-top: 58px; color: #25392f; font-weight: 750; max-width: 360px; line-height: 1.6; }
.tw-hero-visual { min-width: 0; padding-right: clamp(18px, 4vw, 56px); }
.tw-hero-image { width: min(920px, 100%); aspect-ratio: 1.52; object-fit: fill; display: block; border: 1px solid rgba(16, 35, 26, .12); border-radius: 18px; box-shadow: 0 24px 62px rgba(16, 35, 26, .16); background: #fff; }
.tw-image-placeholder { width: min(720px, 100%); aspect-ratio: 1.46; background: #fff; border: 1px solid rgba(16, 35, 26, .12); border-radius: 18px; box-shadow: 0 24px 62px rgba(16, 35, 26, .16); overflow: hidden; }
.tw-placeholder-toolbar { height: 48px; display: flex; justify-content: flex-end; align-items: center; gap: 10px; padding: 0 18px; border-bottom: 1px solid #e3ebe6; background: #fbfdfc; }
.tw-placeholder-toolbar span { width: 86px; height: 24px; border-radius: 999px; background: #dff2e8; }
.tw-placeholder-toolbar span:first-child { margin-right: auto; width: 150px; background: #edf4f0; }
.tw-placeholder-canvas { height: calc(100% - 48px); display: grid; grid-template-columns: 128px 1fr; }
.tw-placeholder-sidebar { background: linear-gradient(180deg, #f4faf7, #ffffff); border-right: 1px solid #e3ebe6; }
.tw-placeholder-content { padding: 28px; display: grid; gap: 18px; align-content: start; }
.tw-placeholder-image { min-height: 185px; border-radius: 14px; display: grid; place-items: center; color: #0b5f3d; font-weight: 950; background: repeating-linear-gradient(135deg, #dff2e8, #dff2e8 14px, #edf8f2 14px, #edf8f2 28px); border: 1px dashed #62b88c; }
.tw-placeholder-lines { display: grid; gap: 12px; }
.tw-placeholder-lines span { height: 18px; border-radius: 999px; background: #edf4f0; }
.tw-placeholder-lines span:nth-child(2) { width: 82%; }
.tw-placeholder-lines span:nth-child(3) { width: 58%; }
.tw-glass-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 16px; position: relative; }
.tw-glass-grid:before { content: ""; position: absolute; inset: 10% -8%; background: radial-gradient(circle, rgba(14,122,79,.14), transparent 58%); filter: blur(10px); z-index: -1; }
.tw-glass-card, .tw-card { background: var(--tw-panel); border: 1px solid var(--tw-line); border-radius: var(--tw-radius); box-shadow: 0 20px 70px rgba(16,21,34,.08); }
.tw-glass-card { padding: 22px; backdrop-filter: blur(18px); transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease; }
.tw-glass-card:hover { transform: translateY(-4px); border-color: rgba(14,122,79,.28); box-shadow: 0 24px 90px rgba(14,122,79,.12); }
.tw-tool-icon { width: 54px; height: 54px; object-fit: contain; border-radius: 16px; background: #f0f2f7; padding: 8px; }
.tw-tool-glyph {
  display: grid;
  place-items: center;
  padding: 0;
  font-size: 26px;
  line-height: 1;
}
.tw-grid-3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }
.tw-grid-2 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; }
.tw-grid-4 { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; }
.tw-card { padding: 26px; display: flex; flex-direction: column; min-height: 220px; transition: transform .18s ease, box-shadow .18s ease; }
.tw-card:hover { transform: translateY(-3px); box-shadow: var(--tw-shadow); }
.tw-card p, .tw-muted { color: var(--tw-muted); line-height: 1.6; font-weight: 500; }
.tw-card-actions { margin-top: auto; padding-top: 20px; display: flex; flex-wrap: wrap; gap: 12px; align-items: center; }
.tw-card-actions form { margin: 0; }
.tw-section-heading { max-width: 760px; margin-bottom: 44px; }
.tw-section-heading .tw-page-title { margin-bottom: 12px; }
.tw-section-heading p { color: var(--tw-muted); font-size: 18px; line-height: 1.65; }
.tw-section-heading.compact { margin-bottom: 24px; }
.tw-section-heading.compact h2 { margin: 10px 0 0; font-size: clamp(30px, 4vw, 46px); }
.tw-featured-tools { max-width: none; padding: 0; display: grid; }
.tw-tool-feature { display: grid; grid-template-columns: minmax(320px, .85fr) minmax(520px, 1.15fr); gap: clamp(34px, 6vw, 76px); align-items: center; padding: clamp(44px, 6vw, 74px) clamp(18px, 4vw, 56px); }
.tw-tool-feature > * { width: min(100%, 700px); }
.tw-tool-feature .tw-tool-feature-copy { justify-self: end; }
.tw-tool-feature .tw-tool-feature-visual { justify-self: start; }
.tw-tool-feature:nth-child(odd) { background: #f4f7f5; }
.tw-tool-feature:nth-child(even) { background: #fff; }
.tw-tool-feature.is-reversed .tw-tool-feature-copy { order: 2; }
.tw-tool-feature.is-reversed .tw-tool-feature-visual { order: 1; }
.tw-tool-feature.is-reversed .tw-tool-feature-copy { justify-self: start; }
.tw-tool-feature.is-reversed .tw-tool-feature-visual { justify-self: end; }
.tw-tool-feature-copy h3 { margin: 14px 0 18px; font-size: clamp(34px, 4.2vw, 58px); line-height: 1.15; letter-spacing: 0; font-weight: 800; }
.tw-tool-feature-copy p { color: var(--tw-muted); font-size: 18px; line-height: 1.65; }
.tw-check-list { list-style: none; padding: 0; margin: 28px 0 0; display: grid; gap: 18px; }
.tw-check-list li { display: grid; grid-template-columns: 22px 1fr; gap: 12px; color: #2f463b; font-weight: 600; line-height: 1.55; }
.tw-check-list li:before { content: ""; width: 18px; height: 18px; margin-top: 3px; border-radius: 999px; background: radial-gradient(circle at center, #fff 0 24%, transparent 26%), var(--tw-green); box-shadow: 0 0 0 4px rgba(14, 122, 79, .12); }
.tw-tool-tags { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 22px; }
.tw-tool-tags span { border: 1px solid rgba(14, 122, 79, .22); color: #0b5f3d; background: #f1faf5; border-radius: 999px; padding: 7px 10px; font-size: 13px; font-weight: 850; }
.tw-tool-feature-visual {
  position: relative;
  min-width: 0;
  perspective: 1200px;
}
.tw-tool-feature-visual::before {
  content: "";
  position: absolute;
  inset: -2.5% -2% -3%;
  z-index: 0;
  border-radius: 22px;
  background:
    radial-gradient(58% 56% at 16% 20%, rgba(15,143,93,.08), transparent 72%),
    radial-gradient(66% 58% at 86% 78%, rgba(11,95,61,.07), transparent 74%),
    linear-gradient(180deg, rgba(246,252,249,.6), rgba(242,249,245,.5));
  filter: blur(1px);
}
.tw-tool-image-slot {
  position: relative;
  z-index: 1;
  width: 100%;
  aspect-ratio: 1.58;
  display: block;
  padding: 0;
  background: linear-gradient(165deg, #0e1620 0%, #1a2633 100%);
  border: 1px solid rgba(198,218,208,.32);
  border-radius: 20px;
  box-shadow:
    0 22px 52px rgba(7, 17, 13, .24),
    0 1px 0 rgba(255,255,255,.16) inset;
  overflow: hidden;
  transform: rotateX(0deg) rotateY(0deg) translateZ(0);
  transition: transform .34s cubic-bezier(.22,.61,.36,1), box-shadow .34s ease, border-color .34s ease;
}
.tw-tool-image-slot::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  background:
    linear-gradient(120deg, rgba(255,255,255,.15), rgba(255,255,255,0) 36%),
    linear-gradient(180deg, rgba(6,11,17,.08), rgba(6,11,17,.22));
}
.tw-tool-image-slot::after {
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: -18px;
  height: 34px;
  border-radius: 999px;
  background: radial-gradient(50% 100% at 50% 0%, rgba(10,28,20,.36), rgba(10,28,20,0));
  z-index: -1;
  pointer-events: none;
}
.tw-tool-feature-visual:hover .tw-tool-image-slot {
  transform: rotateX(1.6deg) rotateY(-2.2deg) translateY(-4px);
  border-color: rgba(131,191,162,.72);
  box-shadow:
    0 30px 68px rgba(7, 17, 13, .3),
    0 0 0 1px rgba(162,224,192,.2) inset,
    0 0 52px rgba(15,143,93,.18);
}
.tw-tool-image-slot img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 20px;
  display: block;
}
.tw-tool-note { position: absolute; right: 24px; bottom: 24px; display: grid; gap: 3px; min-width: 190px; padding: 16px; border-radius: 14px; background: #fff; box-shadow: 0 18px 40px rgba(16, 35, 26, .14); border: 1px solid var(--tw-line); }
.tw-tool-note strong { font-size: 15px; }
.tw-tool-note span { color: var(--tw-muted); font-size: 12px; font-weight: 700; }
.tw-tools-library { display: grid; gap: 54px; }
.tw-tools-hero { display: flex; align-items: end; justify-content: space-between; gap: 24px; padding-bottom: 8px; border-bottom: 1px solid var(--tw-line); }
.tw-tool-filter-bar { display: flex; flex-wrap: wrap; gap: 12px; padding: 12px; border: 1px solid var(--tw-line); border-radius: 999px; background: #f7fbf9; width: fit-content; }
.tw-tool-filter-bar a { padding: 10px 14px; border-radius: 999px; color: #0b5f3d; font-weight: 850; }
.tw-tool-filter-bar a:first-child { background: var(--tw-green); color: #fff; }
.tw-tool-filter-panel { display: grid; gap: 18px; padding: 18px; border: 1px solid var(--tw-line); border-radius: 18px; background: linear-gradient(180deg, #fff, #f7fbf9); box-shadow: 0 18px 46px rgba(16, 35, 26, .08); }
.tw-tool-filter-panel > div { display: grid; gap: 10px; }
.tw-tool-filter-panel > div > span { color: #33483e; font-weight: 950; text-transform: uppercase; letter-spacing: .12em; font-size: 12px; }
.tw-filter-chip-row { display: flex; flex-wrap: wrap; gap: 10px; }
.tw-filter-chip { border: 1px solid rgba(14, 122, 79, .22); border-radius: 999px; background: #fff; color: #0b5f3d; padding: 10px 14px; font: inherit; font-weight: 900; cursor: pointer; }
.tw-filter-chip.active { background: var(--tw-green); border-color: var(--tw-green); color: #fff; box-shadow: 0 12px 28px rgba(14, 122, 79, .18); }
.tw-tool-card-top { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; }
.tw-tool-card-meta.compact { justify-content: flex-end; margin-top: 0; }
.tw-tool-card-meta.compact span { letter-spacing: .08em; }
.tw-tool-card-meta.compact span.sport { color: #33483e; background: #f0f5f2; }
.tw-secondary-taxonomy { margin-top: 12px; color: var(--tw-muted); font-size: 13px; font-weight: 800; }
.tw-empty-tools { padding: 22px; border: 1px dashed rgba(14, 122, 79, .3); border-radius: 18px; background: #f4f7f5; color: var(--tw-muted); font-weight: 850; }
.tw-tool-group { display: grid; gap: 24px; scroll-margin-top: 130px; }
.tw-tools-library .tw-tool-card {
  min-height: 0;
  padding: 20px;
}
.tw-tools-library .tw-tool-card h2 {
  margin: 10px 0 8px;
}
.tw-tools-library .tw-tool-card p {
  margin: 0;
}
.tw-tools-library .tw-tool-card .tw-card-actions {
  padding-top: 12px;
}
.tw-tool-card { min-height: 360px; }
.tw-tool-card.compact { min-height: 300px; }
.tw-tool-card-meta { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 18px; }
.tw-tool-card-meta span { font-size: 11px; text-transform: uppercase; letter-spacing: .12em; font-weight: 950; color: #0b5f3d; background: #e4f5eb; border-radius: 999px; padding: 7px 9px; }
.tw-sport-panel { min-height: 230px; padding: 26px; border: 1px solid var(--tw-line); border-radius: var(--tw-radius); background: linear-gradient(180deg, #ffffff, #f5fbf8); box-shadow: 0 18px 48px rgba(16, 35, 26, .08); scroll-margin-top: 130px; }
.tw-sport-panel h2 { margin: 14px 0 10px; font-size: 28px; }
.tw-sport-panel p { color: var(--tw-muted); line-height: 1.65; }
.tw-sport-tool-list { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-top: 22px; }
.tw-sport-tool-list a { display: grid; grid-template-columns: 42px 1fr; column-gap: 12px; align-items: center; padding: 14px; border: 1px solid var(--tw-line); border-radius: 14px; background: #fff; }
.tw-sport-tool-list img { grid-row: span 2; width: 42px; height: 42px; object-fit: contain; border-radius: 12px; background: #eef6f2; padding: 7px; }
.tw-sport-tool-list span { font-weight: 900; }
.tw-sport-tool-list small { color: var(--tw-muted); font-weight: 750; }
.tw-tool-landing-hero { max-width: none; min-height: 640px; display: grid; grid-template-columns: minmax(340px, 460px) minmax(420px, 560px); grid-template-areas: "copy visual" "trust trust"; align-items: center; justify-content: center; gap: clamp(34px, 7vw, 86px); padding: clamp(70px, 8vw, 112px) clamp(18px, 4vw, 56px) 58px; background: #e8f4ed; }
.tw-tool-landing-hero .tw-tool-detail-copy { grid-area: copy; }
.tw-tool-landing-hero .tw-page-title { font-size: clamp(36px, 4vw, 58px); line-height: 1.12; margin: 0 0 22px; }
.tw-tool-landing-hero .tw-lead { font-size: 17px; line-height: 1.7; max-width: 430px; }
.tw-tool-landing-visual { grid-area: visual; position: relative; min-height: 360px; }
.tw-landing-card { position: absolute; border: 1px solid rgba(16, 35, 26, .12); border-radius: 14px; background: #fff; box-shadow: 0 18px 46px rgba(16, 35, 26, .12); }
.tw-landing-card img { display: block; width: 150px; height: auto; margin: 18px auto 12px; }
.tw-landing-card.small { left: 0; top: 78px; width: 250px; min-height: 178px; padding: 14px; z-index: 2; }
.tw-landing-card.large { right: 22px; top: 0; width: 290px; min-height: 330px; padding: 14px; z-index: 3; }
.tw-landing-input { height: 20px; border-radius: 4px; background: #edf3ef; margin: 8px 0; }
.tw-landing-input.short { width: 68%; }
.tw-landing-card.small span { display: grid; place-items: center; height: 42px; margin-top: 12px; border-radius: 8px; background: #0b5f3d; color: #fff; font-weight: 900; }
.tw-landing-image { min-height: 170px; display: grid; place-items: center; border-radius: 10px; color: #0b5f3d; font-weight: 950; background: repeating-linear-gradient(135deg, #dff2e8, #dff2e8 14px, #edf8f2 14px, #edf8f2 28px); border: 1px dashed #62b88c; }
.tw-landing-image.dark { color: #fff; background: linear-gradient(135deg, #0b5f3d, #19382b); border: 0; }
.tw-landing-lines { display: grid; gap: 9px; margin-top: 14px; }
.tw-landing-lines span { height: 10px; border-radius: 999px; background: #e7eeea; }
.tw-landing-lines span:nth-child(2) { width: 74%; }
.tw-landing-lines span:nth-child(3) { width: 52%; }
.tw-landing-float { position: absolute; z-index: 4; width: 34px; height: 34px; display: grid; place-items: center; border-radius: 10px; background: #fff; color: var(--tw-green); box-shadow: 0 14px 32px rgba(16, 35, 26, .14); font-weight: 950; }
.tw-landing-float.one { left: 170px; top: 48px; }
.tw-landing-float.two { left: 210px; bottom: 42px; }
.tw-tool-trust-row { grid-area: trust; width: min(860px, 100%); display: grid; grid-template-columns: minmax(180px, 1.2fr) repeat(4, 1fr); gap: 28px; align-items: center; color: #7e8784; }
.tw-tool-trust-row span { color: #20372d; font-size: 13px; line-height: 1.45; }
.tw-tool-trust-row strong { color: #8b9693; font-size: 19px; font-weight: 950; opacity: .72; }
.tw-tool-benefits { max-width: 1120px; display: grid; gap: 54px; background: #fff; }
.tw-tool-benefit-top { display: grid; grid-template-columns: minmax(360px, 1fr) minmax(300px, .9fr); gap: clamp(34px, 7vw, 78px); align-items: center; }
.tw-tool-benefit-top h2 { font-size: clamp(30px, 4vw, 48px); line-height: 1.18; margin: 0; }
.tw-benefit-visual { position: relative; min-height: 270px; }
.tw-benefit-window { position: absolute; left: 0; top: 0; width: 290px; padding: 12px; border: 1px solid var(--tw-line); border-radius: 14px; background: #fff; box-shadow: 0 18px 42px rgba(16, 35, 26, .12); }
.tw-benefit-window.second { left: 190px; top: 34px; }
.tw-window-dots { display: flex; gap: 5px; margin-bottom: 10px; }
.tw-window-dots span { width: 6px; height: 6px; border-radius: 999px; background: #9ad6b6; }
.tw-window-dots span:first-child { background: #ffc5b5; }
.tw-window-dots span:nth-child(2) { background: #ffe08a; }
.tw-tool-benefit-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 26px; }
.tw-tool-benefit-grid article { display: grid; align-content: start; gap: 12px; }
.tw-benefit-icon { width: 22px; height: 22px; border-radius: 7px; background: var(--tw-green); box-shadow: inset 8px 0 0 rgba(255,255,255,.35); }
.tw-tool-benefit-grid h3 { margin: 0; font-size: 16px; }
.tw-tool-benefit-grid p { margin: 0; color: var(--tw-muted); font-size: 14px; line-height: 1.6; }
.tw-tool-final-cta { text-align: center; }
.tw-tool-final-cta > div { max-width: 720px; }
.tw-tool-final-cta h2 { margin: 0 0 12px; font-size: clamp(32px, 4vw, 52px); line-height: 1.15; }
.tw-tool-final-cta p { margin: 0 auto 24px; max-width: 560px; color: var(--tw-muted); font-size: 18px; line-height: 1.65; }

/* Premium value cards section */
.tw-values-section {
  position: relative;
  background: #fff;
  border-top: 1px solid rgba(16,35,26,.08);
  border-bottom: 0;
  padding-top: clamp(18px, 2.4vw, 30px);
  padding-bottom: clamp(18px, 2.4vw, 30px);
}
.tw-values-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}
.tw-value-card {
  position: relative;
  min-height: 330px;
  padding: 28px;
  border-radius: 18px;
  border: 1px solid rgba(16,35,26,.14);
  background: linear-gradient(155deg, #ffffff 0%, #f7fcf9 88%);
  box-shadow: 0 16px 34px rgba(16,35,26,.08);
  overflow: hidden;
  transition: transform .24s ease, box-shadow .24s ease, border-color .24s ease;
}
.tw-value-card::after {
  content: "";
  position: absolute;
  inset: auto -24% -42% auto;
  width: 220px;
  height: 220px;
  border-radius: 999px;
  background: radial-gradient(circle, rgba(14,122,79,.16), rgba(14,122,79,0) 70%);
  pointer-events: none;
}
.tw-value-card:hover {
  transform: translateY(-5px);
  border-color: rgba(14,122,79,.35);
  box-shadow: 0 24px 54px rgba(8,66,44,.17);
}
.tw-value-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  margin-bottom: 14px;
}
.tw-value-badge {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  border: 1px solid rgba(14,122,79,.24);
  background: #eff9f3;
  color: #0b5f3d;
  padding: 7px 11px;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
}
.tw-value-icon {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border-radius: 11px;
  background: linear-gradient(180deg, #0f8f5d, #0b7049);
  color: #fff;
  font-size: 13px;
  font-weight: 900;
  box-shadow: 0 8px 20px rgba(14,122,79,.28);
}
.tw-value-icon svg {
  width: 17px;
  height: 17px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.tw-value-card h2 {
  margin: 0 0 12px;
  max-width: 24ch;
  font-size: clamp(27px, 2.2vw, 34px);
  line-height: 1.16;
  letter-spacing: 0;
}
.tw-value-card p {
  margin: 0;
  max-width: 48ch;
  color: #3f554a;
  font-size: 16px;
  line-height: 1.72;
}
.tw-pricing {
  background: #f4f7f5;
  margin-top: 0;
  border-top: 1px solid rgba(16,35,26,.08);
}
.tw-pricing-head {
  text-align: center;
  display: grid;
  justify-items: center;
  gap: 10px;
  margin-bottom: 18px;
}
.tw-pricing-head .tw-page-title {
  margin: 0;
}
.tw-pricing-intro { margin: 0; max-width: 760px; color: #3a4f45; font-size: 18px; line-height: 1.6; text-align: center; font-weight: 500; }
.tw-tool-detail-hero { display: grid; grid-template-columns: minmax(420px, 1fr) minmax(360px, .9fr); align-items: center; gap: clamp(42px, 7vw, 96px); min-height: 620px; }
.tw-page-band.tw-tool-detail-hero { max-width: none; }
.tw-page-band.tw-tool-detail-hero > * { width: min(100%, 620px); max-width: 620px; margin-left: 0; margin-right: 0; }
.tw-page-band.tw-tool-detail-hero .tw-tool-detail-visual { justify-self: end; }
.tw-page-band.tw-tool-detail-hero .tw-tool-detail-copy { justify-self: start; }
.tw-tool-detail-visual { min-width: 0; }
.tw-tool-preview-stack { position: relative; width: 100%; min-height: 520px; }
.tw-tool-preview-card { position: absolute; width: min(270px, 44%); min-height: 310px; padding: 18px; border: 1px solid var(--tw-line); border-radius: 18px; background: #fff; box-shadow: 0 18px 46px rgba(16, 35, 26, .12); }
.tw-tool-preview-card.main { left: 7%; top: 4%; z-index: 3; }
.tw-tool-preview-card.secondary { right: 8%; top: 4%; z-index: 2; }
.tw-tool-preview-card.lower { left: 7%; bottom: 2%; z-index: 1; }
.tw-tool-preview-brand { display: flex; align-items: center; gap: 10px; margin-bottom: 18px; font-size: 18px; }
.tw-tool-preview-brand img { display: block; width: 150px; height: auto; }
.tw-tool-preview-brand .tw-brand-mark { width: 28px; height: 28px; border-radius: 8px; box-shadow: none; }
.tw-tool-preview-image { min-height: 150px; display: grid; place-items: center; border-radius: 12px; color: #0b5f3d; font-weight: 950; background: repeating-linear-gradient(135deg, #dff2e8, #dff2e8 14px, #edf8f2 14px, #edf8f2 28px); border: 1px dashed #62b88c; }
.tw-tool-preview-image.dark { min-height: 190px; color: #fff; background: linear-gradient(135deg, #0b5f3d, #19382b); border: 0; }
.tw-tool-preview-image.wide { min-height: 175px; }
.tw-tool-preview-line { height: 12px; margin-top: 18px; border-radius: 999px; background: #e7eeea; }
.tw-tool-preview-line.short { width: 62%; }
.tw-tool-floating-note { position: absolute; right: 0; bottom: 42px; z-index: 4; width: min(220px, 38%); padding: 18px; border-radius: 16px; background: #e8f5ed; color: #0b5f3d; font-weight: 900; box-shadow: 0 18px 42px rgba(16, 35, 26, .13); }
.tw-tool-detail-copy .tw-page-title { margin-bottom: 22px; }
.tw-tool-gallery { padding-top: 24px; }
.tw-tool-gallery-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; }
.tw-tool-gallery-item { margin: 0; border: 1px solid var(--tw-line); border-radius: 18px; background: #fff; box-shadow: 0 18px 42px rgba(16, 35, 26, .08); overflow: hidden; }
.tw-tool-gallery-item div { aspect-ratio: 1.25; display: grid; place-items: center; color: #0b5f3d; font-weight: 950; background: #f1f7f4; border-bottom: 1px solid var(--tw-line); }
.tw-tool-gallery-item figcaption { padding: 14px 16px; color: #20372d; font-weight: 900; }
.tw-pricing { position: relative; }
.tw-pricing:before { content: ""; position: absolute; inset: 20% 28%; background: radial-gradient(circle, rgba(14,122,79,.08), transparent 62%); pointer-events: none; }
.tw-pricing-grid { align-items: stretch; }
.tw-price-card { min-height: 560px; position: relative; border-radius: 20px; padding: 32px; box-shadow: 0 14px 34px rgba(16,35,26,.07); transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease; }
.tw-price-card h3 { margin: 0; font-size: 28px; line-height: 1.2; letter-spacing: 0; }
.tw-price-card:hover { transform: translateY(-4px); box-shadow: 0 26px 58px rgba(16,35,26,.12); }
.tw-price-card.featured { transform: scale(1.02); background: linear-gradient(180deg,#fff,#f7fcf9); border: 2px solid rgba(14,122,79,.48); box-shadow: 0 34px 84px rgba(14,122,79,.23); }
.tw-price-card.featured:hover { transform: scale(1.02) translateY(-4px); }
.tw-plan-top { display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; gap: 8px; margin-bottom: 12px; }
.tw-plan-chip { display: inline-flex; border-radius: 999px; border: 1px solid rgba(16,35,26,.16); padding: 6px 10px; font-size: 13px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; color: #173729; background: #f4f7f5; }
.tw-plan-tag { display: inline-flex; border-radius: 999px; border: 1px solid rgba(14,122,79,.2); padding: 6px 10px; font-size: 13px; font-weight: 700; letter-spacing: .03em; text-transform: uppercase; color: #10231a; background: #edf9f2; white-space: normal; overflow-wrap: anywhere; }
.tw-price { font-size: clamp(48px, 4.4vw, 66px); font-weight: 950; margin: 8px 0 8px; letter-spacing: 0; line-height: 1; }
.tw-price small { font-size: 18px; color: #3f554a; font-weight: 850; }
.tw-club-note { margin-top: -2px; margin-bottom: 8px; font-weight: 750; }
.tw-trial-note { margin-top: -4px; color: var(--tw-green); font-weight: 900; }
.tw-features { list-style: none; padding: 0; margin: 18px 0; display: grid; gap: 8px; }
.tw-features li { display: flex; align-items: center; justify-content: space-between; gap: 10px; color: #22372d; font-weight: 500; line-height: 1.55; padding: 10px 0; border-bottom: 1px solid rgba(16,35,26,.06); min-height: 42px; }
.tw-features li:last-child { border-bottom: 0; }
.tw-features li span { min-width: 0; }
.tw-features li em { font-style: normal; border-radius: 999px; padding: 4px 10px; min-width: 96px; text-align: center; font-size: 11px; font-weight: 900; letter-spacing: .05em; text-transform: uppercase; white-space: nowrap; border: 1px solid rgba(14,122,79,.2); background: #edf9f2; color: #0d6f49; }
.tw-features li span { padding-right: 8px; }
.tw-feature-pill { font-style: normal; }
.tw-features-simple { margin-top: 18px; }
.tw-plan-note { margin: 8px 0 0; color: #3d5248; font-size: 14px; font-weight: 600; line-height: 1.45; }
.tw-price-card .tw-card-actions { margin-top: auto; }
.tw-price-card .tw-btn { min-height: 46px; padding: 12px 20px; font-size: 14px; font-weight: 900; letter-spacing: .01em; }
.tw-price-card .tw-btn.tw-btn-red { background: linear-gradient(180deg, #0f8f5d, #0e7a4f); }
.tw-price-card .tw-btn:hover { box-shadow: 0 14px 30px rgba(14,122,79,.2); }
.tw-policy-page, .tw-pricing-page { max-width: 1120px; }
.tw-policy-block { margin-top: 26px; padding: 24px; border: 1px solid var(--tw-line); border-radius: 18px; background: #fff; box-shadow: 0 18px 42px rgba(16,35,26,.06); }
.tw-policy-block h2 { margin: 0 0 10px; font-size: 24px; }
.tw-policy-block p { color: var(--tw-muted); line-height: 1.75; }
.tw-policy-note {
  max-width: 760px;
  margin: 18px auto 0;
  padding: 14px 16px;
  border-radius: 12px;
  background: #f7fbf9;
  box-shadow: none;
}
.tw-policy-note h2 {
  margin: 0 0 6px;
  font-size: 16px;
  line-height: 1.2;
}
.tw-policy-note p {
  margin: 0;
  font-size: 14px;
  line-height: 1.5;
}
.tw-policy-note p + p { margin-top: 8px; }
.tw-policy-block a { color: var(--tw-green); font-weight: 900; }
.tw-faq-page { max-width: 980px; }
.tw-faq-search { display: grid; gap: 10px; margin: 28px 0; font-weight: 900; }
.tw-faq-search input { width: 100%; border: 1px solid #d8dfeb; border-radius: 18px; padding: 16px 18px; font: inherit; background: #fff; box-shadow: 0 18px 42px rgba(16,35,26,.06); }
.tw-faq-list { display: grid; gap: 16px; }
.tw-faq-item { min-height: 0; }
.tw-faq-item h2 { margin: 0 0 10px; font-size: 24px; }
.tw-faq-item p { color: var(--tw-muted); line-height: 1.7; }
.tw-form { display: grid; gap: 14px; max-width: 720px; }
.tw-form label { display: grid; gap: 7px; font-weight: 850; }
.tw-input, .tw-form input, .tw-form select, .tw-form textarea { width: 100%; border: 1px solid #d8dfeb; border-radius: 14px; padding: 14px 15px; background: #fff; font: inherit; }
.tw-form input:disabled { background: #f3f7f5; color: #60746a; cursor: not-allowed; }
.tw-form-row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.tw-datetime-field { margin: 0; padding: 0; border: 0; display: grid; gap: 7px; }
.tw-datetime-field legend { padding: 0; color: var(--tw-ink); font-weight: 850; }
.tw-datetime-field div { display: grid; grid-template-columns: minmax(160px, 1fr) 86px 86px 92px; gap: 8px; }
.tw-datetime-field input, .tw-datetime-field select { width: 100%; border: 1px solid #d8dfeb; border-radius: 14px; padding: 14px 15px; background: #fff; font: inherit; }
.tw-auth { max-width: 760px; margin: 0 auto; }
.tw-auth-links { display: grid; gap: 10px; }
.tw-auth-links a:first-child { color: var(--tw-green); font-weight: 900; }
.tw-dashboard-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 20px; }
.tw-dashboard-shell { min-height: calc(100vh - 160px); display: grid; grid-template-columns: 260px minmax(0, 1fr); background: #f5f7f6; }
.tw-workspace-sidebar { position: sticky; top: 0; align-self: start; min-height: 100vh; padding: 26px 18px; border-right: 1px solid var(--tw-line); background: rgba(255,255,255,.84); backdrop-filter: blur(10px); }
.tw-sidebar-toggle { width: 100%; min-height: 42px; display: inline-flex; align-items: center; gap: 9px; margin: 0 0 14px; padding: 8px 12px; border: 1px solid rgba(16,35,26,.14); border-radius: 12px; background: #fff; color: #0b5f3d; font: inherit; font-weight: 900; cursor: pointer; }
.tw-sidebar-toggle span { width: 24px; height: 24px; display: grid; place-items: center; color: #0b5f3d; }
.tw-sidebar-toggle span svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.tw-sidebar-toggle strong { font-size: 13px; letter-spacing: .02em; }
.tw-workspace-brand { display: flex; align-items: center; margin: 0 0 28px; }
.tw-workspace-brand img { width: 180px; height: auto; display: block; }
.tw-sidebar-team-switch { margin: -10px 0 18px; }
.tw-sidebar-team-switch label { display: grid; gap: 7px; color: var(--tw-muted); font-size: 12px; font-weight: 900; text-transform: uppercase; letter-spacing: .08em; }
.tw-sidebar-team-switch select { width: 100%; border: 1px solid rgba(16,35,26,.14); border-radius: 12px; padding: 10px 12px; background: #fff; color: var(--tw-ink); font: inherit; font-weight: 850; }
.tw-sidebar-team-switch select:disabled { opacity: .72; cursor: default; background: #f4f8f6; }
.tw-workspace-sidebar nav { display: grid; gap: 6px; }
.tw-workspace-sidebar nav a { display: flex; align-items: center; gap: 12px; min-height: 46px; padding: 10px 12px; border-radius: 12px; color: #31463b; font-weight: 900; }
.tw-workspace-sidebar nav a em { font-style: normal; }
.tw-workspace-sidebar nav a span { width: 32px; height: 32px; display: grid; place-items: center; border: 1px solid #dce6e0; border-radius: 10px; background: #fff; color: #0b5f3d; font-size: 11px; }
.tw-workspace-sidebar nav a span svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.tw-workspace-sidebar nav a.active, .tw-workspace-sidebar nav a:hover { background: #eaf7f0; color: #10231a; }
.tw-workspace-main { padding: clamp(24px, 4vw, 52px); display: grid; gap: 24px; align-content: start; }
.tw-workspace-main-wide { padding-left: clamp(18px, 2vw, 28px); padding-right: clamp(18px, 2vw, 28px); }
.tw-dashboard-shell, .tw-workspace-sidebar, .tw-workspace-sidebar nav a em, .tw-workspace-brand, .tw-sidebar-team-switch { transition: all .2s ease; }
.tw-dashboard-shell.sidebar-collapsed { grid-template-columns: 88px minmax(0, 1fr); }
.tw-dashboard-shell.sidebar-collapsed .tw-workspace-sidebar { padding: 18px 10px; }
.tw-dashboard-shell.sidebar-collapsed .tw-workspace-brand,
.tw-dashboard-shell.sidebar-collapsed .tw-sidebar-team-switch,
.tw-dashboard-shell.sidebar-collapsed .tw-workspace-sidebar nav a em { display: none; }
.tw-dashboard-shell.sidebar-collapsed .tw-workspace-sidebar nav a { justify-content: center; padding: 8px 6px; }
.tw-dashboard-shell.sidebar-collapsed .tw-sidebar-toggle { justify-content: center; padding: 8px; }
.tw-dashboard-shell.sidebar-collapsed .tw-sidebar-toggle strong { display: none; }
.tw-workspace-top { display: flex; justify-content: space-between; gap: 18px; align-items: flex-start; }
.tw-workspace-top h1 { margin: 8px 0 6px; font-size: clamp(34px, 4vw, 54px); line-height: 1.08; }
.tw-workspace-top.compact h1 { font-size: clamp(30px, 3.4vw, 46px); margin-bottom: 0; }
.tw-workspace-top p { margin: 0; color: var(--tw-muted); font-weight: 750; }
.tw-plan-badge { display: inline-flex; align-items: center; gap: 10px; padding: 8px 12px; border: 1px solid var(--tw-line); border-radius: 14px; background: #fff; box-shadow: 0 10px 28px rgba(16,35,26,.06); }
.tw-plan-badge img { width: 28px; height: 28px; object-fit: contain; }
.tw-plan-badge strong { font-size: 12px; text-transform: uppercase; letter-spacing: .08em; color: #17382a; }
.tw-plan-inline { display: inline-flex; align-items: center; gap: 10px; margin-bottom: 8px; }
.tw-plan-inline img { width: 24px; height: 24px; object-fit: contain; }
.tw-plan-badge-free { display: inline-grid; place-items: center; min-width: 44px; height: 24px; padding: 0 8px; border-radius: 999px; border: 1px solid #d8e4dd; background: #f6f9f7; color: #3c5a4b; font-size: 10px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.tw-workspace-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; align-items: start; }
.tw-workspace-grid.compact { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.tw-club-management-grid { grid-template-columns: minmax(300px, .7fr) minmax(580px, 1.3fr); }
.tw-workspace-card { min-height: 190px; padding: 24px; border: 1px solid var(--tw-line); border-radius: 18px; background: rgba(255,255,255,.88); box-shadow: 0 20px 54px rgba(16,35,26,.08); }
.tw-workspace-card-wide { min-height: 0; }
.tw-workspace-card h2, .tw-workspace-card h3 { margin: 0 0 12px; }
.tw-workspace-card p { color: var(--tw-muted); line-height: 1.65; }
.tw-card-head p { margin: 4px 0 0; max-width: 680px; }
.tw-btn-danger { background: #fff; color: #a6332d; border: 1px solid rgba(166,51,45,.28); box-shadow: none; }
.tw-btn-danger:hover { background: #fff5f4; border-color: rgba(166,51,45,.42); transform: translateY(-1px); }
.tw-club-team-list, .tw-club-member-list { display: grid; gap: 14px; }
.tw-club-team-card, .tw-club-member-card { display: grid; gap: 14px; padding: 16px; border: 1px solid rgba(16,35,26,.12); border-radius: 16px; background: linear-gradient(180deg,#fff,#f8fbf9); box-shadow: 0 14px 32px rgba(16,35,26,.06); }
.tw-club-team-card { grid-template-columns: minmax(0,1fr) minmax(240px, .55fr); align-items: start; }
.tw-club-team-main { display: grid; gap: 12px; min-width: 0; }
.tw-club-team-edit, .tw-club-member-edit { max-width: none; }
.tw-club-team-edit { grid-template-columns: minmax(180px, 1fr) 150px auto; align-items: end; }
.tw-club-member-card { grid-template-columns: 1fr; }
.tw-club-member-edit { grid-template-columns: minmax(180px, 1.2fr) minmax(220px, 1.4fr) minmax(150px, .8fr) minmax(130px, .7fr) auto; align-items: end; }
.tw-club-team-actions, .tw-club-member-actions { display: grid; gap: 10px; align-content: start; justify-items: stretch; }
.tw-club-team-actions form, .tw-club-member-actions form { margin: 0; }
.tw-club-team-actions .tw-inline-form { display: grid; grid-template-columns: minmax(0,1fr) auto; }
.tw-club-team-actions input, .tw-club-team-actions select, .tw-inline-form input { border: 1px solid #d8dfeb; border-radius: 999px; padding: 10px 12px; background: #fff; font: inherit; min-width: 0; }
.tw-club-meta-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
.tw-club-meta-grid span { display: grid; gap: 4px; padding: 12px; border: 1px solid rgba(14,122,79,.12); border-radius: 14px; background: #f4faf7; color: var(--tw-muted); font-weight: 750; }
.tw-club-meta-grid strong { color: var(--tw-ink); font-size: 12px; text-transform: uppercase; letter-spacing: .08em; }
.tw-club-member-actions .tw-btn, .tw-club-team-actions .tw-btn { width: 100%; min-height: 42px; padding: 10px 14px; }
.tw-club-member-actions { display: flex; justify-content: flex-end; flex-wrap: wrap; min-width: 0; }
.tw-club-member-actions form { min-width: 150px; }
.tw-support-ticket-list { display: grid; gap: 12px; }
.tw-support-ticket { border: 1px solid rgba(16,35,26,.12); border-radius: 16px; background: #fff; overflow: hidden; }
.tw-support-ticket summary, .tw-support-inbox-row { display: flex; justify-content: space-between; gap: 14px; align-items: center; padding: 14px; cursor: pointer; }
.tw-support-closed-note { margin: 0; color: #5b6660; font-weight: 750; font-size: 13px; }
.tw-support-ticket summary::-webkit-details-marker { display: none; }
.tw-support-ticket summary span, .tw-support-inbox-row span { display: grid; gap: 4px; min-width: 0; }
.tw-support-ticket summary strong, .tw-support-inbox-row strong { color: var(--tw-ink); overflow-wrap: anywhere; }
.tw-support-ticket summary small, .tw-support-inbox-row small { color: var(--tw-muted); font-weight: 750; }
.tw-support-ticket em, .tw-support-inbox-row em { flex: 0 0 auto; font-style: normal; border-radius: 999px; padding: 6px 10px; background: #eef6f1; color: #0b5f3d; font-size: 12px; font-weight: 950; }
.tw-support-summary-meta { display: inline-flex; align-items: center; gap: 8px; flex-wrap: wrap; justify-content: flex-end; }
.tw-support-notice { display: inline-flex; align-items: center; justify-content: center; border-radius: 999px; padding: 6px 10px; font-size: 12px; font-weight: 950; color: #0b5f3d; background: #dff7eb; border: 1px solid rgba(14,122,79,.22); }
.tw-support-solved { display: inline-flex; align-items: center; justify-content: center; border-radius: 999px; padding: 6px 10px; font-size: 12px; font-weight: 950; color: #4b5563; background: #eef0f2; border: 1px solid rgba(82,96,87,.24); }
.tw-support-solved-line { border: 1px solid rgba(82,96,87,.22); background: #f3f5f6; color: #44505d; border-radius: 10px; padding: 8px 10px; font-weight: 850; font-size: 12px; }
.tw-support-ticket em.status-resolved, .tw-support-inbox-row em.status-resolved { background: #eef0f2; color: #526057; }
.tw-support-ticket em.status-open, .tw-support-inbox-row em.status-open { background: #fff7df; color: #8a6516; }
.tw-support-ticket em.status-answered, .tw-support-inbox-row em.status-answered { background: #e3f5ec; color: #0b5f3d; }
.tw-support-thread { display: grid; gap: 10px; padding: 14px; border-top: 1px solid var(--tw-line); }
.tw-support-message { padding: 13px; border: 1px solid rgba(16,35,26,.1); border-radius: 14px; background: #f8fbf9; }
.tw-support-message.admin { background: #10231a; color: #fff; border-color: rgba(255,255,255,.1); }
.tw-support-message strong, .tw-support-message small { display: block; }
.tw-support-message small { margin-top: 2px; color: var(--tw-muted); font-size: 12px; font-weight: 750; }
.tw-support-message.admin small { color: rgba(255,255,255,.68); }
.tw-support-message p { margin: 8px 0 0; color: inherit; line-height: 1.55; }
.tw-support-reply-form { max-width: none; margin-top: 6px; }
.tw-support-inbox-row { border: 1px solid rgba(16,35,26,.12); border-radius: 14px; background: #fff; color: var(--tw-ink); }
.tw-support-inbox-row.active, .tw-support-inbox-row:hover { background: #eef9f3; border-color: rgba(14,122,79,.28); }
.tw-support-admin-grid { grid-template-columns: minmax(320px, .65fr) minmax(0, 1.35fr); }
.tw-card-wide { grid-column: span 1; }
.tw-card-head { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-bottom: 16px; }
.tw-card-head h2 { margin: 0; }
.tw-card-head a { color: #0b5f3d; font-weight: 950; }
.tw-upcoming-row { display: grid; grid-template-columns: 150px 1fr; gap: 18px; align-items: center; padding: 18px; border: 1px solid rgba(14,122,79,.14); border-radius: 16px; background: #f1faf5; }
.tw-upcoming-row strong { color: #0b5f3d; }
.tw-upcoming-row div { display: grid; gap: 4px; }
.tw-upcoming-row span, .tw-list-row span { color: var(--tw-muted); font-size: 14px; font-weight: 750; }
.tw-stat-row { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 12px; }
.tw-stat-row span { min-height: 86px; display: grid; place-items: center; text-align: center; border: 1px solid var(--tw-line); border-radius: 16px; background: #f8fbf9; color: var(--tw-muted); font-weight: 850; }
.tw-stat-row strong { display: block; color: var(--tw-ink); font-size: 34px; line-height: 1; }
.tw-action-list { display: grid; gap: 10px; }
.tw-action-list a { min-height: 48px; display: flex; align-items: center; padding: 12px 14px; border: 1px solid var(--tw-line); border-radius: 14px; background: #fff; color: #0b5f3d; font-weight: 950; }
.tw-message-groups { display: grid; grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)); gap: 10px; margin: 0; padding: 14px; border: 1px solid var(--tw-line); border-radius: 14px; }
.tw-message-groups legend { padding: 0 8px; color: #0b5f3d; font-weight: 950; }
.tw-workspace-section { display: grid; gap: 14px; }
.tw-calendar-card { min-height: 0; }
.tw-calendar-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; margin-bottom: 18px; }
.tw-calendar-head h2 { margin: 0 0 6px; font-size: clamp(26px, 3vw, 38px); }
.tw-calendar-head p { margin: 0; }
.tw-calendar-picker { display: flex; flex-wrap: wrap; align-items: end; justify-content: flex-end; gap: 10px; }
.tw-calendar-picker label { display: grid; gap: 6px; color: #33483e; font-size: 12px; font-weight: 950; text-transform: uppercase; letter-spacing: .08em; }
.tw-calendar-picker select { min-width: 132px; border: 1px solid var(--tw-line); border-radius: 999px; padding: 12px 14px; background: #fff; color: var(--tw-ink); font: inherit; font-weight: 900; }
.tw-calendar-picker .tw-btn { min-width: 96px; padding: 12px 16px; }
.tw-calendar-grid { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); border: 1px solid var(--tw-line); border-radius: 18px; overflow: hidden; background: #fff; }
.tw-calendar-weekday { min-height: 42px; display: flex; align-items: center; padding: 12px; background: #f1faf5; border-right: 1px solid var(--tw-line); color: #0b5f3d; font-size: 12px; font-weight: 950; text-transform: uppercase; letter-spacing: .08em; }
.tw-calendar-weekday:nth-child(7) { border-right: 0; }
.tw-calendar-day { min-height: 138px; padding: 10px; border-top: 1px solid var(--tw-line); border-right: 1px solid var(--tw-line); background: #fff; }
.tw-calendar-day:nth-child(7n) { border-right: 0; }
.tw-calendar-day.muted { background: #f8fbf9; color: #98a49e; }
.tw-calendar-day.today { box-shadow: inset 0 0 0 2px rgba(14,122,79,.38); background: #f1faf5; }
.tw-calendar-date { width: 30px; height: 30px; display: grid; place-items: center; border-radius: 999px; font-weight: 950; }
.tw-calendar-day.today .tw-calendar-date { background: var(--tw-green); color: #fff; }
.tw-calendar-events { display: grid; gap: 6px; margin-top: 8px; }
.tw-calendar-event { display: grid; grid-template-columns: 38px minmax(0,1fr); gap: 6px; align-items: center; padding: 7px 8px; border-radius: 10px; background: #e4f5eb; color: #10231a; font-size: 12px; font-weight: 850; }
.tw-calendar-event { text-decoration: none; }
.tw-calendar-event:hover { background: #d3efde; }
.tw-calendar-event span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tw-calendar-event strong { color: #0b5f3d; font-size: 11px; }
.tw-calendar-more { color: #0b5f3d; font-size: 12px; font-weight: 950; padding: 2px 8px; }
.tw-pagination { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; padding-top: 18px; }
.tw-page-link, .tw-pagination span { min-width: 42px; height: 42px; display: inline-flex; align-items: center; justify-content: center; padding: 0 13px; border: 1px solid var(--tw-line); border-radius: 999px; background: #fff; color: #0b5f3d; font-weight: 950; }
.tw-page-link.active { background: var(--tw-green); border-color: var(--tw-green); color: #fff; box-shadow: 0 12px 28px rgba(14,122,79,.16); }
.tw-page-link.disabled { pointer-events: none; opacity: .45; color: var(--tw-muted); }
.tw-pagination span { border-color: transparent; background: transparent; color: var(--tw-muted); }
.tw-callup-toolbar { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 14px; align-items: center; }
.tw-callup-limit { display: flex; flex-wrap: wrap; gap: 10px; }
.tw-callup-limit span { display: grid; gap: 2px; min-height: 48px; align-content: center; padding: 9px 14px; border: 1px solid var(--tw-line); border-radius: 999px; background: #fff; color: var(--tw-muted); font-weight: 850; }
.tw-callup-limit strong { color: var(--tw-ink); }
.tw-callup-limit small { color: #0b5f3d; font-size: 12px; font-weight: 850; line-height: 1.35; }
.tw-callup-tabs { display: flex; flex-wrap: wrap; gap: 8px; padding: 6px; border: 1px solid var(--tw-line); border-radius: 999px; background: #fff; }
.tw-callup-tabs a { min-height: 40px; display: inline-flex; align-items: center; justify-content: center; padding: 9px 14px; border-radius: 999px; color: #0b5f3d; font-weight: 950; }
.tw-callup-tabs a.active { background: var(--tw-green); color: #fff; box-shadow: 0 12px 26px rgba(14,122,79,.16); }
.tw-callup-form { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.tw-callup-form label:has(textarea),
.tw-callup-form .tw-callup-recipients,
.tw-callup-form button { grid-column: 1 / -1; }
.tw-callup-recipients { display: grid; gap: 12px; padding: 16px; border: 1px solid var(--tw-line); border-radius: 16px; background: #f7fbf9; }
.tw-recipient-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 10px; }
.tw-recipient-chip { display: grid !important; grid-template-columns: auto 1fr; gap: 2px 10px !important; align-items: center; padding: 12px; border: 1px solid rgba(14,122,79,.18); border-radius: 14px; background: #fff; }
.tw-recipient-chip input { grid-row: span 2; width: auto; }
.tw-recipient-chip span { color: var(--tw-ink); font-weight: 950; }
.tw-recipient-chip small { color: var(--tw-muted); font-weight: 750; }
.tw-callup-stats { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 12px; margin: 18px 0; }
.tw-callup-stats span { min-height: 92px; display: grid; place-items: center; text-align: center; padding: 14px; border: 1px solid var(--tw-line); border-radius: 16px; background: #f8fbf9; color: var(--tw-muted); font-weight: 850; }
.tw-callup-stats strong { display: block; color: var(--tw-ink); font-size: 34px; line-height: 1; }
.tw-callup-header { display: flex; align-items: flex-end; justify-content: space-between; gap: 18px; margin-bottom: 18px; }
.tw-callup-header-compact { justify-content: flex-end; margin-top: -8px; }
.tw-callup-header h2 { margin: 4px 0 6px; font-size: clamp(34px, 4vw, 54px); line-height: .95; }
.tw-callup-header p { margin: 0; max-width: 680px; color: var(--tw-muted); }
.tw-callup-header-actions { display: flex; flex-wrap: wrap; gap: 10px; justify-content: flex-end; align-items: center; }
.tw-callup-meter { min-height: 42px; display: inline-flex; align-items: center; gap: 4px; padding: 9px 14px; border: 1px solid var(--tw-line); border-radius: 999px; background: #fff; color: var(--tw-muted); font-weight: 900; }
.tw-callup-meter b { color: var(--tw-ink); }
.tw-callup-workspace,
.tw-callup-side-summary { border: 1px solid rgba(16,35,26,.12); border-radius: 18px; background: rgba(255,255,255,.92); box-shadow: 0 24px 58px rgba(16,35,26,.09); padding: 22px; }
.tw-callup-compose-grid { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(300px, .7fr); gap: 18px; align-items: start; }
.tw-callup-compose-main,
.tw-callup-recipient-panel { display: grid; gap: 14px; }
.tw-send-mode { display: flex; flex-wrap: wrap; gap: 10px; padding: 0; border: 0; }
.tw-send-mode legend { width: 100%; color: var(--tw-muted); font-size: 12px; font-weight: 950; text-transform: uppercase; letter-spacing: .12em; }
.tw-send-mode label,
.tw-compact-check { display: flex !important; align-items: center; gap: 10px !important; min-height: 42px; padding: 9px 12px; border: 1px solid rgba(16,35,26,.12); border-radius: 12px; background: #fff; color: var(--tw-ink); font-weight: 900; }
.tw-send-mode input,
.tw-compact-check input,
.tw-compact-member-list input { width: auto; flex: 0 0 auto; }
.tw-check-strong { background: #eef8f2; border-color: rgba(14,122,79,.2); }
.tw-compact-check small { margin-left: auto; color: var(--tw-muted); font-weight: 850; }
.tw-callup-role-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 8px; }
.tw-callup-member-picker { border-top: 1px solid var(--tw-line); padding-top: 12px; }
.tw-callup-member-picker summary { cursor: pointer; color: #0b5f3d; font-weight: 950; }
.tw-compact-member-list { display: grid; gap: 7px; margin-top: 12px; max-height: 280px; overflow: auto; padding-right: 4px; }
.tw-compact-member-list label { display: grid !important; grid-template-columns: auto minmax(0,1fr) auto; align-items: center; gap: 9px !important; padding: 8px 0; border-bottom: 1px solid rgba(16,35,26,.07); }
.tw-compact-member-list small { color: var(--tw-muted); font-weight: 850; }
.tw-callup-summary-box { display: grid; gap: 2px; padding: 14px; border: 1px solid rgba(14,122,79,.16); border-radius: 14px; background: #f6fbf8; }
.tw-callup-summary-box strong { font-size: 28px; line-height: 1; }
.tw-callup-summary-box span { font-weight: 950; }
.tw-callup-summary-box small { color: var(--tw-muted); }
.tw-callup-hub-grid { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(260px, .55fr); gap: 16px; margin-bottom: 16px; }
.tw-callup-event-list { display: grid; gap: 8px; }
.tw-callup-event-row { display: grid; grid-template-columns: minmax(0,1fr) auto auto; align-items: center; gap: 14px; padding: 12px 0; border-bottom: 1px solid var(--tw-line); }
.tw-callup-event-row:last-child { border-bottom: 0; }
.tw-callup-event-row > div { min-width: 0; display: grid; gap: 3px; }
.tw-callup-event-row strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tw-callup-event-row span,
.tw-callup-event-row small { color: var(--tw-muted); font-weight: 820; }
.tw-callup-mini-stats { display: grid; gap: 8px; margin: 16px 0; }
.tw-callup-mini-stats span { display: flex; justify-content: space-between; align-items: center; padding: 10px 0; border-bottom: 1px solid var(--tw-line); color: var(--tw-muted); font-weight: 900; }
.tw-callup-mini-stats strong { color: var(--tw-ink); font-size: 24px; }
.tw-team-page-mini-stats {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin: 14px 0 6px;
}
.tw-team-page-mini-stats span {
  display: grid;
  gap: 4px;
  align-content: center;
  min-height: 66px;
  padding: 10px 12px;
  border: 1px solid var(--tw-line);
  border-radius: 10px;
  background: #fff;
}
.tw-team-page-mini-stats strong {
  font-size: 16px;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.tw-team-page-mini-stats small {
  color: var(--tw-muted);
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .04em;
}
.tw-callup-detail-head { display: flex; justify-content: space-between; gap: 18px; align-items: flex-start; margin-bottom: 16px; }
.tw-callup-detail-head h2 { margin: 0 0 6px; font-size: clamp(30px, 4vw, 48px); line-height: 1; }
.tw-callup-detail-head p,
.tw-callup-detail-head span { margin: 0; color: var(--tw-muted); }
.tw-callup-detail-actions { display: flex; flex-wrap: wrap; gap: 8px; justify-content: flex-end; }
.tw-callup-response-list { display: grid; gap: 8px; }
.tw-callup-response-list h3 { margin: 8px 0; }
.tw-callup-response-row { display: grid; grid-template-columns: minmax(0,1fr) auto auto auto; align-items: center; gap: 12px; padding: 10px 0; border-bottom: 1px solid var(--tw-line); }
.tw-callup-response-row > div { display: grid; gap: 3px; min-width: 0; }
.tw-callup-response-row span { color: var(--tw-muted); font-size: 14px; font-weight: 820; }
.tw-callup-status { padding: 6px 10px; border-radius: 999px; background: #f1f5f3; color: var(--tw-ink) !important; font-size: 12px !important; font-weight: 950 !important; }
.tw-calendar-callup-link { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; margin-top: 10px; padding-top: 10px; border-top: 1px solid var(--tw-line); }
.tw-calendar-callup-link span { color: var(--tw-muted); font-weight: 850; }
@media (max-width: 900px) {
  .tw-callup-header,
  .tw-callup-detail-head { align-items: stretch; flex-direction: column; }
  .tw-callup-header-actions,
  .tw-callup-detail-actions { justify-content: flex-start; }
  .tw-callup-compose-grid,
  .tw-callup-hub-grid { grid-template-columns: 1fr; }
  .tw-callup-event-row,
  .tw-callup-response-row { grid-template-columns: 1fr; align-items: start; }
  .tw-callup-role-grid { grid-template-columns: 1fr; }
  .tw-team-page-mini-stats { grid-template-columns: 1fr; }
}
.tw-table-wrap { width: 100%; overflow-x: auto; }
.tw-list-row { display: flex; justify-content: space-between; gap: 16px; padding: 14px 0; border-bottom: 1px solid var(--tw-line); }
.tw-list-row > div { display: grid; gap: 4px; }
.tw-list-row p { margin: 6px 0 0; color: var(--tw-muted); }
.tw-key-box { padding: 18px; border: 1px dashed rgba(14,122,79,.35); border-radius: 16px; background: #f1faf5; color: #0b5f3d; font-size: 24px; font-weight: 950; letter-spacing: .08em; overflow-wrap: anywhere; }
.tw-table { width: 100%; border-collapse: collapse; }
.tw-table th, .tw-table td { padding: 14px; border-bottom: 1px solid var(--tw-line); text-align: left; }
.tw-table th { color: #20372d; font-size: 13px; text-transform: uppercase; letter-spacing: .08em; }
.tw-table td { vertical-align: top; }
.tw-table td.tw-table-actions { display: flex; flex-wrap: wrap; gap: 8px; justify-content: flex-end; }
.tw-table td.tw-table-actions form { margin: 0; }
.tw-member-edit-form { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.tw-member-edit-form .tw-card-actions { grid-column: 1 / -1; margin-top: 0; padding-top: 0; }
.tw-people-list { display: grid; gap: 12px; }
.tw-people-search { width: min(320px, 100%); display: flex; align-items: center; gap: 8px; border: 1px solid rgba(16,35,26,.14); border-radius: 999px; padding: 8px 12px; background: #fff; color: #0b5f3d; }
.tw-people-search span { width: 18px; height: 18px; display: grid; place-items: center; flex: 0 0 auto; }
.tw-people-search svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.tw-people-search input { width: 100%; border: 0; outline: 0; background: transparent; color: var(--tw-ink); font: inherit; font-weight: 750; }
.tw-people-search input::placeholder { color: var(--tw-muted); }
.tw-person-card { display: grid; grid-template-columns: 52px minmax(0,1fr) auto; gap: 14px; align-items: center; padding: 14px; border: 1px solid rgba(16,35,26,.12); border-radius: 16px; background: #fff; box-shadow: 0 14px 34px rgba(16,35,26,.06); }
.tw-person-avatar { width: 52px; height: 52px; display: grid; place-items: center; border-radius: 16px; background: #e4f5eb; color: #0b5f3d; font-weight: 950; letter-spacing: .04em; }
.tw-person-main { display: grid; gap: 8px; min-width: 0; }
.tw-person-main > strong { font-size: 18px; }
.tw-person-pill { width: max-content; border-radius: 999px; padding: 5px 9px; background: #f1faf5; color: #0b5f3d; font-size: 12px; font-weight: 900; }
.tw-person-contact { display: flex; flex-wrap: wrap; gap: 10px 16px; color: var(--tw-muted); font-size: 14px; font-weight: 750; }
.tw-person-contact a { display: inline-flex; align-items: center; gap: 7px; min-width: 0; overflow-wrap: anywhere; }
.tw-person-contact span { width: 20px; height: 20px; display: grid; place-items: center; flex: 0 0 auto; color: #0b5f3d; }
.tw-person-contact svg, .tw-icon-btn svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.tw-person-actions { display: flex; align-items: center; gap: 8px; }
.tw-person-actions form { margin: 0; }
.tw-icon-btn { width: 40px; height: 40px; display: inline-grid; place-items: center; border: 1px solid rgba(16,35,26,.13); border-radius: 12px; background: #fff; color: #0b5f3d; cursor: pointer; box-shadow: 0 10px 24px rgba(16,35,26,.06); }
.tw-icon-btn:hover { background: #f1faf5; transform: translateY(-1px); }
.tw-icon-btn.danger { color: #9f1d1d; }
.tw-member-edit-row { padding: 16px; border: 1px solid rgba(14,122,79,.16); border-radius: 16px; background: #f4f8f6; }
.tw-people-pagination { display: flex; align-items: center; justify-content: flex-end; gap: 12px; padding-top: 8px; }
.tw-people-pagination span { color: var(--tw-muted); font-weight: 850; }
.tw-people-pagination button:disabled { opacity: .45; cursor: not-allowed; transform: none; }
.tw-team-ops { display: grid; gap: 14px; }
.tw-team-ops-head { display: flex; justify-content: space-between; align-items: end; gap: 18px; padding: 16px 18px; border: 1px solid rgba(16,35,26,.12); background: #fff; box-shadow: 0 14px 38px rgba(16,35,26,.06); }
.tw-team-ops-head h2 { margin: 4px 0; font-size: clamp(30px, 4vw, 48px); line-height: 1; }
.tw-team-ops-head p { margin: 0; color: var(--tw-muted); font-weight: 750; }
.tw-team-ops-actions { display: flex; flex-wrap: wrap; gap: 8px; justify-content: flex-end; }
.tw-team-metrics { display: grid; grid-template-columns: repeat(7,minmax(0,1fr)); gap: 8px; }
.tw-team-metrics div { padding: 12px; border: 1px solid rgba(16,35,26,.1); background: #f8fbf9; min-height: 76px; display: grid; align-content: center; }
.tw-team-metrics strong { display: block; font-size: 28px; line-height: 1; color: var(--tw-ink); }
.tw-team-metrics span { display: block; margin-top: 5px; color: var(--tw-muted); font-size: 12px; font-weight: 850; }
.tw-team-panel { border: 1px solid rgba(16,35,26,.12); background: #fff; box-shadow: 0 14px 38px rgba(16,35,26,.06); padding: 14px; display: grid; gap: 12px; }
.tw-team-toolbar { display: grid; grid-template-columns: minmax(240px, 1fr) auto auto; gap: 10px; align-items: center; padding-bottom: 12px; border-bottom: 1px solid var(--tw-line); }
.tw-team-filterbar { display: flex; flex-wrap: wrap; gap: 6px; }
.tw-team-filterbar button { border: 1px solid #d9e4de; background: #fff; color: var(--tw-ink); padding: 9px 11px; border-radius: 3px; font: inherit; font-size: 13px; font-weight: 850; cursor: pointer; }
.tw-team-filterbar button.active,
.tw-team-filterbar button:hover { background: #e9f5ee; border-color: #a8d9c0; color: #0b5f3d; }
.tw-team-sort { display: flex; align-items: center; gap: 8px; color: var(--tw-muted); font-size: 12px; font-weight: 900; text-transform: uppercase; letter-spacing: .08em; }
.tw-team-sort select,
.tw-team-bulk select { border: 1px solid #d8dfeb; border-radius: 3px; padding: 10px 12px; background: #fff; color: var(--tw-ink); font: inherit; font-weight: 800; }
.tw-team-bulk { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; padding: 10px; border: 1px solid rgba(16,35,26,.1); background: #f8fbf9; }
.tw-team-bulk > span { margin-right: auto; color: var(--tw-muted); font-weight: 850; }
.tw-team-list { display: grid; gap: 7px; }
.tw-team-row { display: grid; grid-template-columns: 30px minmax(210px,1.2fr) minmax(200px,1fr) 130px minmax(160px,.9fr) minmax(150px,.8fr) auto; gap: 12px; align-items: center; padding: 11px 12px; border: 1px solid #dfe6e2; background: #fff; transition: background .18s ease, border-color .18s ease, transform .18s ease; }
.tw-team-row:hover { background: #f8fbf9; border-color: #b8d6c8; transform: translateY(-1px); }
.tw-team-select { display: grid; place-items: center; }
.tw-team-select input { width: 16px; height: 16px; }
.tw-team-person { display: flex; align-items: center; gap: 10px; min-width: 0; padding: 0; border: 0; background: transparent; text-align: left; cursor: pointer; color: var(--tw-ink); font: inherit; }
.tw-team-person .tw-person-avatar { width: 38px; height: 38px; border-radius: 3px; font-size: 13px; }
.tw-team-person strong { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 15px; }
.tw-team-person small,
.tw-team-response span,
.tw-team-next span { display: block; color: var(--tw-muted); font-size: 12px; font-weight: 750; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tw-team-contact { display: grid; gap: 3px; min-width: 0; font-size: 13px; font-weight: 750; }
.tw-team-contact a { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--tw-ink); }
.tw-team-contact a + a { color: var(--tw-muted); }
.tw-team-attendance { display: grid; gap: 6px; }
.tw-team-attendance strong,
.tw-team-response strong,
.tw-team-next strong { font-size: 13px; color: var(--tw-ink); }
.tw-team-attendance span { display: block; height: 5px; border-radius: 999px; background: #edf2ef; overflow: hidden; }
.tw-team-attendance i { display: block; height: 100%; background: #0e7a4f; border-radius: inherit; }
.tw-team-row-actions { display: flex; justify-content: flex-end; }
.tw-member-drawer,
.tw-modal { width: min(820px, calc(100vw - 32px)); max-height: calc(100vh - 36px); overflow: auto; border: 1px solid rgba(16,35,26,.15); border-radius: 3px; background: #fff; color: var(--tw-ink); box-shadow: 0 30px 80px rgba(6,16,12,.24); }
.tw-club-action-modal { width: min(560px, calc(100vw - 32px)); }
.tw-member-drawer::backdrop,
.tw-modal::backdrop { background: rgba(6,16,12,.45); backdrop-filter: blur(4px); }
.tw-drawer-head,
.tw-modal-head { display: flex; justify-content: space-between; gap: 16px; align-items: start; padding: 18px; border-bottom: 1px solid var(--tw-line); }
.tw-drawer-head h2,
.tw-modal-head h2 { margin: 4px 0 0; font-size: 30px; line-height: 1.05; }
.tw-modal-body { padding: 18px; max-width: none; }
.tw-modal-body .tw-btn { width: 100%; }
.tw-member-profile-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; padding: 18px; }
.tw-member-profile-grid section { border: 1px solid #e1e8e4; background: #fbfdfc; padding: 14px; }
.tw-member-profile-grid h3 { margin: 0 0 10px; font-size: 17px; }
.tw-profile-stats { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
.tw-profile-stats span { padding: 10px; background: #fff; border: 1px solid #e1e8e4; color: var(--tw-muted); font-size: 12px; font-weight: 850; }
.tw-profile-stats strong { display: block; color: var(--tw-ink); font-size: 24px; line-height: 1; }
.tw-response-mini-list { display: grid; gap: 8px; }
.tw-response-mini-list div { display: grid; gap: 2px; border-bottom: 1px solid var(--tw-line); padding-bottom: 8px; }
.tw-response-mini-list div:last-child { border-bottom: 0; padding-bottom: 0; }
.tw-response-mini-list strong { font-size: 13px; }
.tw-response-mini-list span { color: var(--tw-muted); font-size: 13px; font-weight: 750; }
.tw-team-row[hidden] { display: none !important; }
.tw-settings-center { display: grid; grid-template-columns: 230px minmax(0,1fr); gap: 16px; align-items: start; }
.tw-settings-nav { position: sticky; top: 92px; display: grid; gap: 16px; border: 1px solid #dfe6e2; background: #fff; padding: 16px; box-shadow: 0 14px 38px rgba(16,35,26,.05); }
.tw-settings-nav h2 { margin: 4px 0 0; font-size: 22px; line-height: 1.1; }
.tw-settings-nav nav { display: grid; gap: 4px; }
.tw-settings-nav a { padding: 10px 11px; border: 1px solid transparent; color: #2d3d38; font-weight: 800; }
.tw-settings-nav a:hover { border-color: #cfe0d8; background: #f6faf8; }
.tw-settings-content { display: grid; gap: 12px; }
.tw-settings-section { border: 1px solid #dfe6e2; background: #fff; padding: 16px; box-shadow: 0 14px 38px rgba(16,35,26,.05); scroll-margin-top: 110px; }
.tw-settings-section-head { display: flex; justify-content: space-between; align-items: start; gap: 14px; padding-bottom: 12px; margin-bottom: 12px; border-bottom: 1px solid var(--tw-line); }
.tw-settings-section-head h2 { margin: 4px 0 0; font-size: 26px; line-height: 1.1; }
.tw-settings-pill { display: inline-flex; align-items: center; min-height: 30px; padding: 6px 10px; border: 1px solid #d9e4de; background: #f8fbf9; color: #2d3d38; font-size: 12px; font-weight: 900; text-transform: uppercase; letter-spacing: .06em; }
.tw-settings-form { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; max-width: none; }
.tw-settings-form .tw-card-actions { grid-column: 1 / -1; margin: 0; padding-top: 2px; }
.tw-settings-form label:has(small) small { color: var(--tw-muted); font-weight: 700; }
.tw-settings-meta,
.tw-settings-summary-grid,
.tw-settings-subscription { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 8px; }
.tw-settings-meta { margin-top: 12px; grid-template-columns: repeat(2,minmax(0,1fr)); }
.tw-settings-meta span,
.tw-settings-summary-grid span,
.tw-settings-subscription > div { padding: 12px; border: 1px solid #e1e8e4; background: #fbfdfc; color: var(--tw-muted); font-size: 13px; font-weight: 750; min-width: 0; }
.tw-settings-meta strong,
.tw-settings-summary-grid strong,
.tw-settings-subscription strong { display: block; margin-bottom: 5px; color: var(--tw-ink); font-size: 17px; line-height: 1.1; overflow-wrap: anywhere; }
.tw-settings-subscription { grid-template-columns: repeat(5,minmax(0,1fr)); }
.tw-settings-subscription span { display: block; overflow-wrap: anywhere; }
.tw-settings-subscription em { display: block; height: 5px; margin-top: 9px; border-radius: 999px; background: #edf2ef; overflow: hidden; }
.tw-settings-subscription i { display: block; height: 100%; background: #0e7a4f; border-radius: inherit; }
@media (max-width: 900px) {
  .tw-team-ops-head { align-items: stretch; flex-direction: column; }
  .tw-team-ops-actions { justify-content: flex-start; }
  .tw-team-metrics { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .tw-team-toolbar { grid-template-columns: 1fr; }
  .tw-team-row { grid-template-columns: 28px 1fr; align-items: start; }
  .tw-team-contact,
  .tw-team-attendance,
  .tw-team-response,
  .tw-team-next,
  .tw-team-row-actions { grid-column: 2; }
  .tw-member-profile-grid { grid-template-columns: 1fr; }
  .tw-settings-center { grid-template-columns: 1fr; }
  .tw-settings-nav { position: static; }
  .tw-settings-nav nav { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .tw-settings-form,
  .tw-settings-meta,
  .tw-settings-summary-grid,
  .tw-settings-subscription { grid-template-columns: 1fr; }
}
.tw-admin-page { display: grid; gap: 20px; }
.tw-admin-shell { max-width: 1400px; display: grid; grid-template-columns: 250px minmax(0,1fr); gap: 16px; align-items: start; padding-top: 18px; }
.tw-admin-sidebar { position: sticky; top: 86px; border: 1px solid rgba(121,149,136,.35); border-radius: 16px; background: linear-gradient(180deg, #102019, #13281f); box-shadow: 0 24px 56px rgba(6,16,12,.35); padding: 14px; display: grid; gap: 10px; }
.tw-admin-sidebar-head h2 { margin: 6px 0 0; font-size: 22px; color: #eef7f2; }
.tw-admin-sidebar .tw-kicker { color: #89b89f; font-size: 11px; letter-spacing: .16em; }
.tw-admin-side-group { display: grid; gap: 6px; }
.tw-admin-side-title { color: #7da790; font-size: 11px; font-weight: 900; letter-spacing: .14em; text-transform: uppercase; padding: 6px 8px 0; }
.tw-admin-side-nav { display: grid; gap: 4px; }
.tw-admin-side-nav a { padding: 9px 10px; border-radius: 9px; font-weight: 760; color: #d8ebe0; border: 1px solid transparent; display: flex; justify-content: space-between; align-items: center; font-size: 14px; }
.tw-admin-side-nav a em { font-style: normal; background: rgba(154,219,183,.15); border: 1px solid rgba(125,167,144,.35); color: #c6ecd5; border-radius: 999px; min-width: 24px; text-align: center; padding: 2px 7px; font-size: 11px; font-weight: 900; }
.tw-admin-side-nav a.active { background: rgba(33,101,70,.58); border-color: rgba(143,216,176,.45); color: #fff; }
.tw-admin-side-nav a:hover { background: rgba(255,255,255,.06); }
.tw-admin-side-stats { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; margin-top: 6px; }
.tw-admin-side-stats div { border: 1px solid rgba(125,167,144,.28); border-radius: 10px; background: rgba(255,255,255,.05); padding: 8px; }
.tw-admin-side-stats span { display: block; color: #9fc3af; font-size: 11px; font-weight: 800; }
.tw-admin-side-stats strong { display: block; margin-top: 4px; font-size: 20px; line-height: 1; color: #ecf8f1; }
.tw-admin-content { min-width: 0; display: grid; gap: 14px; }
.tw-admin-topbar { position: sticky; top: 74px; z-index: 8; display: flex; justify-content: space-between; gap: 12px; align-items: center; border: 1px solid rgba(16,35,26,.12); background: rgba(255,255,255,.94); backdrop-filter: blur(8px); border-radius: 14px; padding: 8px; }
.tw-admin-top-search { display: flex; gap: 8px; align-items: center; width: min(600px, 100%); }
.tw-admin-top-search input { flex: 1; min-width: 0; border: 1px solid #d8dfeb; border-radius: 10px; padding: 10px 12px; font: inherit; background: #fff; }
.tw-admin-top-actions { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; justify-content: flex-end; }
.tw-admin-badge { display: inline-flex; align-items: center; gap: 6px; border: 1px solid #dbe8df; border-radius: 999px; padding: 6px 10px; font-size: 12px; font-weight: 800; background: #fff; }
.tw-admin-badge.ok:before, .tw-admin-badge.warn:before { content: ""; width: 8px; height: 8px; border-radius: 999px; }
.tw-admin-badge.ok:before { background: #1f9960; } .tw-admin-badge.warn:before { background: #e2a13c; }
.tw-admin-userchip, .tw-admin-back { border: 1px solid #d8dfeb; border-radius: 999px; padding: 7px 10px; font-size: 12px; font-weight: 800; background: #fff; }
.tw-admin-quick-btn { padding: 9px 14px; }
.tw-admin-heading { display: flex; justify-content: space-between; align-items: flex-end; gap: 24px; }
.tw-admin-heading .tw-page-title { margin-bottom: 10px; }
.tw-admin-nav { display: flex; flex-wrap: wrap; gap: 12px; }
.tw-admin-stat-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 14px; }
.tw-admin-stat { padding: 20px; border: 1px solid var(--tw-line); border-radius: 18px; background: linear-gradient(180deg, #fff, #f7fbf9); box-shadow: 0 16px 44px rgba(16, 35, 26, .08); }
.tw-admin-stat span { display: block; color: var(--tw-muted); font-weight: 850; font-size: 13px; }
.tw-admin-stat strong { display: block; margin-top: 8px; color: var(--tw-ink); font-size: 36px; line-height: 1; }
.tw-admin-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; align-items: start; }
.tw-admin-table-card { overflow: visible; }
.tw-admin-table-card table { min-width: 0; width: 100%; table-layout: auto; }
.tw-admin-table-card.is-compact table { min-width: 0; }
.tw-admin-page .tw-table-wrap { overflow: visible; }
.tw-admin-page .tw-table td,
.tw-admin-page .tw-table th { white-space: normal; word-break: break-word; }
.tw-admin-page .tw-inline-form { justify-content: flex-end; }
.tw-admin-page .tw-inline-form select { max-width: 180px; }
.tw-actions { display: grid; gap: 10px; min-width: 220px; }
.tw-actions details { padding: 10px; border: 1px solid var(--tw-line); border-radius: 14px; background: #f7fbf9; }
.tw-actions summary { cursor: pointer; font-weight: 900; color: #0b5f3d; }
.tw-status { display: inline-flex; margin: 0 5px 5px 0; padding: 5px 8px; border-radius: 999px; background: #e4f5eb; color: #0b5f3d; font-size: 12px; font-weight: 900; }
.tw-check { display: flex !important; grid-template-columns: auto 1fr; align-items: center; gap: 10px !important; }
.tw-check input { width: auto; }
.tw-taxonomy-fieldset { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 10px; margin: 0; padding: 16px; border: 1px solid var(--tw-line); border-radius: 16px; }
.tw-taxonomy-fieldset legend { padding: 0 8px; color: #0b5f3d; font-weight: 950; }
.tw-tool-admin-form { max-width: none; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.tw-tool-admin-form .tw-taxonomy-fieldset,
.tw-tool-admin-form label:has(textarea),
.tw-tool-admin-form button { grid-column: 1 / -1; }
.tw-inline-form { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.tw-inline-form select { border: 1px solid #d8dfeb; border-radius: 999px; padding: 10px 12px; background: #fff; font: inherit; }
.tw-inline-form button.tw-btn { border: 1px solid var(--tw-green); appearance: none; font: inherit; }
.tw-admin-filters { display: grid; grid-template-columns: minmax(220px, 1fr) repeat(3, minmax(140px, 200px)) auto; gap: 10px; margin: 8px 0 14px; align-items: center; }
.tw-admin-filters input,
.tw-admin-filters select { border: 1px solid #d8dfeb; border-radius: 999px; padding: 10px 12px; background: #fff; font: inherit; }
.tw-admin-page .tw-pagination { display: flex; gap: 10px; align-items: center; justify-content: space-between; margin-top: 12px; }
.tw-admin-grid-clean .tw-admin-table-card { overflow: visible; }
.tw-admin-control-room { gap: 20px; }
.tw-admin-hero { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 16px; align-items: end; border: 1px solid rgba(16,35,26,.12); border-radius: 16px; padding: 18px; background: linear-gradient(135deg, #f7fbf8, #fff); }
.tw-admin-hero .tw-page-title { margin: 8px 0; font-size: clamp(34px, 4vw, 52px); }
.tw-admin-hero-actions { display: flex; flex-wrap: wrap; gap: 8px; justify-content: flex-end; }
.tw-admin-hero-actions .tw-btn { padding: 10px 14px; font-size: 13px; }
.tw-admin-kpi-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; }
.tw-admin-kpi { border: 1px solid rgba(16,35,26,.14); border-radius: 14px; padding: 14px; background: #fff; box-shadow: 0 12px 28px rgba(16,35,26,.05); }
.tw-admin-kpi-head { display: flex; justify-content: space-between; align-items: center; gap: 10px; color: #2e4b3f; font-weight: 800; font-size: 12px; text-transform: uppercase; letter-spacing: .08em; }
.tw-admin-kpi .dot { width: 10px; height: 10px; border-radius: 999px; display: inline-block; }
.tw-admin-kpi .dot.ok { background: #1f9960; } .tw-admin-kpi .dot.warn { background: #e2a13c; } .tw-admin-kpi .dot.neutral { background: #8ca79a; }
.tw-admin-kpi strong { display: block; margin-top: 8px; font-size: 36px; line-height: 1; }
.tw-admin-kpi small { color: var(--tw-muted); font-weight: 700; }
.tw-admin-grid-ops { grid-template-columns: repeat(3, minmax(0,1fr)); }
.tw-health-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.tw-health-list li { display: flex; justify-content: space-between; gap: 12px; border-bottom: 1px solid var(--tw-line); padding-bottom: 8px; }
.tw-health-list li:last-child { border-bottom: 0; padding-bottom: 0; }
.tw-health-list strong.ok { color: #1f9960; } .tw-health-list strong.warn { color: #d28b1f; } .tw-health-list strong.bad { color: #bf3030; }
.tw-quick-actions { display: grid; gap: 8px; }
.tw-quick-actions a { border: 1px solid rgba(16,35,26,.14); border-radius: 10px; padding: 10px 12px; font-weight: 800; background: #f8fbf9; }
.tw-quick-actions a:hover { background: #eef6f1; }
.tw-activity-feed { display: grid; gap: 8px; max-height: 340px; overflow: auto; }
.tw-activity-feed > div { border: 1px solid var(--tw-line); border-radius: 10px; padding: 10px; display: grid; gap: 4px; background: #fff; }
.tw-activity-feed .tag { font-size: 11px; font-weight: 900; color: #0b5f3d; }
.tw-activity-feed time { color: var(--tw-muted); font-size: 12px; }
.tw-empty-state { border: 1px dashed rgba(16,35,26,.2); border-radius: 12px; padding: 14px; color: var(--tw-muted); font-weight: 700; background: #fafdfb; }
.tw-admin-rich-table thead th { position: sticky; top: 0; background: #f8fbf9; z-index: 1; }
.tw-admin-analytics-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 10px; }
.tw-admin-analytics-grid h3 { margin: 0 0 8px; font-size: 15px; }
.tw-chart-placeholder { height: 120px; border: 1px dashed rgba(16,35,26,.2); border-radius: 10px; display: grid; place-items: center; color: #60746a; font-weight: 700; background: linear-gradient(180deg, #fff, #f8fbf9); }
.tw-page-tool { display: grid; gap: 28px; }
.tw-page-tool-dashboard { padding-top: 28px; }
.tw-dashboard-shell .tw-page-tool-dashboard { max-width: none; padding: 0; }
.tw-page-dashboard { display: grid; gap: 22px; }
.tw-page-dashboard-hero { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 24px; align-items: end; padding: 26px 28px; border: 1px solid rgba(14,122,79,.16); border-radius: 22px; background: linear-gradient(135deg, #f1faf5 0%, #fff 68%); box-shadow: 0 22px 60px rgba(16,35,26,.06); }
.tw-page-dashboard-hero h2 { margin: 8px 0 10px; font-size: clamp(32px, 4vw, 52px); line-height: 1.05; }
.tw-page-dashboard-hero p { max-width: 650px; margin: 0; color: var(--tw-muted); font-size: 17px; line-height: 1.65; }
.tw-page-dashboard-hero-meta { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 10px; }
.tw-page-dashboard-hero-meta span { padding: 9px 12px; border: 1px solid rgba(14,122,79,.18); border-radius: 999px; background: #fff; color: #0b5f3d; font-size: 12px; font-weight: 900; }
.tw-page-dashboard-grid { display: grid; grid-template-columns: minmax(280px, 420px) minmax(0, 1fr); gap: 22px; align-items: stretch; }
.tw-page-dashboard-grid.single { grid-template-columns: minmax(0, 1fr); }
.tw-page-create-card, .tw-page-list-card { min-height: 0; }
.tw-card-title-row { display: flex; gap: 14px; align-items: flex-start; margin-bottom: 18px; }
.tw-card-title-row h2 { margin: 0 0 4px; }
.tw-card-title-row p, .tw-page-list-card .tw-card-head p { margin: 0; color: var(--tw-muted); line-height: 1.55; }
.tw-card-icon { width: 42px; height: 42px; display: inline-grid; place-items: center; flex: 0 0 auto; border-radius: 14px; background: #e4f5eb; color: #0b5f3d; font-size: 24px; font-weight: 950; }
.tw-page-dashboard-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 22px; align-items: center; padding: 20px; border: 1px solid rgba(14,122,79,.14); border-radius: 18px; background: #f8fbf9; }
.tw-page-dashboard-row-main { min-width: 0; }
.tw-page-dashboard-row-main h3 { margin: 8px 0 6px; font-size: clamp(26px, 3vw, 38px); line-height: 1.08; }
.tw-page-url { display: block; color: #0b5f3d; font-weight: 850; overflow-wrap: anywhere; text-decoration-thickness: 1px; text-underline-offset: 4px; }
.tw-page-dashboard-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 10px; }
.tw-page-dashboard-actions form { margin: 0; }
.tw-btn-danger-ghost { background: #fff; color: #a6332d; border: 1px solid rgba(166,51,45,.24); box-shadow: none; }
.tw-page-editor-grid { display: grid; grid-template-columns: minmax(220px, 300px) minmax(0, 1fr); gap: 24px; align-items: start; }
.tw-page-editor-main { display: grid; gap: 22px; }
.tw-page-editor-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; margin-bottom: 18px; }
.tw-page-editor-head h2 { margin: 0; }
.tw-page-list-row, .tw-page-switch { display: grid; gap: 4px; padding: 14px 0; border-bottom: 1px solid var(--tw-line); color: var(--tw-ink); }
.tw-page-list-row form { margin: 0; }
.tw-page-list-row .tw-card-actions { margin-top: 8px; padding-top: 0; }
.tw-page-switch { text-decoration: none; border-radius: 12px; padding: 12px; border: 1px solid transparent; }
.tw-page-switch.active { background: #f1faf5; border-color: rgba(14,122,79,.18); }
.tw-page-list-row span, .tw-page-switch span { color: var(--tw-muted); font-size: 13px; font-weight: 750; }
.tw-page-view-card { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin: 0 0 20px; padding: 16px; border: 1px solid rgba(14,122,79,.18); border-radius: 16px; background: #f1faf5; }
.tw-page-view-card div { display: grid; gap: 4px; min-width: 0; }
.tw-page-view-card span { color: var(--tw-muted); font-size: 13px; font-weight: 800; overflow-wrap: anywhere; }
.tw-section-editor-card.disabled { opacity: .68; }
.tw-section-actions { display: flex; flex-wrap: wrap; gap: 8px; justify-content: flex-end; }
.tw-section-actions form { margin: 0; }
.tw-form small { color: var(--tw-muted); font-weight: 750; }
.tw-preview-ribbon { position: sticky; top: 0; z-index: 20; padding: 10px 18px; text-align: center; background: #0b5f3d; color: #fff; font-weight: 900; }
.tw-public-page { background: #fff; color: var(--tw-ink); }
.tw-public-hero { min-height: 600px; display: grid; grid-template-columns: minmax(320px,520px) minmax(320px,620px); align-items: center; justify-content: center; gap: clamp(30px,6vw,78px); padding: clamp(46px,6vw,82px) clamp(18px,5vw,72px); background: #f4f7f5; }
.tw-public-hero-copy { display: grid; gap: 18px; align-content: center; }
.tw-public-hero-actions { display: flex; flex-wrap: wrap; gap: 12px; }
.tw-public-logo { max-width: 180px; max-height: 90px; object-fit: contain; margin-bottom: 8px; }
.tw-public-hero h1 { margin: 0; font-size: clamp(44px,6vw,82px); line-height: 1.03; letter-spacing: 0; }
.tw-public-hero h2 { margin: 0; color: #0b5f3d; font-size: clamp(22px,3vw,34px); }
.tw-public-hero p { color: var(--tw-muted); font-size: 19px; line-height: 1.7; max-width: 620px; }
.tw-public-hero-media { min-height: 420px; border-radius: 22px; overflow: hidden; border: 1px solid var(--tw-line); background: #e8f5ed; box-shadow: var(--tw-shadow); display: grid; place-items: center; }
.tw-public-hero-media img { width: 100%; height: 100%; object-fit: cover; display: block; }
.tw-public-hero-media div { padding: 28px; color: #0b5f3d; font-size: clamp(30px,5vw,60px); font-weight: 950; text-align: center; }
.tw-public-section { padding: clamp(42px,5.5vw,72px) clamp(18px,5vw,72px); background: #fff; }
.tw-public-section:nth-of-type(odd) { background: #f4f7f5; }
.tw-public-section:nth-of-type(even) { background: #fff; }
.tw-public-narrow { width: min(760px,100%); margin: 0 auto; }
.tw-public-wide { width: min(1120px,100%); margin: 0 auto; }
.tw-public-section h2 { margin: 0 0 18px; font-size: clamp(30px,4vw,50px); line-height: 1.12; }
.tw-public-section p { color: var(--tw-muted); font-size: 18px; line-height: 1.75; }
.tw-public-link-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(220px,1fr)); gap: 14px; }
.tw-public-link-grid a, .tw-public-contact-card a, .tw-public-contact-card span { display: flex; align-items: center; min-height: 54px; border: 1px solid var(--tw-line); border-radius: 14px; padding: 14px 16px; background: #fff; color: #0b5f3d; font-weight: 900; }
.tw-video-frame { aspect-ratio: 16 / 9; border-radius: 18px; overflow: hidden; border: 1px solid var(--tw-line); box-shadow: var(--tw-shadow); background: #101522; }
.tw-video-frame iframe { width: 100%; height: 100%; border: 0; display: block; }
.tw-public-gallery { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; }
.tw-public-gallery a, .tw-public-gallery figure { margin: 0; overflow: hidden; border: 1px solid var(--tw-line); border-radius: 18px; background: #fff; color: var(--tw-ink); box-shadow: 0 18px 42px rgba(16,35,26,.08); }
.tw-public-gallery img { width: 100%; aspect-ratio: 1.35; object-fit: cover; display: block; }
.tw-public-gallery figcaption { padding: 14px 16px; font-weight: 850; }
.tw-public-contact { width: min(1000px,100%); margin: 0 auto; display: grid; grid-template-columns: 1fr minmax(260px,360px); gap: 34px; align-items: start; }
.tw-public-contact-card { display: grid; gap: 12px; }
.tw-public-sponsors { display: grid; grid-template-columns: repeat(auto-fit,minmax(170px,1fr)); gap: 16px; }
.tw-public-sponsors a, .tw-public-sponsors div { min-height: 140px; display: grid; place-items: center; gap: 12px; padding: 18px; text-align: center; border: 1px solid var(--tw-line); border-radius: 18px; background: #fff; color: var(--tw-ink); box-shadow: 0 18px 42px rgba(16,35,26,.06); }
.tw-public-sponsors img { max-width: 130px; max-height: 62px; object-fit: contain; }
.tw-toast-stack {
  position: fixed;
  top: 18px;
  right: 18px;
  z-index: 9999;
  display: grid;
  gap: 10px;
  width: min(380px, calc(100vw - 28px));
  pointer-events: none;
}
.tw-flash {
  position: relative;
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr) 26px;
  gap: 10px;
  align-items: center;
  min-height: 48px;
  margin: 0;
  padding: 11px 10px 11px 13px;
  border: 1px solid rgba(16,35,26,.12);
  border-radius: 8px;
  background: rgba(255,255,255,.96);
  color: #14231d;
  box-shadow: 0 18px 48px rgba(9,21,15,.16);
  backdrop-filter: blur(12px);
  font-size: 14px;
  font-weight: 750;
  line-height: 1.35;
  pointer-events: auto;
  opacity: 0;
  transform: translate3d(10px, -6px, 0);
  transition: opacity .22s ease, transform .22s ease;
}
.tw-flash.is-visible { opacity: 1; transform: translate3d(0, 0, 0); }
.tw-flash.is-hiding { opacity: 0; transform: translate3d(10px, -6px, 0); }
.tw-flash:before {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: #7a8790;
  box-shadow: 0 0 0 4px rgba(122,135,144,.12);
}
.tw-flash-success:before { background: #0e7a4f; box-shadow: 0 0 0 4px rgba(14,122,79,.12); }
.tw-flash-error:before { background: #b42318; box-shadow: 0 0 0 4px rgba(180,35,24,.1); }
.tw-flash-warning:before,
.tw-flash-info:before { background: #d8941d; box-shadow: 0 0 0 4px rgba(216,148,29,.12); }
.tw-flash span {
  min-width: 0;
  overflow-wrap: anywhere;
}
.tw-toast-close {
  width: 26px;
  height: 26px;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: #6b7b73;
  cursor: pointer;
  font-size: 18px;
  line-height: 1;
}
.tw-toast-close:hover { background: #f0f4f2; color: #10231a; }
@media (max-width: 640px) {
  .tw-toast-stack {
    top: 10px;
    right: 10px;
    left: 10px;
    width: auto;
  }
}
.tw-footer { background: #172124; color: #dce6e0; margin-top: 0; }
.tw-footer-main { max-width: 1280px; margin: 0 auto; padding: clamp(34px, 4.4vw, 54px) clamp(18px, 4vw, 56px); display: grid; grid-template-columns: minmax(320px, 1.35fr) repeat(3, minmax(150px, .68fr)); gap: clamp(20px, 3vw, 40px); }
.tw-footer-brand { display: grid; align-content: start; align-self: start; gap: 10px; margin-top: -8px; }
.tw-footer-logo { display: inline-flex; align-items: center; gap: 10px; color: #fff; font-size: 24px; font-weight: 950; }
.tw-footer-logo img { display: block; width: 185px; height: auto; filter: brightness(0) invert(1); }
.tw-footer-logo .tw-brand-mark { box-shadow: none; }
.tw-footer-brand > .tw-btn { margin-top: 2px; }
.tw-newsletter { display: grid; gap: 8px; max-width: 390px; }
.tw-newsletter label, .tw-socials > span, .tw-certified > span { color: #fff; font-weight: 900; }
.tw-newsletter div { display: grid; grid-template-columns: 1fr 48px; gap: 8px; }
.tw-newsletter input { min-width: 0; border: 1px solid #5a676b; background: transparent; color: #fff; border-radius: 999px; padding: 11px 15px; font: inherit; }
.tw-newsletter input::placeholder { color: #aab7b9; }
.tw-newsletter button { width: 48px; height: 44px; border: 0; border-radius: 999px; background: var(--tw-green); color: #fff; font-size: 30px; line-height: 1; cursor: pointer; }
.tw-newsletter-status { color: #fff; font-size: 11px; line-height: 1.2; font-weight: 600; margin-top: 2px; display: block; }
.tw-newsletter p { margin: 0; color: #aab7b9; font-size: 12px; line-height: 1.45; }
.tw-hp-wrap { position: absolute !important; left: -10000px !important; top: auto !important; width: 1px !important; height: 1px !important; overflow: hidden !important; }
.tw-hp-wrap input { pointer-events: none; }
.tw-socials { display: grid; gap: 12px; }
.tw-socials div { display: flex; gap: 14px; }
.tw-socials a { width: 48px; height: 48px; display: grid; place-items: center; border-radius: 16px; background: #070a0b; color: #dce6e0; font-size: 21px; font-weight: 950; }
.tw-certified { display: grid; gap: 12px; }
.tw-certified div { display: flex; flex-wrap: wrap; gap: 12px; }
.tw-certified div span { min-width: 110px; min-height: 48px; display: grid; place-items: center; border: 1px solid #657276; border-radius: 9px; color: #9daaad; font-size: 12px; font-weight: 850; text-align: center; line-height: 1.25; }
.tw-footer-column { display: grid; align-content: start; gap: 9px; }
.tw-footer-column h2 { margin: 0 0 4px; color: #fff; font-size: 16px; }
.tw-footer-column a { color: #c1cccf; font-size: 14px; line-height: 1.2; }
.tw-footer-column a:hover { color: #fff; }
.tw-footer-bottom { background: #030404; color: #c1cccf; padding: 18px clamp(18px, 4vw, 56px); display: flex; justify-content: space-between; gap: 18px; font-size: 13px; }
.tw-footer-bottom nav { display: flex; flex-wrap: wrap; gap: 26px; }
.tw-footer-bottom a { text-decoration: underline; text-underline-offset: 3px; }

/* Admin Control Room redesign */
.tw-admin-shell {
  max-width: 1600px;
  grid-template-columns: 280px minmax(0, 1fr);
  gap: 18px;
  padding-top: 18px;
  position: relative;
}
.tw-admin-shell::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(10, 18, 14, .02) 1px, transparent 1px),
    linear-gradient(90deg, rgba(10, 18, 14, .02) 1px, transparent 1px);
  background-size: 26px 26px;
  z-index: -1;
}
.tw-admin-sidebar {
  top: 84px;
  border-radius: 18px;
  border: 1px solid rgba(86, 117, 103, .45);
  background: linear-gradient(180deg, #0c1713 0%, #0f2018 62%, #13281f 100%);
  box-shadow: 0 30px 70px rgba(8, 15, 12, .45);
  padding: 14px;
  gap: 8px;
}
.tw-admin-sidebar-head h2 { font-size: 24px; margin-top: 4px; }
.tw-admin-side-title { padding-top: 2px; color: #7ea993; }
.tw-admin-side-nav a {
  min-height: 40px;
  padding: 9px 11px;
  border-radius: 10px;
  color: #d9ece2;
  font-size: 14px;
}
.tw-admin-side-nav a.active {
  background: linear-gradient(180deg, rgba(25, 122, 81, .62), rgba(20, 93, 64, .62));
  border-color: rgba(156, 224, 189, .5);
}
.tw-admin-side-stats div {
  border-radius: 12px;
  padding: 9px;
  background: rgba(255, 255, 255, .06);
}
.tw-admin-content { gap: 16px; min-width: 0; }
.tw-admin-topbar {
  top: 74px;
  border-radius: 14px;
  border: 1px solid rgba(16, 35, 26, .15);
  background: rgba(255, 255, 255, .94);
  box-shadow: 0 14px 34px rgba(16, 35, 26, .1);
}
.tw-admin-top-search { width: min(640px, 100%); }
.tw-admin-top-search input { min-height: 40px; }
.tw-admin-quick-btn { min-height: 36px; }
.tw-admin-page { gap: 16px; }
.tw-admin-control-room { gap: 16px; }
.tw-admin-hero {
  border-radius: 18px;
  border: 1px solid rgba(16, 35, 26, .12);
  padding: 20px;
  background: linear-gradient(130deg, #f4faf7 0%, #ffffff 65%);
  box-shadow: 0 18px 40px rgba(16, 35, 26, .08);
}
.tw-admin-hero .tw-page-title { font-size: clamp(32px, 3.2vw, 50px); margin: 8px 0 10px; }
.tw-admin-hero .tw-lead { margin: 0; max-width: 760px; font-size: 17px; }
.tw-admin-hero-actions { gap: 10px; align-self: start; }
.tw-admin-hero-actions .tw-btn { min-height: 38px; font-size: 13px; }
.tw-admin-kpi-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
}
.tw-admin-kpi {
  border-radius: 14px;
  padding: 13px;
  min-height: 120px;
}
.tw-admin-kpi strong { font-size: 34px; margin-top: 7px; }
.tw-admin-grid { gap: 14px; }
.tw-admin-grid-ops { grid-template-columns: 1.1fr 1fr 1.2fr; }
.tw-admin-table-card {
  border-radius: 14px;
  min-height: 0;
  padding: 18px;
  box-shadow: 0 14px 30px rgba(16, 35, 26, .08);
}
.tw-admin-table-card h2 { margin: 0 0 10px; font-size: 25px; }
.tw-admin-table-card .tw-table-wrap {
  overflow-x: visible !important;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  max-height: none;
}
.tw-admin-table-card .tw-table {
  width: 100%;
  min-width: 0;
  table-layout: auto;
}
.tw-admin-rich-table th,
.tw-admin-rich-table td {
  vertical-align: middle;
  padding-top: 11px;
  padding-bottom: 11px;
}
.tw-admin-rich-table td { color: #1a3126; }
.tw-admin-rich-table .tw-status {
  display: inline-flex;
  border-radius: 999px;
  border: 1px solid rgba(16, 35, 26, .18);
  background: #f5f9f7;
  padding: 5px 10px;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .03em;
}
.tw-table-actions { white-space: nowrap; }
.tw-health-list li { padding: 9px 0; }
.tw-quick-actions { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }
.tw-quick-actions a {
  padding: 11px 12px;
  border-radius: 11px;
  font-size: 14px;
  font-weight: 800;
}
.tw-activity-feed {
  max-height: none;
  overflow: visible;
}
.tw-activity-feed > div {
  border-radius: 12px;
  padding: 12px;
}
.tw-admin-analytics-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.tw-chart-placeholder {
  min-height: 120px;
  border-radius: 12px;
}

/* Remove "boxed iframe" feeling globally in admin */
.tw-admin-page .tw-table-wrap,
.tw-admin-page .tw-card .tw-table-wrap {
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}

@media (max-width: 980px) {
  .tw-admin-shell { grid-template-columns: 1fr; }
  .tw-admin-sidebar { position: static; top: auto; }
  .tw-admin-topbar {
    position: static;
    display: grid;
    gap: 10px;
  }
  .tw-admin-top-actions { justify-content: flex-start; }
  .tw-admin-hero { grid-template-columns: 1fr; }
  .tw-admin-kpi-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .tw-admin-grid,
  .tw-admin-grid-ops,
  .tw-admin-analytics-grid { grid-template-columns: 1fr; }
  .tw-quick-actions { grid-template-columns: 1fr; }
  .tw-hero, .tw-grid-2, .tw-grid-3, .tw-grid-4, .tw-dashboard-grid, .tw-tool-feature, .tw-tool-detail-hero { grid-template-columns: 1fr; }
  .tw-dashboard-shell, .tw-workspace-grid, .tw-workspace-grid.compact { grid-template-columns: 1fr; }
  .tw-club-team-card, .tw-club-member-card, .tw-club-team-edit, .tw-club-member-edit { grid-template-columns: 1fr; }
  .tw-club-team-actions .tw-inline-form, .tw-club-meta-grid { grid-template-columns: 1fr; }
  .tw-support-admin-grid { grid-template-columns: 1fr; }
  .tw-sidebar-toggle { display: none; }
  .tw-workspace-sidebar { position: static; min-height: auto; }
  .tw-workspace-sidebar nav { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .tw-workspace-top { display: grid; }
  .tw-page-editor-grid, .tw-page-dashboard-hero, .tw-page-dashboard-grid, .tw-page-dashboard-row, .tw-public-hero, .tw-public-contact { grid-template-columns: 1fr; }
  .tw-page-dashboard-hero-meta, .tw-page-dashboard-actions { justify-content: flex-start; }
  .tw-tool-landing-hero { grid-template-columns: 1fr; grid-template-areas: "copy" "visual" "trust"; }
  .tw-tool-benefit-top, .tw-tool-benefit-grid { grid-template-columns: 1fr 1fr; }
  .tw-admin-stat-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .tw-admin-grid, .tw-admin-heading { grid-template-columns: 1fr; display: grid; }
  .tw-form-row { grid-template-columns: 1fr; }
  .tw-admin-shell { grid-template-columns: 1fr; }
  .tw-admin-sidebar { position: static; }
  .tw-admin-filters { grid-template-columns: 1fr 1fr; }
  .tw-sport-tool-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .tw-tool-gallery-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .tw-public-gallery { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .tw-hero { padding-top: 14px; }
  .tw-calendar-head { display: grid; }
  .tw-calendar-picker { justify-content: flex-start; }
  .tw-calendar-day { min-height: 116px; }
  .tw-callup-form, .tw-callup-stats { grid-template-columns: 1fr 1fr; }
  .tw-hero-copy { justify-self: start; }
  .tw-hero-visual { padding-right: 0; }
  .tw-tool-feature.is-reversed .tw-tool-feature-copy, .tw-tool-feature.is-reversed .tw-tool-feature-visual { order: initial; }
  .tw-tools-hero { align-items: start; flex-direction: column; }
  .tw-price-card.featured { transform: none; order: -1; }
  .tw-nav { flex-wrap: wrap; }
  .tw-nav-links { order: 3; width: 100%; margin-left: 0; }
  .tw-nav-dropdown { position: static; }
  .tw-nav-mega { left: 18px; right: 18px; width: auto; transform: none; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .tw-nav-dropdown:hover .tw-nav-mega,
  .tw-nav-dropdown:focus-within .tw-nav-mega { transform: none; }
  .tw-topbar-inner { justify-content: flex-start; overflow-x: auto; }
  .tw-footer-main { grid-template-columns: 1fr 1fr; }
  .tw-footer-brand { grid-column: 1 / -1; }
  .tw-footer-bottom { flex-direction: column; }
}
@media (max-width: 640px) {
  .tw-admin-kpi-grid { grid-template-columns: 1fr; }
  .tw-admin-top-search { width: 100%; }
  .tw-admin-top-search { display: grid; grid-template-columns: 1fr; }
  .tw-admin-top-search .tw-btn { width: 100%; }
  .tw-admin-table-card { padding: 14px; }
  .tw-admin-table-card h2 { font-size: 22px; }
  .tw-workspace-main { padding: 22px 14px; }
  .tw-workspace-sidebar { padding: 18px 14px; }
  .tw-workspace-sidebar nav { grid-template-columns: 1fr; }
  .tw-upcoming-row, .tw-stat-row { grid-template-columns: 1fr; }
  .tw-calendar-grid { display: block; border: 0; background: transparent; }
  .tw-calendar-weekday { display: none; }
  .tw-calendar-day { min-height: 0; margin-bottom: 10px; border: 1px solid var(--tw-line); border-radius: 16px; }
  .tw-calendar-day.muted:empty { display: none; }
  .tw-calendar-picker { display: grid; grid-template-columns: 1fr 1fr; }
  .tw-calendar-picker .tw-btn { width: 100%; }
  .tw-callup-toolbar { align-items: stretch; }
  .tw-callup-tabs, .tw-callup-limit { width: 100%; }
  .tw-callup-tabs a { flex: 1; }
  .tw-callup-form, .tw-callup-stats { grid-template-columns: 1fr; }
  .tw-datetime-field div { grid-template-columns: 1fr 1fr; }
  .tw-list-row { display: grid; }
  .tw-glass-grid { grid-template-columns: 1fr; }
  .tw-nav-actions { width: 100%; flex-wrap: wrap; }
  .tw-brand img { width: 170px; }
  .tw-btn { width: 100%; }
  .tw-login-link { width: 100%; text-align: center; }
  .tw-nav-links { gap: 18px; }
  .tw-nav-mega { grid-template-columns: 1fr; max-height: 70vh; overflow: auto; padding: 18px; }
  .tw-nav-mega a { min-height: auto; }
  .tw-placeholder-canvas { grid-template-columns: 76px 1fr; }
  .tw-placeholder-toolbar span { width: 58px; }
  .tw-placeholder-toolbar span:first-child { width: 92px; }
  .tw-tool-filter-bar { width: 100%; border-radius: 20px; }
  .tw-tool-note { position: static; margin-top: 14px; }
  .tw-sport-tool-list { grid-template-columns: 1fr; }
  .tw-tool-landing-visual { min-height: 560px; }
  .tw-landing-card.small { left: 0; top: 0; width: 78%; }
  .tw-landing-card.large { right: 0; top: 190px; width: 82%; }
  .tw-tool-trust-row, .tw-tool-benefit-top, .tw-tool-benefit-grid { grid-template-columns: 1fr; }
  .tw-admin-stat-grid { grid-template-columns: 1fr; }
  .tw-admin-filters { grid-template-columns: 1fr; }
  .tw-pagination { flex-direction: column; align-items: flex-start; }
  .tw-benefit-visual { min-height: 520px; }
  .tw-benefit-window, .tw-benefit-window.second { left: 0; top: 0; width: 100%; }
  .tw-benefit-window.second { top: 250px; }
  .tw-tool-preview-stack { min-height: 720px; }
  .tw-tool-preview-card { width: 78%; }
  .tw-tool-preview-card.main, .tw-tool-preview-card.secondary, .tw-tool-preview-card.lower { left: 0; right: auto; }
  .tw-tool-preview-card.secondary { top: 240px; left: 18%; }
  .tw-tool-preview-card.lower { bottom: 60px; }
  .tw-tool-floating-note { position: static; width: 100%; margin-top: 18px; }
  .tw-tool-gallery-grid { grid-template-columns: 1fr; }
  .tw-public-gallery { grid-template-columns: 1fr; }
  .tw-page-editor-head, .tw-section-actions { flex-direction: column; align-items: stretch; }
  .tw-public-hero { min-height: auto; }
  .tw-public-hero-media { min-height: 280px; }
  .tw-page-view-card { flex-direction: column; align-items: stretch; }
  .tw-footer-main { grid-template-columns: 1fr; }
  .tw-newsletter div { grid-template-columns: 1fr; }
  .tw-newsletter button { width: 100%; }
}

@media (max-width: 980px) {
  .tw-values-grid { grid-template-columns: 1fr; }
  .tw-value-card { min-height: 0; }
}

.tw-event-editor {
  display: block;
}
.tw-event-editor > summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  cursor: pointer;
  list-style: none;
}
.tw-event-editor > summary::-webkit-details-marker {
  display: none;
}
.tw-inline-editor {
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid var(--tw-line);
}
.tw-inline-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.tw-calendar-workspace {
  display: grid;
  gap: 16px;
}

.tw-calendar-toolbar {
  display: grid;
  gap: 10px;
  padding: 14px;
  border: 1px solid var(--tw-ui-border, var(--tw-line));
  background: #fff;
  border-radius: 3px;
}

.tw-calendar-view-tabs {
  display: inline-flex;
  width: fit-content;
  border: 1px solid var(--tw-ui-border, var(--tw-line));
  background: #f7f9f8;
}

.tw-calendar-view-tabs a {
  min-width: 92px;
  padding: 9px 14px;
  color: #263a32;
  font-weight: 750;
  text-align: center;
  border-right: 1px solid var(--tw-ui-border, var(--tw-line));
}

.tw-calendar-view-tabs a:last-child {
  border-right: 0;
}

.tw-calendar-view-tabs a.active {
  background: #10231a;
  color: #fff;
}

.tw-calendar-filterbar {
  display: grid;
  grid-template-columns: minmax(180px, 1.4fr) repeat(4, minmax(120px, .8fr)) auto auto auto auto;
  gap: 8px;
  align-items: end;
}

.tw-calendar-filterbar label {
  display: grid;
  gap: 5px;
}

.tw-calendar-filterbar label span {
  color: #43564f;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.tw-calendar-filterbar input,
.tw-calendar-filterbar select {
  width: 100%;
  min-height: 38px;
  border: 1px solid var(--tw-ui-border-strong, #c6d2d9);
  border-radius: 3px;
  padding: 8px 10px;
  background: #fff;
  color: #182823;
  font: inherit;
}

.tw-calendar-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 390px);
  gap: 16px;
  align-items: start;
}

.tw-calendar-main {
  min-width: 0;
}

.tw-calendar-grid.compact .tw-calendar-day {
  min-height: 112px;
  padding: 8px;
}

.tw-calendar-day-link {
  color: inherit;
  text-decoration: none;
  display: block;
}

.tw-calendar-day-link.selected .tw-calendar-day {
  box-shadow: inset 0 0 0 2px #0f8a5f;
}

.tw-calendar-event.is-summary {
  grid-template-columns: 34px minmax(0, 1fr);
  padding: 5px 6px;
  border-radius: 3px;
  background: #eef4f1;
  font-size: 11px;
}

.tw-calendar-more {
  display: inline-flex;
  width: fit-content;
  border: 1px solid var(--tw-ui-border, var(--tw-line));
  border-radius: 3px;
  background: #fff;
  padding: 3px 7px;
}

.tw-calendar-drawer {
  position: sticky;
  top: 92px;
  display: grid;
  gap: 14px;
  max-height: calc(100vh - 112px);
  overflow: auto;
  padding: 16px;
  border: 1px solid var(--tw-ui-border, var(--tw-line));
  border-radius: 3px;
  background: #fff;
}

.tw-calendar-drawer-head {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: flex-start;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--tw-ui-border, var(--tw-line));
}

.tw-calendar-drawer-head h2 {
  margin: 4px 0 0;
  font-size: 24px;
}

.tw-day-agenda {
  display: grid;
  gap: 9px;
}

.tw-day-event {
  border: 1px solid var(--tw-ui-border, var(--tw-line));
  border-radius: 3px;
  background: #fff;
}

.tw-day-event[open] {
  border-color: #a9beb5;
}

.tw-day-event summary {
  display: grid;
  grid-template-columns: 64px minmax(0, 1fr);
  gap: 10px;
  padding: 11px;
  cursor: pointer;
  list-style: none;
}

.tw-day-event summary::-webkit-details-marker {
  display: none;
}

.tw-day-event summary strong {
  color: #0f6f50;
  font-size: 13px;
}

.tw-day-event summary span {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.tw-day-event summary b {
  color: #182823;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tw-day-event summary small,
.tw-day-event summary em {
  color: #5d6c66;
  font-size: 12px;
  font-style: normal;
  line-height: 1.35;
}

.tw-day-event .tw-inline-editor {
  margin: 0;
  padding: 12px;
  border-top: 1px solid var(--tw-ui-border, var(--tw-line));
}

.tw-day-event > form:not(.tw-inline-editor) {
  padding: 0 12px 12px;
}

.tw-calendar-agenda-card {
  min-height: 0;
}

.tw-calendar-agenda-list {
  display: grid;
  gap: 4px;
}

.tw-calendar-agenda-list .tw-agenda-date {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  min-height: 30px;
  margin: 18px 0 0;
  padding: 7px 12px;
  border: 1px solid #cfe6da;
  border-radius: 3px;
  background: #edf8f2;
  color: #123326;
  font-size: 13px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.tw-calendar-agenda-list .tw-agenda-date:first-child {
  margin-top: 0;
}

.tw-agenda-row {
  display: grid;
  grid-template-columns: 82px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  padding: 11px 12px;
  border: 1px solid var(--tw-ui-border, var(--tw-line));
  border-radius: 3px;
  background: #fff;
  color: #182823;
}

.tw-agenda-row:hover {
  background: #f5f8f7;
}

.tw-agenda-row > strong {
  color: #0f6f50;
}

.tw-agenda-row span {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.tw-agenda-row b {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tw-agenda-row small {
  color: #5d6c66;
  font-size: 12px;
}

.tw-calendar-dialog {
  width: min(720px, calc(100vw - 28px));
  max-height: calc(100vh - 48px);
  overflow: auto;
  padding: 24px;
  border: 1px solid #c6d2d9;
  border-radius: 3px;
  background: #fff;
  color: #182823;
  box-shadow: 0 18px 60px rgba(16, 35, 26, .22);
}

.tw-calendar-dialog::backdrop {
  background: rgba(13, 24, 20, .45);
}

.tw-calendar-dialog h2 {
  margin: 0 0 16px;
}

.tw-dialog-close {
  float: right;
  margin: 0 0 10px 16px;
}

@media (max-width: 1180px) {
  .tw-calendar-filterbar {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .tw-calendar-layout {
    grid-template-columns: 1fr;
  }

  .tw-calendar-drawer {
    position: static;
    max-height: none;
  }
}

@media (max-width: 700px) {
  .tw-calendar-toolbar {
    padding: 12px;
  }

  .tw-calendar-view-tabs,
  .tw-calendar-filterbar {
    width: 100%;
  }

  .tw-calendar-view-tabs a {
    flex: 1;
  }

  .tw-calendar-filterbar {
    grid-template-columns: 1fr;
  }

  .tw-calendar-grid.compact {
    display: grid;
    grid-template-columns: 1fr;
    border: 0;
    gap: 8px;
  }

  .tw-calendar-grid.compact .tw-calendar-weekday {
    display: none;
  }

  .tw-calendar-grid.compact .tw-calendar-day {
    border: 1px solid var(--tw-ui-border, var(--tw-line));
    min-height: 0;
  }

  .tw-calendar-day.muted:empty {
    display: none;
  }

  .tw-agenda-row,
  .tw-day-event summary {
    grid-template-columns: 1fr;
  }
}

/* Professional admin and account UI refresh */
.tw-dashboard-shell,
.tw-admin-shell,
.tw-auth {
  --tw-ui-border: #d7e0e5;
  --tw-ui-border-strong: #c6d2d9;
  --tw-ui-panel: #fff;
  --tw-ui-soft: #f5f8f7;
  --tw-ui-soft-2: #eef4f1;
  --tw-ui-text: #182823;
  --tw-ui-muted: #52635d;
  --tw-ui-accent: #0f8a5f;
  --tw-ui-accent-dark: #0b6447;
}

.tw-dashboard-shell,
.tw-auth {
  background: #f7f9f8;
}

.tw-auth {
  max-width: 900px;
  padding-top: clamp(34px, 5vw, 58px);
}

.tw-auth .tw-page-title,
.tw-dashboard-shell .tw-workspace-top h1,
.tw-admin-shell .tw-page-title {
  color: var(--tw-ui-text);
  font-size: clamp(30px, 3.5vw, 44px);
  line-height: 1.12;
  letter-spacing: 0;
  margin: 4px 0 14px;
}

.tw-dashboard-shell .tw-kicker,
.tw-admin-shell .tw-kicker {
  color: #42544d;
  font-size: 11px;
  letter-spacing: .18em;
  font-weight: 800;
}

.tw-auth .tw-card,
.tw-dashboard-shell .tw-workspace-card,
.tw-admin-page .tw-card,
.tw-admin-table-card,
.tw-admin-hero,
.tw-admin-kpi,
.tw-page-dashboard-hero,
.tw-page-create-card,
.tw-page-list-card,
.tw-page-view-card,
.tw-support-ticket,
.tw-support-inbox-row,
.tw-club-team-card,
.tw-club-member-card {
  border: 1px solid var(--tw-ui-border);
  border-radius: 3px;
  background: var(--tw-ui-panel);
  box-shadow: none;
}

.tw-auth .tw-card,
.tw-dashboard-shell .tw-workspace-card,
.tw-admin-page .tw-card,
.tw-admin-table-card {
  padding: 26px;
}

.tw-dashboard-shell .tw-workspace-card {
  min-height: 0;
}

.tw-dashboard-shell .tw-workspace-sidebar {
  background: #fff;
  border-right: 1px solid var(--tw-ui-border);
  box-shadow: none;
  backdrop-filter: none;
}

.tw-dashboard-shell .tw-workspace-brand {
  margin-bottom: 22px;
}

.tw-dashboard-shell .tw-workspace-brand img {
  width: 150px;
}

.tw-dashboard-shell .tw-sidebar-toggle,
.tw-dashboard-shell .tw-sidebar-team-switch select,
.tw-admin-top-search input,
.tw-auth .tw-input,
.tw-auth input,
.tw-auth select,
.tw-auth textarea,
.tw-dashboard-shell .tw-input,
.tw-dashboard-shell .tw-form input,
.tw-dashboard-shell .tw-form select,
.tw-dashboard-shell .tw-form textarea,
.tw-admin-page .tw-input,
.tw-admin-page .tw-form input,
.tw-admin-page .tw-form select,
.tw-admin-page .tw-form textarea,
.tw-admin-page .tw-inline-form select,
.tw-admin-filters input,
.tw-admin-filters select,
.tw-people-search,
.tw-club-team-actions input,
.tw-club-team-actions select,
.tw-inline-form input {
  border: 1px solid var(--tw-ui-border-strong);
  border-radius: 3px;
  background: #fff;
  color: var(--tw-ui-text);
  box-shadow: none;
}

.tw-auth .tw-input:focus,
.tw-auth input:focus,
.tw-auth select:focus,
.tw-auth textarea:focus,
.tw-dashboard-shell .tw-input:focus,
.tw-dashboard-shell .tw-form input:focus,
.tw-dashboard-shell .tw-form select:focus,
.tw-dashboard-shell .tw-form textarea:focus,
.tw-admin-page .tw-input:focus,
.tw-admin-page .tw-form input:focus,
.tw-admin-page .tw-form select:focus,
.tw-admin-page .tw-form textarea:focus,
.tw-admin-top-search input:focus,
.tw-admin-filters input:focus,
.tw-admin-filters select:focus {
  outline: 2px solid rgba(15, 138, 95, .16);
  border-color: var(--tw-ui-accent);
}

.tw-auth .tw-form label,
.tw-dashboard-shell .tw-form label,
.tw-admin-page .tw-form label {
  gap: 7px;
  color: var(--tw-ui-text);
  font-size: 14px;
  font-weight: 700;
}

.tw-dashboard-shell .tw-btn,
.tw-dashboard-shell button.tw-btn,
.tw-auth .tw-btn,
.tw-auth button.tw-btn,
.tw-admin-page .tw-btn,
.tw-admin-page button.tw-btn {
  min-height: 38px;
  border-radius: 3px;
  padding: 9px 15px;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0;
  box-shadow: none;
  transform: none;
}

.tw-dashboard-shell .tw-btn:hover,
.tw-dashboard-shell button.tw-btn:hover,
.tw-auth .tw-btn:hover,
.tw-auth button.tw-btn:hover,
.tw-admin-page .tw-btn:hover,
.tw-admin-page button.tw-btn:hover {
  transform: none;
  box-shadow: none;
}

.tw-dashboard-shell .tw-btn-dark,
.tw-auth .tw-btn-dark,
.tw-admin-page .tw-btn-dark {
  background: var(--tw-ui-accent);
  border: 1px solid var(--tw-ui-accent);
  color: #fff;
}

.tw-dashboard-shell .tw-btn-dark:hover,
.tw-auth .tw-btn-dark:hover,
.tw-admin-page .tw-btn-dark:hover {
  background: var(--tw-ui-accent-dark);
  border-color: var(--tw-ui-accent-dark);
}

.tw-dashboard-shell .tw-btn-outline,
.tw-auth .tw-btn-outline,
.tw-admin-page .tw-btn-outline,
.tw-dashboard-shell .tw-btn-ghost,
.tw-auth .tw-btn-ghost,
.tw-admin-page .tw-btn-ghost {
  border: 1px solid var(--tw-ui-border-strong);
  background: #fff;
  color: var(--tw-ui-text);
}

.tw-dashboard-shell .tw-btn-danger,
.tw-dashboard-shell .tw-btn-danger-ghost,
.tw-admin-page .tw-btn-danger,
.tw-admin-page .tw-btn-danger-ghost {
  border-color: #e0b7b2;
  color: #9a2f27;
  background: #fff;
}

.tw-dashboard-shell .tw-workspace-sidebar nav {
  gap: 2px;
}

.tw-dashboard-shell .tw-workspace-sidebar nav a {
  min-height: 40px;
  border-radius: 3px;
  padding: 8px 10px;
  color: #2d3d38;
  font-weight: 700;
}

.tw-dashboard-shell .tw-workspace-sidebar nav a span {
  width: 28px;
  height: 28px;
  border-radius: 3px;
  border-color: var(--tw-ui-border);
  background: #fff;
}

.tw-dashboard-shell .tw-workspace-sidebar nav a.active,
.tw-dashboard-shell .tw-workspace-sidebar nav a:hover {
  background: #e9f3ee;
  color: #10231a;
}

.tw-dashboard-shell .tw-workspace-main {
  gap: 18px;
}

.tw-dashboard-shell .tw-workspace-grid,
.tw-dashboard-shell .tw-dashboard-grid {
  gap: 16px;
}

.tw-dashboard-shell .tw-card-head,
.tw-dashboard-shell .tw-workspace-top,
.tw-admin-heading,
.tw-card-head {
  gap: 14px;
}

.tw-dashboard-shell .tw-stat-row span,
.tw-dashboard-shell .tw-callup-stats span,
.tw-dashboard-shell .tw-callup-limit span,
.tw-dashboard-shell .tw-action-list a,
.tw-dashboard-shell .tw-upcoming-row,
.tw-dashboard-shell .tw-recipient-chip,
.tw-dashboard-shell .tw-message-groups,
.tw-dashboard-shell .tw-taxonomy-fieldset,
.tw-dashboard-shell .tw-person-card,
.tw-dashboard-shell .tw-member-edit-row,
.tw-dashboard-shell .tw-club-meta-grid span {
  border: 1px solid var(--tw-ui-border);
  border-radius: 3px;
  background: #fff;
  box-shadow: none;
}

.tw-dashboard-shell .tw-stat-row strong,
.tw-dashboard-shell .tw-callup-stats strong {
  font-size: 30px;
}

.tw-dashboard-shell .tw-callup-tabs,
.tw-dashboard-shell .tw-calendar-picker select,
.tw-dashboard-shell .tw-page-link,
.tw-dashboard-shell .tw-pagination span,
.tw-dashboard-shell .tw-plan-badge,
.tw-dashboard-shell .tw-plan-badge-free,
.tw-dashboard-shell .tw-status,
.tw-dashboard-shell .tw-support-ticket em,
.tw-dashboard-shell .tw-support-notice,
.tw-dashboard-shell .tw-support-solved,
.tw-admin-page .tw-status,
.tw-admin-badge,
.tw-admin-userchip,
.tw-admin-back {
  border-radius: 3px;
  box-shadow: none;
}

.tw-dashboard-shell .tw-callup-tabs a {
  border-radius: 2px;
}

.tw-dashboard-shell .tw-table-wrap,
.tw-admin-page .tw-table-wrap,
.tw-auth .tw-table-wrap {
  overflow-x: visible;
  border: 1px solid var(--tw-ui-border);
  background: #fff;
}

.tw-dashboard-shell .tw-table,
.tw-admin-page .tw-table,
.tw-auth .tw-table {
  width: 100%;
  border-collapse: collapse;
}

.tw-dashboard-shell .tw-table th,
.tw-dashboard-shell .tw-table td,
.tw-admin-page .tw-table th,
.tw-admin-page .tw-table td,
.tw-auth .tw-table th,
.tw-auth .tw-table td {
  padding: 12px 14px;
  border-bottom: 1px solid var(--tw-ui-border);
  vertical-align: middle;
}

.tw-dashboard-shell .tw-table tr:last-child td,
.tw-admin-page .tw-table tr:last-child td,
.tw-auth .tw-table tr:last-child td {
  border-bottom: 0;
}

.tw-dashboard-shell .tw-table th,
.tw-admin-page .tw-table th,
.tw-auth .tw-table th {
  background: #fbfcfc;
  color: #172a23;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .08em;
}

.tw-dashboard-shell .tw-table tbody tr:hover,
.tw-admin-page .tw-table tbody tr:hover,
.tw-auth .tw-table tbody tr:hover {
  background: #f6faf8;
}

.tw-admin-shell {
  max-width: 1600px;
  grid-template-columns: 250px minmax(0, 1fr);
  gap: 18px;
}

.tw-admin-shell::before {
  display: none;
}

.tw-admin-sidebar {
  border: 1px solid #25352f;
  border-radius: 3px;
  background: #111b17;
  box-shadow: none;
  padding: 12px;
}

.tw-admin-sidebar-head h2 {
  color: #fff;
  font-size: 20px;
  font-weight: 700;
}

.tw-admin-side-title {
  color: #8ea39a;
  font-size: 10px;
  letter-spacing: .14em;
}

.tw-admin-side-nav a {
  min-height: 36px;
  border-radius: 3px;
  padding: 8px 9px;
  color: #d9e4df;
  font-weight: 650;
}

.tw-admin-side-nav a.active {
  background: #17382c;
  border-color: #2d6951;
}

.tw-admin-side-nav a em,
.tw-admin-side-stats div {
  border-radius: 3px;
}

.tw-admin-topbar {
  border-radius: 3px;
  box-shadow: none;
  border-color: var(--tw-ui-border);
}

.tw-admin-hero {
  padding: 22px;
  background: #fff;
}

.tw-admin-hero .tw-page-title {
  font-size: clamp(32px, 3.8vw, 48px);
}

.tw-admin-kpi-grid,
.tw-admin-stat-grid {
  gap: 12px;
}

.tw-admin-kpi,
.tw-admin-stat {
  min-height: 112px;
  border-radius: 3px;
  background: #fff;
  box-shadow: none;
}

.tw-admin-kpi strong,
.tw-admin-stat strong {
  font-size: 32px;
}

.tw-admin-table-card .tw-table-wrap {
  border: 1px solid var(--tw-ui-border) !important;
  background: #fff !important;
}

.tw-admin-page .tw-table-wrap,
.tw-admin-page .tw-card .tw-table-wrap {
  border: 1px solid var(--tw-ui-border) !important;
  background: #fff !important;
}

.tw-admin-page .tw-inline-form,
.tw-dashboard-shell .tw-inline-form {
  gap: 6px;
}

.tw-admin-page .tw-inline-form select,
.tw-admin-page .tw-inline-form input,
.tw-dashboard-shell .tw-inline-form select,
.tw-dashboard-shell .tw-inline-form input {
  border-radius: 3px;
}

.tw-club-team-card,
.tw-club-member-card {
  padding: 16px;
}

.tw-club-team-actions,
.tw-club-member-actions {
  gap: 8px;
}

.tw-club-member-edit,
.tw-club-team-edit {
  gap: 10px;
}

.tw-support-ticket,
.tw-support-inbox-row {
  overflow: hidden;
}

.tw-support-ticket summary,
.tw-support-inbox-row {
  padding: 13px 15px;
}

.tw-support-message,
.tw-support-solved-line {
  border-radius: 3px;
}

.tw-calendar-grid,
.tw-calendar-day {
  border-radius: 0;
}

.tw-calendar-event {
  border-radius: 3px;
}

@media (max-width: 980px) {
  .tw-admin-shell,
  .tw-dashboard-shell,
  .tw-dashboard-shell.sidebar-collapsed {
    grid-template-columns: 1fr;
  }

  .tw-admin-sidebar,
  .tw-dashboard-shell .tw-workspace-sidebar {
    position: static;
    min-height: 0;
  }
}

@media (max-width: 640px) {
  .tw-auth .tw-card,
  .tw-dashboard-shell .tw-workspace-card,
  .tw-admin-page .tw-card,
  .tw-admin-table-card {
    padding: 18px;
  }

  .tw-dashboard-shell .tw-btn,
  .tw-dashboard-shell button.tw-btn,
  .tw-auth .tw-btn,
  .tw-auth button.tw-btn,
  .tw-admin-page .tw-btn,
  .tw-admin-page button.tw-btn {
    width: 100%;
  }
}

.tw-dashboard-shell .tw-settings-center {
  grid-template-columns: 1fr;
  gap: 14px;
}

.tw-dashboard-shell .tw-settings-nav,
.tw-dashboard-shell .tw-settings-section {
  border-radius: 3px;
  border-color: var(--tw-ui-border);
  box-shadow: none;
}

.tw-dashboard-shell .tw-settings-nav {
  position: static;
  background: #fff;
  color: var(--tw-ink);
  padding: 8px;
}

.tw-dashboard-shell .tw-settings-nav nav {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.tw-dashboard-shell .tw-settings-nav a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 36px;
  padding: 8px 14px;
  border: 1px solid var(--tw-ui-border);
  color: #243a31;
  background: #fff;
  font-size: 14px;
}

.tw-dashboard-shell .tw-settings-nav a:hover,
.tw-dashboard-shell .tw-settings-nav a:focus {
  border-color: #b8d8ca;
  background: #f3faf6;
  color: #0b5f3d;
}

.tw-dashboard-shell .tw-settings-nav a.active {
  border-color: #0e7a4f;
  background: #e8f6ef;
  color: #07593a;
}

.tw-dashboard-shell .tw-settings-content {
  gap: 14px;
}

.tw-dashboard-shell .tw-settings-section {
  padding: 18px;
  background: #fff;
}

.tw-dashboard-shell .tw-settings-section[hidden] {
  display: none;
}

.tw-dashboard-shell .tw-settings-section-head {
  align-items: center;
  margin-bottom: 14px;
}

.tw-dashboard-shell .tw-settings-section-head h2 {
  font-size: 24px;
}

.tw-dashboard-shell .tw-settings-form {
  display: grid;
  grid-template-columns: repeat(2, minmax(220px, 1fr));
  gap: 12px;
}

.tw-dashboard-shell .tw-settings-form label {
  margin: 0;
}

.tw-dashboard-shell .tw-settings-form input,
.tw-dashboard-shell .tw-settings-form select {
  min-height: 44px;
}

.tw-dashboard-shell .tw-settings-form label small {
  display: block;
  margin-top: 6px;
  color: #66776f;
  font-size: 12px;
  line-height: 1.35;
}

.tw-dashboard-shell .tw-settings-meta,
.tw-dashboard-shell .tw-settings-summary-grid,
.tw-dashboard-shell .tw-settings-subscription {
  gap: 10px;
}

.tw-dashboard-shell .tw-settings-meta span,
.tw-dashboard-shell .tw-settings-summary-grid span,
.tw-dashboard-shell .tw-settings-subscription > div {
  background: #f8faf9;
  border-color: var(--tw-ui-border);
}

.tw-dashboard-shell .tw-settings-summary-grid span,
.tw-dashboard-shell .tw-settings-subscription > div {
  min-height: 86px;
}

.tw-dashboard-shell .tw-settings-pill,
.tw-dashboard-shell .tw-plan-inline {
  border-radius: 3px;
}

.tw-dashboard-shell .tw-settings-section .tw-card-actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.tw-dashboard-shell .tw-settings-section .tw-empty-state {
  border: 1px dashed var(--tw-ui-border);
  background: #f8faf9;
  padding: 16px;
  color: #5f7068;
}

@media (max-width: 980px) {
  .tw-dashboard-shell .tw-settings-center {
    grid-template-columns: 1fr;
  }

  .tw-dashboard-shell .tw-settings-nav nav {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .tw-dashboard-shell .tw-settings-form,
  .tw-dashboard-shell .tw-settings-summary-grid,
  .tw-dashboard-shell .tw-settings-subscription {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  .tw-dashboard-shell .tw-settings-nav nav {
    grid-template-columns: 1fr;
  }

  .tw-dashboard-shell .tw-settings-section-head {
    align-items: flex-start;
    flex-direction: column;
  }
}