.radar-auth-overlay {
  position: fixed;
  z-index: 5000;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 28px;
  color: #30373a;
  background:
    radial-gradient(circle at 18% 16%, rgba(255,255,255,.92), transparent 36%),
    radial-gradient(circle at 84% 72%, rgba(189,196,197,.24), transparent 32%),
    rgba(232,235,234,.88);
  backdrop-filter: blur(32px) saturate(112%);
  transition: opacity 240ms ease, visibility 240ms ease;
}
.radar-auth-overlay[hidden] { display: none; }
.radar-auth-card {
  width: min(440px, 94vw);
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.92);
  border-radius: 26px;
  background: rgba(252,252,250,.72);
  box-shadow: 0 30px 90px rgba(36,43,46,.16), inset 0 1px 0 rgba(255,255,255,.9);
  backdrop-filter: blur(28px) saturate(112%);
}
.radar-auth-head { padding: 30px 32px 22px; border-bottom: 1px solid rgba(216,221,222,.72); }
.radar-auth-kicker { margin: 0 0 7px; color: #969da0; font-size: 9px; font-weight: 750; letter-spacing: .16em; text-transform: uppercase; }
.radar-auth-head h1 { margin: 0; color: #20272a; font-size: 27px; letter-spacing: -.035em; }
.radar-auth-head p:last-child { margin: 9px 0 0; color: #7f888c; font-size: 10px; line-height: 1.65; }
.radar-auth-form { display: grid; gap: 14px; padding: 24px 32px 18px; }
.radar-auth-field label { display: block; margin-bottom: 7px; color: #6d767a; font-size: 9px; font-weight: 700; }
.radar-auth-field input {
  width: 100%;
  min-height: 44px;
  padding: 0 13px;
  border: 1px solid rgba(203,210,211,.9);
  border-radius: 11px;
  outline: 0;
  color: #333b3e;
  background: rgba(255,255,255,.74);
  font: inherit;
  font-size: 11px;
  transition: border-color 160ms ease, box-shadow 160ms ease, background-color 160ms ease;
}
.radar-auth-field input:focus { border-color: #7f898d; background: #fff; box-shadow: 0 0 0 4px rgba(47,56,60,.07); }
.radar-auth-error { min-height: 18px; margin: -4px 0 0; color: #b25555; font-size: 9px; line-height: 1.5; }
.radar-auth-submit {
  min-height: 44px;
  border: 0;
  border-radius: 11px;
  color: #fff;
  background: #30383b;
  box-shadow: 0 9px 18px rgba(39,46,49,.16);
  font: inherit;
  font-size: 10px;
  font-weight: 800;
  cursor: pointer;
  transition: transform 150ms ease, box-shadow 150ms ease, opacity 150ms ease;
}
.radar-auth-submit:hover { transform: translateY(-1px); box-shadow: 0 12px 23px rgba(39,46,49,.2); }
.radar-auth-submit:active { transform: scale(.988); }
.radar-auth-submit:disabled { opacity: .55; cursor: wait; }
.radar-auth-demo { padding: 14px 32px 24px; border-top: 1px solid rgba(219,223,224,.7); color: #868e92; font-size: 8px; line-height: 1.75; }
.radar-auth-demo strong { color: #4b5559; }
.radar-password-overlay {
  position: fixed;
  z-index: 5100;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 28px;
  color: #30373a;
  background: rgba(226,230,229,.9);
  backdrop-filter: blur(34px) saturate(112%);
}
.radar-password-overlay[hidden] { display: none; }
.radar-password-card {
  width: min(470px, 94vw);
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.94);
  border-radius: 26px;
  background: rgba(252,252,250,.82);
  box-shadow: 0 30px 90px rgba(36,43,46,.18), inset 0 1px 0 rgba(255,255,255,.94);
  backdrop-filter: blur(28px) saturate(112%);
}
.radar-password-head { padding: 28px 32px 20px; border-bottom: 1px solid rgba(216,221,222,.72); }
.radar-password-head p { margin: 0 0 7px; color: #969da0; font-size: 9px; font-weight: 750; letter-spacing: .14em; text-transform: uppercase; }
.radar-password-head h2 { margin: 0; color: #20272a; font-size: 23px; letter-spacing: -.03em; }
.radar-password-head span { display: block; margin-top: 9px; color: #7f888c; font-size: 9px; line-height: 1.65; }
.radar-password-form { display: grid; gap: 13px; padding: 22px 32px 28px; }
.radar-password-rules { margin: -3px 0 0; color: #8f979a; font-size: 8px; line-height: 1.6; }
.radar-app-state { position: fixed; z-index: 4900; inset: 0; display: grid; place-items: center; color: #727b7f; background: rgba(240,242,241,.9); font-size: 10px; backdrop-filter: blur(26px); }
.radar-app-state[hidden] { display: none; }
.radar-app-state span { display: inline-flex; align-items: center; gap: 10px; }
.radar-app-state span::before { content: ""; width: 14px; height: 14px; border: 2px solid #bac0c2; border-top-color: #4c565a; border-radius: 50%; animation: radar-spin .75s linear infinite; }
.radar-api-badge { position: fixed; z-index: 100; right: 16px; bottom: 15px; display: inline-flex; align-items: center; min-height: 25px; padding: 0 9px; border: 1px solid rgba(198,205,207,.82); border-radius: 999px; color: #6f787c; background: rgba(250,251,250,.76); box-shadow: 0 5px 16px rgba(35,41,44,.07); backdrop-filter: blur(18px); font-size: 7px; font-weight: 750; }
.radar-api-badge::before { content: ""; width: 6px; height: 6px; margin-right: 6px; border-radius: 50%; background: #579478; box-shadow: 0 0 0 3px rgba(87,148,120,.11); }
.radar-api-badge.offline::before { background: #b25555; box-shadow: 0 0 0 3px rgba(178,85,85,.11); }
.radar-menu-popover { position: fixed; z-index: 2600; width: 210px; overflow: hidden; border: 1px solid rgba(255,255,255,.9); border-radius: 15px; background: rgba(252,252,250,.93); box-shadow: 0 18px 50px rgba(29,35,37,.16); backdrop-filter: blur(24px); }
.radar-menu-popover[hidden] { display: none; }
.radar-menu-user { padding: 13px 14px; border-bottom: 1px solid rgba(216,221,222,.72); }
.radar-menu-user b { display: block; color: #30383b; font-size: 10px; }
.radar-menu-user span { display: block; margin-top: 3px; color: #90979a; font-size: 8px; }
.radar-menu-popover button { width: 100%; min-height: 38px; padding: 0 14px; border: 0; color: #5a6468; background: transparent; text-align: left; font: inherit; font-size: 9px; cursor: pointer; }
.radar-menu-popover button:hover { color: #242b2e; background: rgba(232,235,235,.7); }
.radar-data-empty { grid-column: 1 / -1; min-height: 220px; display: grid; place-items: center; color: #8d9598; font-size: 10px; }
.radar-data-error { padding: 14px; border: 1px solid rgba(178,85,85,.2); border-radius: 10px; color: #984c4c; background: rgba(178,85,85,.06); font-size: 9px; }
.radar-delete-product { color: #a74f4f; }
.radar-delete-product:hover { color: #8f3535; background: rgba(178,85,85,.07); }
.radar-comment-list { max-height: 150px; overflow-y: auto; margin: 10px 0; padding-right: 4px; }
.radar-comment-item { display: grid; grid-template-columns: auto minmax(0,1fr) auto; gap: 7px; padding: 7px 0; border-bottom: 1px solid rgba(216,221,222,.68); color: #727a7e; font-size: 8px; line-height: 1.5; }
.radar-comment-item b { color: #3f474a; }
.radar-comment-item time { color: #9da3a6; }
.comment-box:empty::before { content: attr(data-placeholder); color: #a0a6a9; }
.radar-filter-select { appearance: auto; min-width: 116px; padding-right: 12px; outline: 0; font-family: inherit; cursor: pointer; }
.radar-filter-select:focus { border-color: #969fa2; box-shadow: 0 0 0 3px rgba(42,51,55,.06); }
.field-help { display: block; margin-top: 6px; color: #8a9295; font-size: 8px; line-height: 1.55; }
#manage .industry-multiselect + .field-help { margin-top: 6px; color: #a8adaf; font-size: 7px; font-weight: 400; line-height: 1.5; letter-spacing: 0; }
.industry-multiselect { position: relative; }
.industry-multiselect > summary { list-style: none; }
.industry-multiselect > summary::-webkit-details-marker { display: none; }
.industry-select-trigger { display: flex; align-items: center; justify-content: space-between; gap: 10px; color: #91989b; text-align: left; cursor: pointer; }
.industry-select-trigger.has-value { color: #30383b; }
.industry-select-trigger > span:first-child { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.industry-select-chevron { flex: 0 0 auto; color: #7b8488; font-size: 15px; line-height: 1; transition: transform 160ms ease; }
.industry-multiselect[open] .industry-select-chevron { transform: rotate(180deg); }
.industry-select-menu { position: absolute; z-index: 80; top: calc(100% + 7px); left: 0; width: 100%; max-height: 238px; box-sizing: border-box; overflow-y: auto; padding: 7px; border: 1px solid rgba(202,209,211,.92); border-radius: 13px; background: rgba(253,253,251,.96); box-shadow: 0 18px 38px rgba(33,40,43,.15); backdrop-filter: blur(22px) saturate(110%); }
.industry-select-menu[hidden] { display: none; }
.industry-multiselect:not([open]) .industry-select-menu { display: none; }
#manage .industry-select-option { width: 100%; min-height: 34px; height: 34px; display: flex; align-items: center; gap: 9px; box-sizing: border-box; margin: 0; padding: 0 9px; border-radius: 8px; color: #555f63; font-size: 9px; font-weight: 650; line-height: 1; cursor: pointer; transition: color 140ms ease, background-color 140ms ease; }
#manage .industry-select-option + .industry-select-option { margin-top: 2px; }
.industry-select-option:hover { color: #20282b; background: rgba(231,235,235,.75); }
.industry-select-option:has(input:checked) { color: #253033; background: rgba(146,112,58,.10); }
#manage .industry-select-option input[type="checkbox"] { width: 14px; height: 14px; flex: 0 0 14px; align-self: center; box-sizing: border-box; margin: 0; padding: 0; accent-color: #75603c; vertical-align: middle; }
#manage .industry-select-option span { display: flex; min-height: 14px; align-items: center; line-height: 14px; }
body.radar-authenticated .review-note { color: #6f787c; }
body.radar-readonly .add-project-btn, body.radar-readonly [data-view="manage"], body.radar-readonly [data-view="batch"] { display: none !important; }
@keyframes radar-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .radar-app-state span::before { animation-duration: 1.6s; } }