:root {
  --ink: #071b28;
  --ink2: #0c3043;
  --green: #0b8b6f;
  --green2: #18b394;
  --mint: #e8f7f1;
  --paper: #f4f8f7;
  --line: #dce7e4;
  --muted: #65777e;
  --gold: #a87416;
  --white: #fff;
  --shadow: 0 25px 80px rgba(7, 27, 40, 0.1);
}
* {
  box-sizing: border-box;
}
html {
  scroll-behavior: smooth;
}
body {
  margin: 0;
  background: var(--paper);
  color: var(--ink);
  font-family: Tahoma, 'Segoe UI', Arial, sans-serif;
  line-height: 1.75;
}
.skip-link{position:fixed;top:10px;right:10px;z-index:500;background:#071b28;color:#fff;padding:9px 13px;border-radius:10px;text-decoration:none;transform:translateY(-160%);transition:.2s}.skip-link:focus{transform:none}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(24,179,148,.38);outline-offset:2px}.mobile-dock{display:none}
.shell {
  width: min(1180px, calc(100% - 34px));
  margin: auto;
}
.topbar {
  position: sticky;
  top: 0;
  z-index: 60;
  background: rgba(255, 255, 255, 0.91);
  backdrop-filter: blur(18px);
  border-bottom: 1px solid rgba(7, 27, 40, 0.07);
}
.topbar-inner {
  height: 82px;
  display: flex;
  align-items: center;
  gap: 30px;
}
.brand {
  display: flex;
  align-items: center;
  gap: 11px;
  text-decoration: none;
  color: var(--ink);
  white-space: nowrap;
}
.brand strong {
  display: block;
  font-size: 18px;
  color: #0c4d8b;
}
.brand small {
  display: block;
  font-size: 9px;
  color: #71838b;
}
.logo-wrap {
  width: 50px;
  height: 50px;
  border-radius: 15px;
  background: #fff;
  border: 1px solid #dce7e4;
  display: grid;
  place-items: center;
  overflow: hidden;
  position: relative;
}
.logo-wrap img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  padding: 3px;
}
.logo-fallback {
  position: absolute;
  font-weight: 900;
  color: #0c4d8b;
}
.logo-wrap img[src] {
  position: relative;
  z-index: 2;
  background: white;
}
.topbar nav {
  display: flex;
  gap: 24px;
  margin-right: auto;
}
.topbar nav a {
  text-decoration: none;
  color: #40545d;
  font-size: 12px;
  font-weight: 700;
}
.topbar nav a:hover {
  color: var(--green);
}
.park-brand {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 8px;
  color: #718087;
}
.park-brand img {
  width: 42px;
  height: 42px;
  object-fit: contain;
  border-radius: 10px;
  background: #fff;
}
.hero {
  position: relative;
  overflow: hidden;
  background: linear-gradient(135deg, #061a26, #0c3044 58%, #0d4950);
  color: white;
  padding: 78px 0 72px;
}
.hero-mesh {
  position: absolute;
  border-radius: 50%;
  filter: blur(4px);
  opacity: 0.24;
}
.mesh1 {
  width: 440px;
  height: 440px;
  background: #18b394;
  right: -150px;
  top: -180px;
}
.mesh2 {
  width: 420px;
  height: 420px;
  background: #1687c6;
  left: -140px;
  bottom: -220px;
}
.hero-grid {
  position: relative;
  display: grid;
  grid-template-columns: 1.08fr 0.92fr;
  gap: 60px;
  align-items: center;
}
.eyebrow {
  display: inline-flex;
  gap: 8px;
  align-items: center;
  padding: 7px 12px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  background: rgba(255, 255, 255, 0.07);
  border-radius: 999px;
  font-size: 11px;
  color: #bcd4dc;
}
.eyebrow i {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #45ce94;
  box-shadow: 0 0 0 6px rgba(69, 206, 148, 0.12);
}
.hero h1 {
  font-size: clamp(40px, 5vw, 68px);
  line-height: 1.34;
  margin: 22px 0 17px;
  letter-spacing: -1.8px;
}
.hero h1 em {
  font-style: normal;
  color: #79d6b2;
}
.hero-copy > p {
  font-size: 15px;
  color: #c0d1d8;
  max-width: 680px;
}
.hero-actions {
  display: flex;
  gap: 10px;
  margin: 28px 0;
}
.btn {
  border: 0;
  border-radius: 13px;
  padding: 12px 18px;
  font: 700 11px Tahoma;
  cursor: pointer;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  transition: 0.2s;
}
.btn:hover {
  transform: translateY(-2px);
}
.btn.primary {
  background: linear-gradient(135deg, #12a57d, #08785f);
  color: white;
  box-shadow: 0 12px 30px rgba(8, 120, 95, 0.25);
}
.btn.ghost {
  color: white;
  background: rgba(255, 255, 255, 0.07);
  border: 1px solid rgba(255, 255, 255, 0.17);
}
.btn.white {
  background: #fff;
  color: #133647;
}
.btn.dark {
  background: var(--ink);
  color: white;
}
.full-btn {
  width: 100%;
  min-height: 46px;
}
.hero-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-top: 38px;
}
.hero-stats div {
  padding-right: 13px;
  border-right: 2px solid rgba(255, 255, 255, 0.12);
}
.hero-stats b {
  display: block;
  font-size: 22px;
}
.hero-stats span {
  font-size: 9px;
  color: #aebfc6;
}
.hero-visual {
  position: relative;
  min-height: 460px;
  display: grid;
  place-items: center;
}
.signal-ring {
  position: absolute;
  border: 1px solid rgba(121, 214, 178, 0.18);
  border-radius: 50%;
}
.r1 {
  width: 500px;
  height: 500px;
}
.r2 {
  width: 350px;
  height: 350px;
  border-style: dashed;
}
.match-card {
  position: relative;
  z-index: 2;
  width: min(100%, 500px);
  background: rgba(255, 255, 255, 0.96);
  color: var(--ink);
  border-radius: 25px;
  padding: 24px;
  box-shadow: 0 38px 90px rgba(0, 0, 0, 0.22);
}
.match-card-head {
  display: flex;
  justify-content: space-between;
  font-size: 8px;
  color: #708187;
}
.match-card-head i {
  font-style: normal;
  background: #e8f7f1;
  color: #137b60;
  padding: 4px 7px;
  border-radius: 999px;
}
.query-box {
  background: #071b28;
  color: white;
  border-radius: 14px;
  padding: 17px;
  margin: 13px 0;
  font-size: 12px;
  font-weight: 700;
}
.sample-match {
  display: grid;
  grid-template-columns: 30px 1fr auto;
  gap: 10px;
  align-items: center;
  padding: 12px 4px;
  border-bottom: 1px solid #ebf0ee;
}
.sample-match > span {
  font-size: 8px;
  color: #9aa8ac;
}
.sample-match b {
  display: block;
  font-size: 10px;
}
.sample-match small {
  font-size: 8px;
  color: #86959a;
}
.sample-match strong {
  font-size: 15px;
  color: var(--green);
}
.engine-note {
  font-size: 8px;
  color: #708187;
  margin-top: 13px;
}
.engine-note i {
  display: inline-block;
  width: 7px;
  height: 7px;
  background: #18b394;
  border-radius: 50%;
  margin-left: 5px;
}
.float-badge {
  position: absolute;
  z-index: 3;
  background: #fff;
  color: #17313d;
  border-radius: 12px;
  padding: 8px 11px;
  box-shadow: 0 14px 35px rgba(0, 0, 0, 0.18);
  font-size: 9px;
  font-weight: 700;
}
.b1 {
  left: -2px;
  top: 42px;
  color: #896719;
}
.b2 {
  right: 0;
  bottom: 43px;
  color: #176f5b;
}
.section {
  padding: 82px 0;
}
.section-head {
  text-align: center;
  max-width: 720px;
  margin: 0 auto 40px;
}
.section-head.align {
  text-align: right;
  margin-right: 0;
}
.section-head > span,
.track-grid > div > span,
.admin-callout > div > span {
  font-size: 10px;
  color: var(--green);
  font-weight: 900;
}
.section-head h2,
.track-grid h2,
.admin-callout h2 {
  font-size: 30px;
  line-height: 1.5;
  margin: 5px 0;
}
.section-head p,
.track-grid p,
.admin-callout p {
  font-size: 12px;
  color: #65777e;
}
.steps {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
}
.steps article {
  position: relative;
  background: #fff;
  border: 1px solid #e0e9e7;
  border-radius: 20px;
  padding: 24px;
  min-height: 210px;
  box-shadow: 0 12px 36px rgba(7, 27, 40, 0.04);
}
.steps em {
  position: absolute;
  left: 18px;
  top: 14px;
  font-style: normal;
  font-size: 19px;
  color: #d5e1df;
  font-weight: 900;
}
.step-icon {
  width: 43px;
  height: 43px;
  border-radius: 13px;
  background: #e9f7f2;
  color: #0e8568;
  display: grid;
  place-items: center;
  font-size: 21px;
}
.steps h3 {
  font-size: 14px;
  margin: 15px 0 6px;
}
.steps p {
  font-size: 10px;
  color: #6b7d83;
  margin: 0;
}
.need-section {
  background: #fff;
}
.two-col {
  display: grid;
  grid-template-columns: 1.55fr 0.72fr;
  gap: 34px;
  align-items: start;
}
.card {
  background: #fff;
  border: 1px solid #dfe8e6;
  border-radius: 22px;
  box-shadow: 0 18px 54px rgba(7, 27, 40, 0.05);
}
.form-card {
  padding: 25px;
}
.segmented {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  background: #edf3f1;
  padding: 5px;
  border-radius: 12px;
  margin-bottom: 22px;
}
.segmented button {
  border: 0;
  background: transparent;
  padding: 10px;
  border-radius: 9px;
  font: 700 10px Tahoma;
  color: #60757b;
  cursor: pointer;
}
.segmented button.active {
  background: white;
  color: #0e6e59;
  box-shadow: 0 6px 18px rgba(7, 27, 40, 0.07);
}
.form-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
.form-grid label {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.form-grid label > span {
  font-size: 10px;
  font-weight: 700;
  color: #445a62;
}
.form-grid .full {
  grid-column: 1/-1;
}
.dynamic-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
.hidden {
  display: none !important;
}
input,
select,
textarea {
  width: 100%;
  border: 1px solid #d9e4e1;
  background: #fbfdfc;
  border-radius: 11px;
  padding: 11px 12px;
  font: 11px Tahoma;
  color: #102532;
  outline: none;
}
input:focus,
select:focus,
textarea:focus {
  border-color: #18b394;
  box-shadow: 0 0 0 4px rgba(24, 179, 148, 0.08);
}
textarea {
  resize: vertical;
}
.consent {
  display: flex;
  gap: 7px;
  align-items: flex-start;
  margin: 19px 0;
  font-size: 9px;
  color: #697b81;
}
.consent input {
  width: auto;
  margin-top: 5px;
}
.side-stack {
  position: sticky;
  top: 104px;
}
.dark-card {
  background: linear-gradient(145deg, #071b28, #0e3b45);
  color: white;
  border-radius: 22px;
  padding: 27px;
}
.dark-card > span {
  font-size: 9px;
  color: #77d1b1;
}
.dark-card h3 {
  font-size: 21px;
  margin: 5px 0 17px;
}
.dark-card ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.dark-card li {
  padding: 9px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.09);
  font-size: 10px;
}
.dark-card li b {
  display: inline-grid;
  place-items: center;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: rgba(24, 179, 148, 0.12);
  color: #7bd7b6;
  margin-left: 7px;
}
.privacy-card {
  margin-top: 14px;
  padding: 17px;
  border-radius: 16px;
  background: #f3f8f6;
  border: 1px solid #dfebe7;
}
.privacy-card b {
  font-size: 10px;
}
.privacy-card p {
  font-size: 9px;
  color: #6c7e83;
  margin: 5px 0;
}
.msg {
  margin-top: 12px;
  padding: 10px;
  border-radius: 10px;
  font-size: 10px;
}
.msg.ok {
  background: #e8f7f1;
  color: #176c57;
}
.msg.err {
  background: #fff0ef;
  color: #9c3d39;
}
.track-section {
  background: linear-gradient(135deg, #082439, #0d4750);
  color: white;
  padding: 54px 0;
}
.track-grid {
  display: grid;
  grid-template-columns: 0.8fr 1.2fr;
  gap: 25px;
  align-items: center;
}
.track-grid p {
  color: #b9ccd1;
}
.track-form {
  display: grid;
  grid-template-columns: 1fr 1fr auto;
  gap: 8px;
}
.track-result {
  grid-column: 1/-1;
}
.track-card {
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 16px;
  padding: 16px;
}
.track-card h3 {
  font-size: 14px;
}
.timeline {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
  margin-top: 10px;
}
.timeline span {
  font-size: 8px;
  background: rgba(255, 255, 255, 0.08);
  padding: 5px 7px;
  border-radius: 8px;
}
.admin-preview {
  padding: 70px 0;
}
.admin-callout {
  background: linear-gradient(135deg, #eaf7f2, #f8fbfa);
  border: 1px solid #dceae5;
  border-radius: 26px;
  padding: 34px 38px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 30px;
}
.admin-callout h2 {
  font-size: 25px;
}
.admin-callout p {
  max-width: 720px;
}
.footer-grid {
  padding: 32px 0;
  display: grid;
  grid-template-columns: 1fr 1.3fr auto;
  gap: 25px;
  align-items: center;
}
.footer-grid p,
.footer-grid > span {
  font-size: 9px;
  color: #76878c;
}
.footer-brand .logo-wrap {
  width: 42px;
  height: 42px;
}
.drawer-backdrop {
  position: fixed;
  inset: 0;
  z-index: 100;
  background: rgba(3, 14, 20, 0.58);
  backdrop-filter: blur(7px);
  opacity: 0;
  pointer-events: none;
  transition: 0.2s;
}
.drawer-backdrop.open {
  opacity: 1;
  pointer-events: auto;
}
.drawer {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: min(900px, 96vw);
  background: #f5f8f7;
  transform: translateX(-102%);
  transition: 0.25s;
  overflow: auto;
}
.drawer-backdrop.open .drawer {
  transform: none;
}
.drawer-head {
  position: sticky;
  top: 0;
  z-index: 3;
  background: rgba(245, 248, 247, 0.95);
  backdrop-filter: blur(14px);
  border-bottom: 1px solid var(--line);
  padding: 15px 18px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.drawer-head b {
  display: block;
  font-size: 13px;
}
.drawer-head span {
  font-size: 8px;
  color: #6e8085;
}
.drawer-head button {
  border: 1px solid var(--line);
  background: #fff;
  width: 34px;
  height: 34px;
  border-radius: 10px;
  cursor: pointer;
}
.drawer-body {
  padding: 18px;
}
.login-card {
  max-width: 430px;
  margin: 45px auto;
  padding: 26px;
}
.login-card h3 {
  margin: 0;
}
.login-card p {
  font-size: 10px;
  color: #6b7d82;
}
.manager-kpis {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
  margin-bottom: 10px;
}
.manager-kpis div {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 14px;
  padding: 12px;
}
.manager-kpis span,
.manager-kpis small {
  display: block;
  font-size: 7px;
  color: #76878b;
}
.manager-kpis b {
  display: block;
  font-size: 20px;
}
.manager-grid {
  display: grid;
  grid-template-columns: 0.8fr 1.2fr;
  gap: 10px;
}
.manager-card {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 17px;
  padding: 13px;
}
.manager-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #edf2f0;
  padding-bottom: 9px;
  margin-bottom: 8px;
}
.manager-title b {
  font-size: 10px;
}
.manager-title small {
  font-size: 7px;
  color: #7c8b90;
}
.manager-head-actions{display:flex;align-items:center;gap:6px}.settings-modal{width:min(620px,100%)}.settings-form{display:grid;gap:10px}.settings-form>label,.settings-grid label{display:flex;flex-direction:column;gap:5px;font-size:9px;font-weight:700}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.workflow-readonly{display:grid;grid-template-columns:1fr 1fr;gap:5px;background:#f4f8f7;border:1px solid #e1e9e6;border-radius:11px;padding:10px}.workflow-readonly>b{grid-column:1/-1;font-size:9px}.workflow-readonly span{font-size:7.5px;color:#687b80}.workflow-readonly em{font-style:normal;font-weight:700;color:#176c57}.settings-actions{display:flex;align-items:center;gap:7px}.settings-history{display:grid;gap:5px;margin-top:6px}.settings-history div{background:#f7faf9;border:1px solid #e5ebe9;border-radius:8px;padding:7px}.settings-history b,.settings-history small{display:block;font-size:7px}.settings-history small{color:#7b8b90;margin-top:2px}.needs-list,
.results-list {
  max-height: 600px;
  overflow: auto;
}
.need-row {
  padding: 10px 4px;
  border-bottom: 1px solid #eef2f1;
  cursor: pointer;
}
.need-row:hover {
  background: #f8fbfa;
}
.need-row h4 {
  font-size: 9px;
  margin: 0;
}
.need-row p {
  font-size: 7px;
  color: #78898e;
  margin: 4px 0;
}
.status-pill {
  font-size: 6.5px;
  background: #e8f7f1;
  color: #176c57;
  padding: 3px 5px;
  border-radius: 7px;
}
.search-line {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 6px;
}
.filter-line {
  display: flex;
  gap: 6px;
  margin: 7px 0;
}
.filter-line select {
  width: auto;
  min-width: 120px;
  padding: 7px;
  font-size: 8px;
}
.result-row {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 7px;
  border: 1px solid #e2eae7;
  border-radius: 12px;
  padding: 10px;
  margin-bottom: 6px;
}
.result-row h4 {
  font-size: 9px;
  margin: 0;
}
.result-row p {
  font-size: 7px;
  color: #74868a;
  margin: 4px 0;
}
.result-score {
  font: 800 16px Arial;
  color: var(--green);
}
.result-tags,
.result-actions {
  grid-column: 1/-1;
  display: flex;
  gap: 4px;
  flex-wrap: wrap;
}
.result-tags span {
  font-size: 6.5px;
  background: #eef5f3;
  color: #4e756b;
  padding: 3px 5px;
  border-radius: 6px;
}
.result-tags .export {
  background: #fff1d3;
  color: #856116;
}
.invite-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #edf7f3;
  padding: 8px;
  border-radius: 10px;
  margin-top: 8px;
  font-size: 8px;
}
.invite-view {
  position: fixed;
  inset: 0;
  z-index: 120;
  background: #f5f8f7;
  overflow: auto;
  padding: 30px;
}
.invite-shell {
  width: min(900px, calc(100% - 28px));
  margin: auto;
}
.invite-need {
  background: #071b28;
  color: white;
  border-radius: 22px;
  padding: 24px;
  margin-bottom: 15px;
}
.invite-need span {
  font-size: 9px;
  color: #8ed9bf;
}
.invite-need h1 {
  font-size: 26px;
}
.invite-need p {
  font-size: 11px;
  color: #c0d0d5;
}
.proposal-card {
  padding: 24px;
}
.proposal-card h2 {
  font-size: 21px;
}
.choice-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  margin-bottom: 15px;
}
.choice-grid button {
  border: 1px solid var(--line);
  background: #fff;
  border-radius: 12px;
  padding: 11px;
  font: 700 9px Tahoma;
  cursor: pointer;
}
.choice-grid button.active {
  border-color: #18b394;
  background: #e8f7f1;
  color: #126d57;
}
.toast {
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 150;
  background: #071b28;
  color: #fff;
  border-radius: 12px;
  padding: 10px 14px;
  font-size: 9px;
  opacity: 0;
  transform: translateY(10px);
  transition: 0.2s;
}
.toast.show {
  opacity: 1;
  transform: none;
}
.contact-backdrop {
  position: fixed;
  inset: 0;
  z-index: 140;
  background: rgba(3, 14, 20, 0.58);
  backdrop-filter: blur(7px);
  display: grid;
  place-items: center;
  padding: 18px;
}
.contact-modal {
  width: min(460px, 100%);
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 20px;
  padding: 20px;
  box-shadow: 0 30px 90px rgba(0, 0, 0, 0.2);
}
.contact-modal-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
}
.contact-modal-head h3 {
  font-size: 14px;
  margin: 0;
}
.contact-modal-head button {
  border: 1px solid var(--line);
  background: white;
  width: 32px;
  height: 32px;
  border-radius: 9px;
  cursor: pointer;
}
.contact-form {
  display: grid;
  gap: 10px;
}
.contact-form label {
  display: flex;
  flex-direction: column;
  gap: 5px;
  font-size: 9px;
  font-weight: 700;
}
.tiny-btn {
  border: 1px solid #d8e5e1;
  background: #f5faf8;
  color: #235f51;
  border-radius: 8px;
  padding: 5px 7px;
  font: 700 7px Tahoma;
  cursor: pointer;
}
.tiny-btn:hover {
  background: #e8f7f1;
}
.file-field small{font-size:8px;color:#7b8c91}.file-field input{background:#f7fbf9;border-style:dashed}.upload-warning{border:1px solid #e8d9a8}.secondary-tools{display:flex;gap:6px;margin-top:10px;padding-top:9px;border-top:1px solid #edf2f0}.secondary-tools .tiny-btn{font-size:8px;padding:7px 9px}.need-state-bar{display:grid;grid-template-columns:150px 1fr auto;gap:6px;align-items:center;margin:8px 0;padding:8px;background:#f1f7f5;border:1px solid #dfeae6;border-radius:10px}.need-state-bar select,.need-state-bar input{padding:7px;font-size:8px}.need-state-readonly{display:flex;justify-content:space-between;align-items:center;margin:8px 0;padding:7px 9px;background:#f3f7f6;border-radius:9px;font-size:8px}.feedback-group{display:inline-flex;gap:3px;margin-right:auto}.feedback-good{color:#176c57;background:#eef8f4}.feedback-mid{color:#8a681e;background:#fff8e7}.feedback-bad{color:#984641;background:#fff2f1}.feedback-selected{outline:2px solid currentColor;opacity:1!important}.feedback-group button:disabled{opacity:.45;cursor:default}.secondary-head{display:flex;justify-content:space-between;gap:10px;align-items:center;margin:12px 0 7px;padding-top:10px;border-top:1px solid #edf2f0}.secondary-head b{display:block;font-size:10px}.secondary-head small{display:block;font-size:7px;color:#7a8b90}.attachment-list,.proposal-list{display:grid;gap:7px}.attachment-row{display:flex;justify-content:space-between;align-items:center;gap:10px;text-decoration:none;color:var(--ink);background:#fff;border:1px solid #e2eae7;border-radius:11px;padding:9px}.attachment-row b,.attachment-row small{display:block;font-size:8px}.attachment-row small{color:#7b8c91;margin-top:2px}.attachment-row em{font-style:normal;font-size:7px;color:var(--green)}.proposal-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-bottom:8px}.proposal-summary span{background:#f2f7f5;border:1px solid #e1e9e6;border-radius:9px;padding:7px;font-size:7px;color:#66797e}.proposal-summary b{display:block;font-size:12px;color:var(--ink)}.proposal-review{background:#fff;border:1px solid #e1e9e6;border-radius:13px;padding:11px}.proposal-review.winner{border-color:#e0bf6a;box-shadow:inset 3px 0 #d1a843;background:#fffdf7}.proposal-top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.proposal-top h4{font-size:10px;margin:0}.proposal-top p{font-size:7px;color:#7c8c91;margin:3px 0}.winner-badge{display:inline-block;margin-right:4px;background:#fff1cf;color:#8b6515;font-size:6.5px;padding:3px 5px;border-radius:6px}.proposal-text{font-size:8px;color:#566b72;background:#f7faf9;border-radius:8px;padding:7px;white-space:pre-wrap}.proposal-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:7px 0}.proposal-metrics span{background:#f1f6f4;border-radius:8px;padding:6px}.proposal-metrics small,.proposal-metrics b{display:block;font-size:7px}.proposal-metrics b{font-size:8px;margin-top:2px}.score-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.score-grid label{font-size:7px;color:#66777d}.score-grid input{padding:7px;margin-top:3px}.decision-note{font-size:8px;margin-top:6px}.review-actions{display:flex;gap:5px;margin-top:6px}.accept-btn{background:#e8f7f1;color:#176c57;border-color:#cce7dc}.reject-btn{background:#fff1f0;color:#974844;border-color:#efd6d3}.drawer{width:min(1120px,98vw)}
.manager-main-head{margin-bottom:10px}.manager-role{font-size:7px;background:#e9f5f1;color:#176c57;border:1px solid #d5e8e1;border-radius:999px;padding:5px 8px}.manager-tabs{display:flex;gap:5px;padding:5px;background:#eaf1ef;border:1px solid #dce7e3;border-radius:12px;margin:0 0 10px;overflow:auto}.manager-tabs button{border:0;background:transparent;color:#5e7379;border-radius:9px;padding:8px 12px;font:700 8px Tahoma;white-space:nowrap;cursor:pointer}.manager-tabs button.active{background:#fff;color:#0c6d57;box-shadow:0 5px 15px rgba(7,27,40,.06)}
.catalog-intro{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;padding:4px 2px 16px}.catalog-kicker{display:inline-flex;align-items:center;gap:6px;font-size:8px;font-weight:800;color:#0b8b6f;background:#eaf8f2;border:1px solid #d3e9df;border-radius:999px;padding:5px 9px}.catalog-intro h3{font-size:22px;margin:8px 0 4px;color:#102c35}.catalog-intro p{font-size:10px;line-height:1.9;color:#667b81;max-width:720px;margin:0}.catalog-count{font-size:10px!important;padding:7px 11px!important}.catalog-search-box{background:linear-gradient(145deg,#f6fbf9,#edf6f3);border:1px solid #dce9e4;border-radius:18px;padding:14px;margin-bottom:14px}.catalog-search-main{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center}.catalog-search-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#071b28;color:#fff;font-size:20px}.catalog-search-main input{min-height:44px;font-size:11px;background:#fff}.catalog-search-main .btn{min-height:44px;padding-inline:18px}.catalog-toolbar{display:grid;grid-template-columns:180px auto auto 1fr;gap:8px;align-items:center;margin-top:9px}.catalog-toolbar label{display:flex;align-items:center;gap:5px;font-size:9px;color:#60757b;white-space:nowrap}.catalog-toolbar label input{width:auto}.catalog-toolbar small{font-size:8px;color:#75868b;text-align:left}.catalog-clear{justify-self:start}.catalog-results{display:grid;gap:14px;min-height:220px}.catalog-company{display:grid;grid-template-columns:128px 1fr;gap:16px;background:#fff;border:1px solid #dce7e3;border-radius:20px;padding:16px;box-shadow:0 10px 28px rgba(7,27,40,.055);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.catalog-company:hover{transform:translateY(-2px);border-color:#bfd9d0;box-shadow:0 16px 36px rgba(7,27,40,.09)}.catalog-company-visual{width:128px;height:128px;border-radius:18px;background:radial-gradient(circle at 25% 20%,rgba(31,184,145,.22),transparent 35%),linear-gradient(145deg,#0b3d45,#071b28);display:grid;place-items:center;overflow:hidden;align-self:start;border:1px solid rgba(255,255,255,.15);box-shadow:inset 0 0 0 1px rgba(255,255,255,.05)}.catalog-company-visual img{width:72px;height:72px;object-fit:contain;background:#fff;border-radius:16px;padding:10px;box-shadow:0 8px 24px rgba(0,0,0,.16)}.catalog-company-fallback{display:grid;place-items:center;width:72px;height:72px;border-radius:18px;background:rgba(255,255,255,.12);color:#fff;font:800 25px Arial;letter-spacing:1px;border:1px solid rgba(255,255,255,.18)}.catalog-company-content{min-width:0}.catalog-company-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.catalog-company-title{min-width:0}.catalog-company h4{font-size:16px;margin:0;color:#102c35;line-height:1.7}.catalog-company p{font-size:9px;color:#76878c;margin:3px 0}.catalog-badges{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}.catalog-badges span{font-size:8px;padding:4px 7px;border-radius:8px}.export-tag{background:#fff1d3;color:#856116}.review-tag{background:#fff0ef;color:#974844}.catalog-company-facts{display:grid;grid-template-columns:120px 120px minmax(180px,1fr);gap:7px;margin:11px 0}.catalog-company-facts>span{background:#f7faf9;border:1px solid #e4ece9;border-radius:11px;padding:8px 10px;min-width:0}.catalog-company-facts small,.catalog-company-facts b,.catalog-company-facts a{display:block;font-size:8px}.catalog-company-facts small{color:#7a8b90;margin-bottom:2px}.catalog-company-facts b{font-size:12px;color:#18343d}.catalog-company-facts a{font-size:9px;color:#0b8b6f;font-weight:800;text-decoration:none;direction:ltr;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.catalog-company-facts .muted-value{font-size:9px;color:#8a979a}.catalog-products{margin:9px 0}.catalog-products>b{display:block;font-size:9px;margin-bottom:5px;color:#3d565d}.catalog-products>div{display:flex;gap:5px;flex-wrap:wrap}.catalog-products span{font-size:8px;background:#eef6f3;color:#40675d;padding:5px 8px;border-radius:8px;border:1px solid #deebe6}.catalog-contact-line{margin:10px 0}.catalog-contact-line>span{display:flex;justify-content:space-between;gap:10px;align-items:center;border-radius:10px;padding:8px 10px}.catalog-contact-line b,.catalog-contact-line small{display:block;font-size:8px}.catalog-contact-line small{color:inherit;opacity:.8}.catalog-contact-line .contact-ready{color:#176c57;background:#ecf8f3;border:1px solid #d7ece3}.catalog-contact-line .contact-missing{color:#8f6332;background:#fff5e8;border:1px solid #f0e0c9}.catalog-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap;border-top:1px solid #edf2f0;padding-top:11px}.catalog-actions .btn{font-size:9px;padding:8px 12px}.catalog-site-btn{border-color:#cfe5dc;color:#0a755e;background:#f5fbf8}.catalog-no-site{font-size:8px;color:#8a979a;margin-left:auto}.catalog-pagination{display:flex;justify-content:center;align-items:center;gap:9px;margin-top:14px}.catalog-pagination span{font-size:9px;color:#687b80}.catalog-pagination button:disabled{opacity:.4;cursor:default}
.analytics-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.analytics-kpis>div{background:linear-gradient(145deg,#f8fbfa,#eef6f3);border:1px solid #dfe9e6;border-radius:13px;padding:12px}.analytics-kpis span,.analytics-kpis small,.analytics-kpis b{display:block}.analytics-kpis span{font-size:7px;color:#6d7f84}.analytics-kpis b{font-size:18px;margin:2px 0}.analytics-kpis small{font-size:6.5px;color:#809096}.analytics-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:10px}.province-bars{display:grid;gap:6px}.province-bars>div{display:grid;grid-template-columns:90px 1fr 40px;gap:6px;align-items:center}.province-bars span,.province-bars b{font-size:7px}.province-bars b{text-align:left}.province-bars i{height:7px;background:#e8efed;border-radius:999px;overflow:hidden}.province-bars em{display:block;height:100%;background:linear-gradient(90deg,#18b394,#0b8b6f);border-radius:999px}.quality-list{display:grid;gap:5px}.quality-list>div{display:flex;justify-content:space-between;gap:10px;background:#f6f9f8;border:1px solid #e6ecea;border-radius:8px;padding:7px}.quality-list span,.quality-list b{font-size:7px}.status-distribution{display:flex;gap:6px;flex-wrap:wrap}.status-distribution>span{min-width:100px;background:#f3f8f6;border:1px solid #e0e9e6;border-radius:10px;padding:8px}.status-distribution small,.status-distribution b{display:block;font-size:7px}.status-distribution b{font-size:13px;margin-top:2px}.settings-workspace{min-height:280px;display:grid;place-items:center;text-align:center}.settings-workspace>div{max-width:460px}.settings-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:#e8f7f1;color:#0b8b6f;font-size:23px;margin:0 auto 8px}.settings-workspace h3{font-size:18px;margin:5px 0}.settings-workspace p{font-size:9px;color:#6f8186}
.company-detail-modal{width:min(980px,96vw);max-height:88vh;overflow:auto}.company-detail-hero{background:linear-gradient(145deg,#f7fbf9,#edf6f2);border:1px solid #dfe9e5;border-radius:14px;padding:12px;margin-bottom:10px}.company-detail-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:9px 0}.company-detail-facts span{background:#fff;border:1px solid #e2eae7;border-radius:9px;padding:7px}.company-detail-facts small,.company-detail-facts b{display:block;font-size:7px}.company-detail-facts b{font-size:12px;margin-top:2px}.detail-website{display:inline-block;text-decoration:none}.detail-columns{display:grid;grid-template-columns:1.25fr .75fr;gap:12px}.detail-products{display:grid;gap:6px;max-height:480px;overflow:auto}.detail-products details{border:1px solid #e2eae7;border-radius:10px;background:#fff}.detail-products summary{cursor:pointer;font-size:8px;font-weight:700;padding:8px}.detail-products details>div{border-top:1px solid #edf2f0;padding:8px}.detail-products p,.detail-products small,.detail-products em{display:block;font-size:7px;color:#64787e;margin:3px 0}.detail-products em{color:#984844}.detail-contact-list,.detail-sources{display:grid;gap:5px}.detail-contact-list>div,.detail-sources>div{background:#f6f9f8;border:1px solid #e4ebe8;border-radius:9px;padding:7px}.detail-contact-list b,.detail-contact-list span,.detail-contact-list small,.detail-sources b,.detail-sources span,.detail-sources small{display:block;font-size:7px}.detail-contact-list small,.detail-sources small{color:#7a8a8f}.detail-aliases{display:flex;gap:4px;flex-wrap:wrap}.detail-aliases span,.detail-badge{font-size:6.5px;background:#eef5f3;color:#4d7168;padding:3px 5px;border-radius:6px}.import-safety{display:flex;gap:10px;align-items:flex-start;background:#ecf8f3;border:1px solid #d3e9df;border-radius:13px;padding:12px}.import-safety>span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#0b8b6f;color:#fff}.import-safety b{font-size:9px}.import-safety p{font-size:7.5px;color:#63777d;margin:3px 0}.import-kpis{margin:10px 0}.import-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.import-profiles,.import-batches{display:grid;gap:6px}.import-profiles>div,.import-batches>div{background:#f7faf9;border:1px solid #e3ebe8;border-radius:10px;padding:8px}.import-profiles b,.import-profiles span,.import-profiles small,.import-batches b,.import-batches span,.import-batches small{display:block;font-size:7px}.import-profiles small,.import-batches small{color:#7b8b90}.import-next{display:flex;gap:5px;flex-wrap:wrap;margin-top:10px;padding-top:10px;border-top:1px solid #e7eeeb}.import-next b{width:100%;font-size:9px}.import-next span{font-size:7px;background:#f0f6f4;color:#546f68;border-radius:8px;padding:5px 7px}
.analytics-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}.export-actions{display:flex;gap:4px;flex-wrap:wrap}.export-actions .tiny-btn{background:#eef7f4;color:#176c57;border-color:#d5e8e1}.quality-head{margin-top:14px}.quality-issues{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.quality-issue{border:1px solid #e2eae7;background:#fff;border-radius:10px;padding:8px;display:flex;flex-direction:column;gap:2px}.quality-issue span{font-size:7px;color:#8a681e}.quality-issue b{font-size:8px}.quality-issue small{font-size:6.5px;color:#849297}.quality-issue.critical{border-color:#efd2cf;background:#fff7f6}.quality-issue.info{border-color:#dce8f3;background:#f8fbfe}
.legal-shell{width:min(900px,calc(100% - 30px));margin:40px auto 80px}.legal-back{display:inline-flex;margin-bottom:20px;text-decoration:none;color:var(--green);font-size:10px;font-weight:700}.legal-shell header{background:linear-gradient(145deg,#071b28,#0d4750);color:white;border-radius:24px;padding:32px;margin-bottom:14px}.legal-shell header>span{font:800 10px Arial;letter-spacing:2px;color:#78d5b3}.legal-shell header h1{font-size:30px;margin:5px 0}.legal-shell header p{font-size:11px;color:#c2d3d7;max-width:650px}.legal-shell section{background:#fff;border:1px solid #e0e9e6;border-radius:16px;padding:20px 22px;margin-bottom:9px}.legal-shell section h2{font-size:14px;margin:0 0 6px}.legal-shell section p{font-size:10px;color:#5e7379;margin:0;line-height:2}.footer-links{display:flex;gap:9px;flex-wrap:wrap}.footer-links a{font-size:8px;color:#557078;text-decoration:none}.footer-links a:hover{color:var(--green)}.users-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:10px}.user-create-form{display:grid;gap:9px}.user-create-form label{display:flex;flex-direction:column;gap:4px;font-size:8px;font-weight:700}.password-field>div{display:grid;grid-template-columns:1fr auto auto;gap:5px}.manager-user-row{display:grid;grid-template-columns:1fr 130px auto;gap:8px;align-items:center;padding:9px;border-bottom:1px solid #edf2f0}.manager-user-row b,.manager-user-row span,.manager-user-row small{display:block;font-size:7px}.manager-user-row b{font-size:8.5px}.manager-user-row small{color:#7c8c91;margin-top:2px}.manager-user-row select{font-size:8px;padding:7px}.user-actions{display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end}.import-upload-card{background:linear-gradient(145deg,#f7fbf9,#edf6f2);border:1px solid #dce9e4;border-radius:14px;padding:12px;margin-bottom:10px}.import-upload-card>div>b{font-size:10px}.import-upload-card>div>p{font-size:7.5px;color:#6b7e83;margin:2px 0 8px}.import-upload-card form{display:grid;grid-template-columns:1fr 180px auto;gap:7px;align-items:center}.import-upload-card input,.import-upload-card select{font-size:8px}.preview-summary{display:grid;grid-template-columns:repeat(6,1fr);gap:5px;margin:10px 0}.preview-summary span{background:#fff;border:1px solid #e2eae7;border-radius:9px;padding:7px}.preview-summary small,.preview-summary b{display:block;font-size:7px}.preview-summary b{font-size:13px}.preview-summary .create b{color:#0b8b6f}.preview-summary .update b{color:#2873a5}.preview-summary .review b{color:#98691e}.preview-summary .error b{color:#a0433d}.preview-meta{display:flex;justify-content:space-between;gap:10px;font-size:7px;margin:6px 0}.preview-meta span{color:#73868b}.preview-table-wrap{max-height:360px;overflow:auto;border:1px solid #e1e9e6;border-radius:11px}.preview-table{width:100%;border-collapse:collapse;background:#fff;font-size:7px}.preview-table th{position:sticky;top:0;background:#eff5f3;color:#4f666d;padding:7px;text-align:right;z-index:1}.preview-table td{padding:7px;border-top:1px solid #edf2f0;vertical-align:top}.preview-table td:nth-child(5){min-width:150px}.action-create,.action-update,.action-review{display:inline-block;border-radius:6px;padding:2px 5px}.action-create{background:#e9f7f1;color:#176c57}.action-update{background:#eef5fb;color:#2c6c99}.action-review{background:#fff5e6;color:#8f6626}.row-error{color:#a0433d}.row-warning{color:#936820}.row-ok{color:#176c57}.commit-box{display:flex;justify-content:space-between;align-items:center;gap:10px;background:#eef8f4;border:1px solid #d4e9df;border-radius:11px;padding:9px;margin-top:9px}.commit-box label{font-size:8px;display:flex;align-items:center;gap:5px}.commit-box input{width:auto}.regression-btn{background:#eef5fb;color:#28678f;border-color:#d6e5f0}.regression-modal{width:min(820px,100%);max-height:88vh;overflow:auto}.regression-summary{display:flex;justify-content:space-between;gap:10px;border-radius:11px;padding:10px;margin-bottom:9px}.regression-summary.pass{background:#eaf8f2;color:#176c57}.regression-summary.fail{background:#fff2ef;color:#98433d}.regression-summary b,.regression-summary span{font-size:9px}.regression-list{display:grid;gap:7px}.regression-case{display:grid;grid-template-columns:1fr auto;gap:7px;border:1px solid #e1e9e6;border-radius:12px;padding:10px}.regression-case.pass{border-right:4px solid #18b394}.regression-case.fail{border-right:4px solid #d46f64}.regression-case>div>b,.regression-case>div>span,.regression-case>div>small{display:block;font-size:7px}.regression-case>div>b{font-size:9px}.regression-case>div>small{color:#718389}.regression-case>strong{font:800 10px Arial;color:#176c57}.regression-case.fail>strong{color:#a0433d}.regression-top{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:4px}.regression-top>span{background:#f5f8f7;border-radius:8px;padding:6px}.regression-top b,.regression-top small{display:block;font-size:6.5px}.regression-top small{color:#74868b}.diagnostics-btn{background:#071b28;color:#fff;border-color:#071b28}.diagnostics-modal{width:min(680px,100%)}.diagnostics-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.health-item{display:flex;gap:9px;align-items:center;border:1px solid #e0e9e6;border-radius:11px;padding:9px;background:#f8fbfa}.health-item i{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;font-style:normal;font-weight:900}.health-item.ok i{background:#e6f7ef;color:#0b8b6f}.health-item.warn i{background:#fff2df;color:#a36c20}.health-item b,.health-item small{display:block;font-size:8px}.health-item small{color:#7b8b90}.diagnostics-counts{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:10px 0}.diagnostics-counts span{background:#f3f8f6;border:1px solid #e1e9e6;border-radius:10px;padding:8px}.diagnostics-counts small,.diagnostics-counts b{display:block;font-size:7px}.diagnostics-counts b{font-size:14px;margin-top:2px}.dependency-list{display:grid;gap:5px}.dependency-list>b{font-size:9px;margin-bottom:2px}.dependency{display:flex;justify-content:space-between;gap:10px;padding:7px 9px;background:#fff5e8;border:1px solid #eedfca;border-radius:9px;font-size:7px}.dependency.done{background:#ecf8f3;border-color:#d4e9df}.dependency span{font-weight:700}
.need-filter-bar{display:grid;grid-template-columns:minmax(160px,1fr) 150px auto auto;gap:6px;margin-bottom:8px}.need-filter-bar input,.need-filter-bar select{font-size:10px;padding:8px}.need-pagination{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:9px}.need-pagination span{font-size:9px;color:#6d7f84}.need-pagination button:disabled{opacity:.4;cursor:default}.locked-proposal{border-right:4px solid #0b8b6f}.locked-proposal>p{font-size:10px;color:#60757b}.locked-proposal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:12px 0}.locked-proposal-grid span{background:#f2f7f5;border:1px solid #e0e9e6;border-radius:10px;padding:9px}.locked-proposal-grid small,.locked-proposal-grid b{display:block;font-size:9px}.locked-proposal-grid b{font-size:11px;margin-top:2px}.track-upload{margin-top:14px;padding-top:12px;border-top:1px solid rgba(255,255,255,.14)}.track-upload>b,.track-upload>small{display:block}.track-upload>b{font-size:11px}.track-upload>small{font-size:9px;color:#bed0d5;margin:2px 0 8px}.track-upload form{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.track-upload input{background:#fff}.drawer .tiny-btn{font-size:10px;padding:7px 9px}.drawer .manager-title b{font-size:12px}.drawer .manager-title small,.drawer .manager-kpis span,.drawer .manager-kpis small{font-size:10px}.drawer .manager-tabs button{font-size:10px}.drawer .need-row h4,.drawer .result-row h4,.drawer .catalog-company h4{font-size:12px}.drawer .need-row p,.drawer .result-row p,.drawer .catalog-company p,.drawer .catalog-meta>span,.drawer .catalog-meta>a{font-size:9px}.drawer .status-pill,.drawer .result-tags span,.drawer .catalog-products span,.drawer .catalog-badges span{font-size:9px}.drawer .filter-line select,.drawer .need-state-bar select,.drawer .need-state-bar input{font-size:10px}.drawer .secondary-head b{font-size:11px}.drawer .secondary-head small{font-size:9px}.drawer .proposal-text,.drawer .score-grid label,.drawer .proposal-metrics small,.drawer .proposal-metrics b{font-size:9px}.drawer .analytics-kpis span,.drawer .analytics-kpis small,.drawer .province-bars span,.drawer .province-bars b,.drawer .quality-list span,.drawer .quality-list b,.drawer .status-distribution small{font-size:9px}.drawer .health-item b,.drawer .health-item small,.drawer .dependency{font-size:9px}.drawer .manager-user-row b{font-size:11px}.drawer .manager-user-row span,.drawer .manager-user-row small,.drawer .user-create-form label{font-size:9px}@media(max-width:600px){.track-upload form{grid-template-columns:1fr}.need-filter-bar{grid-template-columns:1fr 1fr}.need-filter-bar input{grid-column:1/-1}.locked-proposal-grid{grid-template-columns:1fr}}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
@media (max-width: 900px) {
  .company-detail-facts{grid-template-columns:1fr 1fr}.detail-columns,.import-grid{grid-template-columns:1fr}
  .catalog-toolbar{grid-template-columns:1fr 1fr}.analytics-grid{grid-template-columns:1fr}.analytics-kpis{grid-template-columns:1fr 1fr}
  .topbar nav,
  .park-brand {
    display: none;
  }
  body{padding-bottom:72px}.mobile-dock{position:fixed;display:grid;grid-template-columns:repeat(4,1fr);left:10px;right:10px;bottom:10px;z-index:90;background:rgba(7,27,40,.94);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:6px;box-shadow:0 18px 45px rgba(4,18,25,.28)}.mobile-dock a,.mobile-dock button{min-height:52px;border:0;background:transparent;color:#c5d4d8;text-decoration:none;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;font-family:Tahoma;cursor:pointer}.mobile-dock a:active,.mobile-dock button:active{background:rgba(255,255,255,.08)}.mobile-dock span{font-size:17px;line-height:1}.mobile-dock b{font-size:8px}.mobile-dock a[href="#need"]{background:#0b8b6f;color:white}
  .hero-grid,
  .two-col,
  .track-grid,
  .manager-grid {
    grid-template-columns: 1fr;
  }
  .hero-visual {
    min-height: 410px;
  }
  .steps {
    grid-template-columns: 1fr 1fr;
  }
  .side-stack {
    position: static;
  }
  .footer-grid {
    grid-template-columns: 1fr;
  }
  .manager-kpis {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 600px) {
  .shell {
    width: min(100% - 22px, 1180px);
  }
  .topbar-inner {
    height: 70px;
  }
  .hero {
    padding: 52px 0;
  }
  .hero h1 {
    font-size: 36px;
  }
  .hero-actions {
    flex-direction: column;
  }
  .hero-stats {
    grid-template-columns: 1fr;
  }
  .steps,
  .form-grid,
  .dynamic-grid,
  .choice-grid {
    grid-template-columns: 1fr;
  }
  .form-grid .full {
    grid-column: auto;
  }
  .track-form {
    grid-template-columns: 1fr;
  }
  .admin-callout {
    display: block;
    padding: 26px;
  }
  .admin-callout .btn {
    margin-top: 12px;
  }
  .manager-kpis {
    grid-template-columns: 1fr 1fr;
  }
  .filter-line {
    flex-direction: column;
  }
  .filter-line select {
    width: 100%;
  }
  .drawer {
    width: 100vw;
  }
  .invite-view {
    padding: 15px;
  }
  .proposal-summary,.proposal-metrics,.score-grid{grid-template-columns:1fr}
  .diagnostics-grid{grid-template-columns:1fr}.diagnostics-counts{grid-template-columns:1fr 1fr}.regression-top{grid-template-columns:1fr}
  .import-upload-card form{grid-template-columns:1fr}.preview-summary{grid-template-columns:1fr 1fr 1fr}.commit-box{align-items:stretch;flex-direction:column}.users-layout{grid-template-columns:1fr}.manager-user-row{grid-template-columns:1fr}.user-actions{justify-content:flex-start}
  .review-actions,.secondary-tools{flex-wrap:wrap}
  .need-state-bar{grid-template-columns:1fr}
  .feedback-group{width:100%;margin:4px 0 0;flex-wrap:wrap}
  .settings-grid,.workflow-readonly{grid-template-columns:1fr}
  .workflow-readonly>b{grid-column:auto}
  .manager-head-actions{flex-wrap:wrap;justify-content:flex-end}
  .company-detail-facts{grid-template-columns:1fr 1fr}.company-detail-modal{width:100%;max-height:94vh}.detail-columns,.import-grid{grid-template-columns:1fr}
  .catalog-intro{flex-direction:column}.catalog-search-main{grid-template-columns:1fr}.catalog-search-icon{display:none}.catalog-toolbar{grid-template-columns:1fr}.catalog-toolbar small{text-align:right}.catalog-company{grid-template-columns:1fr;padding:13px}.catalog-company-visual{width:100%;height:132px}.catalog-company-head{flex-direction:column}.catalog-badges{justify-content:flex-start}.catalog-company-facts{grid-template-columns:1fr 1fr}.catalog-company-facts>span:last-child{grid-column:1/-1}.catalog-contact-line>span{align-items:flex-start;flex-direction:column}.catalog-actions{align-items:stretch}.catalog-actions .btn,.catalog-actions .tiny-btn{width:100%;text-align:center;justify-content:center}.catalog-no-site{width:100%;margin:0}.analytics-kpis{grid-template-columns:1fr 1fr}.province-bars>div{grid-template-columns:75px 1fr 35px}.manager-tabs{margin-left:-3px;margin-right:-3px}.quality-issues{grid-template-columns:1fr}.analytics-actions{align-items:flex-start;flex-direction:column}
}



