@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&family=DM+Mono:wght@400;500&display=swap');

*{box-sizing:border-box;margin:0;padding:0}

:root{
  --bg:#f8f9fb;
  --white:#ffffff;
  --ink:#0f1117;
  --ink2:#2a2d3a;
  --muted:#6b7080;
  --muted2:#9aa0b0;
  --line:#e8eaef;
  --line2:#d8dbe5;
  --accent:#2563eb;
  --accent-lt:#eff4ff;
  --accent-dk:#1d4ed8;
  --green:#059669;
  --green-lt:#ecfdf5;
  --amber:#d97706;
  --amber-lt:#fffbeb;
  --red:#dc2626;
  --red-lt:#fef2f2;
  --orange:#ea580c;
  --orange-lt:#fff7ed;
  --purple:#7c3aed;
  --purple-lt:#f5f3ff;
  --hold:#0891b2;
  --hold-lt:#ecfeff;
  --r:14px;
  --r2:10px;
  --r3:8px;
  --shadow:0 1px 4px rgba(0,0,0,.06),0 4px 16px rgba(0,0,0,.04);
  --shadow-md:0 4px 20px rgba(0,0,0,.08),0 1px 4px rgba(0,0,0,.04);
  --shadow-lg:0 8px 40px rgba(0,0,0,.1),0 2px 8px rgba(0,0,0,.05);
}

html{scroll-behavior:smooth}

body{font-family:'DM Sans',sans-serif;background:var(--bg);color:var(--ink);min-height:100vh;-webkit-font-smoothing:antialiased}

::-webkit-scrollbar{width:4px}

::-webkit-scrollbar-track{background:transparent}

::-webkit-scrollbar-thumb{background:var(--line2);border-radius:3px}

input[type=text],input[type=number],input[type=tel],input[type=date],textarea,select{
  width:100%;background:var(--bg);border:1.5px solid var(--line2);border-radius:var(--r3);
  padding:11px 14px;font-size:14px;font-family:'DM Sans',sans-serif;color:var(--ink);
  outline:none;transition:border-color .18s,background .18s,box-shadow .18s
}

input:focus,textarea:focus,select:focus{border-color:var(--accent);background:#fff;box-shadow:0 0 0 3px rgba(37,99,235,.08)}

textarea{resize:vertical;min-height:80px;line-height:1.6}

::placeholder{color:var(--muted2)}

@keyframes fadeUp{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}

@keyframes slideUp{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}

@keyframes shake{0%,100%{transform:translateX(0)}20%{transform:translateX(-7px)}40%{transform:translateX(6px)}60%{transform:translateX(-5px)}80%{transform:translateX(4px)}}

@keyframes loginIn{from{opacity:0;transform:translateY(32px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}

@keyframes modalIn{from{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
._container_1dtd7_1 {
  position: fixed;
  bottom: 24px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  gap: 8px;
  z-index: 9999;
  pointer-events: none;
}

._toast_1dtd7_13 {
  background: #1e2033;
  color: #fff;
  padding: 10px 20px;
  border-radius: 10px;
  font-size: 13px;
  font-weight: 500;
  box-shadow: 0 4px 20px rgba(0,0,0,.2);
  animation: _fadeUp_1dtd7_1 .3s ease both;
  white-space: nowrap;
}

@keyframes _fadeUp_1dtd7_1 {
  from { opacity: 0; transform: translateY(8px); }
  to { opacity: 1; transform: translateY(0); }
}
._page_1jq83_1 {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f0f4ff;
  position: relative;
  overflow: hidden;
}

._page_1jq83_1::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    radial-gradient(ellipse 60% 50% at 20% 20%, rgba(37,99,235,.08) 0%, transparent 60%),
    radial-gradient(ellipse 50% 60% at 80% 80%, rgba(5,150,105,.06) 0%, transparent 60%);
}

._dots_1jq83_20 {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image: radial-gradient(circle, rgba(37,99,235,.1) 1px, transparent 1px);
  background-size: 32px 32px;
}

._card_1jq83_28 {
  background: var(--white);
  border-radius: 20px;
  padding: 44px 40px 36px;
  width: 100%;
  max-width: 400px;
  box-shadow: var(--shadow-lg), 0 0 0 1px rgba(0,0,0,.04);
  position: relative;
  z-index: 1;
  animation: _loginIn_1jq83_1 .45s cubic-bezier(.22,.68,0,1.2) both;
  margin: 20px;
}

@keyframes _loginIn_1jq83_1 {
  from { opacity: 0; transform: translateY(32px) scale(.97); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}

._logoWrap_1jq83_46 { text-align: center; margin-bottom: 32px; }

._logo_1jq83_46 {
  width: 56px; height: 56px;
  border-radius: 14px;
  background: var(--accent);
  display: inline-flex;
  align-items: center; justify-content: center;
  margin-bottom: 14px;
  box-shadow: 0 6px 20px rgba(37,99,235,.3);
}
._logo_1jq83_46 svg { width: 26px; height: 26px; }

._brand_1jq83_59 { font-size: 24px; font-weight: 700; color: var(--ink); letter-spacing: -0.5px; }
._brand_1jq83_59 span { color: var(--accent); }
._tagline_1jq83_61 { font-size: 13px; color: var(--muted); margin-top: 4px; }

._group_1jq83_63 { margin-bottom: 16px; }
._lbl_1jq83_64 { display: block; font-size: 12px; font-weight: 600; color: var(--ink2); margin-bottom: 6px; letter-spacing: 0.1px; }

._inputWrap_1jq83_66 { position: relative; }
._inputIcon_1jq83_67 {
  position: absolute; left: 13px; top: 50%; transform: translateY(-50%);
  color: var(--muted2); pointer-events: none;
  display: flex; align-items: center;
}
._inputIcon_1jq83_67 svg { width: 15px; height: 15px; }

._input_1jq83_66 {
  width: 100%;
  background: var(--bg);
  border: 1.5px solid var(--line2);
  border-radius: var(--r3);
  padding: 12px 14px 12px 40px;
  font-size: 14px;
  font-family: 'DM Sans', sans-serif;
  color: var(--ink);
  outline: none;
  transition: border-color .18s, box-shadow .18s, background .18s;
}
._input_1jq83_66:focus { border-color: var(--accent); background: #fff; box-shadow: 0 0 0 3px rgba(37,99,235,.1); }

._btn_1jq83_88 {
  width: 100%; padding: 13px; border: none;
  border-radius: var(--r3); background: var(--accent); color: #fff;
  font-family: 'DM Sans', sans-serif; font-size: 14px; font-weight: 600;
  cursor: pointer; letter-spacing: 0.2px;
  box-shadow: 0 3px 14px rgba(37,99,235,.3);
  transition: all .18s; margin-top: 6px;
}
._btn_1jq83_88:hover { background: var(--accent-dk); box-shadow: 0 5px 20px rgba(37,99,235,.38); transform: translateY(-1px); }

._errBox_1jq83_98 {
  background: var(--red-lt);
  border: 1.5px solid rgba(220,38,38,.2);
  border-radius: var(--r3);
  padding: 10px 14px;
  font-size: 13px; color: var(--red); font-weight: 500;
  margin-bottom: 14px;
}

._shake_1jq83_107 { animation: _shake_1jq83_107 .4s ease; }
@keyframes _shake_1jq83_107 {
  0%,100%{transform:translateX(0)}20%{transform:translateX(-7px)}40%{transform:translateX(6px)}60%{transform:translateX(-5px)}80%{transform:translateX(4px)}
}

._hint_1jq83_112 {
  text-align: center;
  font-size: 12px; color: var(--muted2);
  margin-top: 18px;
  background: var(--bg); border-radius: var(--r3);
  padding: 10px 14px; border: 1px solid var(--line);
}
._hint_1jq83_112 code {
  font-family: 'DM Mono', monospace; font-size: 11px;
  color: var(--accent); background: var(--accent-lt);
  padding: 2px 6px; border-radius: 4px;
}

@media (min-width: 768px) {
  ._card_1jq83_28 { padding: 56px 52px 44px; max-width: 460px; border-radius: 24px; }
  ._logo_1jq83_46 { width: 68px; height: 68px; border-radius: 18px; }
  ._logo_1jq83_46 svg { width: 32px; height: 32px; }
  ._brand_1jq83_59 { font-size: 28px; }
  ._tagline_1jq83_61 { font-size: 14px; }
  ._input_1jq83_66 { padding: 14px 16px 14px 46px; font-size: 15px; }
  ._btn_1jq83_88 { padding: 16px; font-size: 15px; }
  ._group_1jq83_63 { margin-bottom: 20px; }
}
._topnav_1pcwa_1 {
  background: var(--white);
  border-bottom: 1px solid var(--line);
  padding: 0 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 52px;
  position: sticky;
  top: 0;
  z-index: 100;
  gap: 8px;
}

/* Brand */
._brand_1pcwa_16 { display: flex; align-items: center; gap: 7px; flex-shrink: 0; }

._logo_1pcwa_18 {
  width: 32px; height: 32px;
  background: var(--accent);
  border-radius: 8px;
  display: flex; align-items: center; justify-content: center;
  box-shadow: 0 2px 8px rgba(37,99,235,.25);
  flex-shrink: 0;
}
._logo_1pcwa_18 svg { width: 15px; height: 15px; }

._name_1pcwa_28 { font-size: 15px; font-weight: 700; color: var(--ink); letter-spacing: -0.3px; }
._name_1pcwa_28 span { color: var(--accent); }

/* Right side */
._right_1pcwa_32 { display: flex; align-items: center; gap: 5px; flex-shrink: 0; }

/* Avatar */
._user_1pcwa_35 {
  display: flex; align-items: center;
  background: var(--bg); border: 1.5px solid var(--line2);
  border-radius: 50%; padding: 0; cursor: default;
}
._avatar_1pcwa_40 {
  width: 30px; height: 30px; border-radius: 50%;
  background: var(--accent); color: #fff;
  display: flex; align-items: center; justify-content: center;
  font-size: 12px; font-weight: 700; flex-shrink: 0;
}

/* Buttons — icon-only by default on mobile */
._dashboardBtn_1pcwa_48,
._logoutBtn_1pcwa_49 {
  display: flex; align-items: center; justify-content: center;
  background: none; border: 1.5px solid var(--line2);
  border-radius: var(--r3); padding: 6px 8px;
  font-size: 13px; font-weight: 500; color: var(--muted);
  cursor: pointer; font-family: 'DM Sans', sans-serif;
  transition: all .15s;
  width: 34px; height: 34px;
}
._dashboardBtn_1pcwa_48 svg,
._logoutBtn_1pcwa_49 svg { width: 15px; height: 15px; flex-shrink: 0; }

._dashboardBtn_1pcwa_48:hover { border-color: var(--accent); color: var(--accent); background: var(--accent-lt); }
._logoutBtn_1pcwa_49:hover    { border-color: var(--red);    color: var(--red);    background: var(--red-lt); }

/* Hide text labels on small screens */
._btnLabel_1pcwa_65 { display: none; }

/* Tablet (600px+) — show labels */
@media (min-width: 600px) {
  ._topnav_1pcwa_1   { padding: 0 20px; height: 56px; }
  ._logo_1pcwa_18     { width: 36px; height: 36px; border-radius: 9px; }
  ._logo_1pcwa_18 svg { width: 17px; height: 17px; }
  ._name_1pcwa_28     { font-size: 17px; }
  ._avatar_1pcwa_40   { width: 34px; height: 34px; font-size: 13px; }
  ._btnLabel_1pcwa_65 { display: inline; }
  ._dashboardBtn_1pcwa_48,
  ._logoutBtn_1pcwa_49 { padding: 7px 13px; width: auto; height: auto; }
}

/* Desktop (900px+) */
@media (min-width: 900px) {
  ._topnav_1pcwa_1   { padding: 0 40px; height: 64px; }
  ._logo_1pcwa_18     { width: 42px; height: 42px; border-radius: 12px; }
  ._logo_1pcwa_18 svg { width: 20px; height: 20px; }
  ._name_1pcwa_28     { font-size: 20px; }
  ._right_1pcwa_32    { gap: 10px; }
  ._avatar_1pcwa_40   { width: 38px; height: 38px; font-size: 15px; }
  ._dashboardBtn_1pcwa_48,
  ._logoutBtn_1pcwa_49 { padding: 8px 16px; font-size: 14px; }
  ._dashboardBtn_1pcwa_48 svg,
  ._logoutBtn_1pcwa_49 svg { width: 16px; height: 16px; }
}
._wrap_ah6lz_1 {
  max-width: 1080px;
  margin: 0 auto;
  padding: 24px 16px 80px;
}

._titleRow_ah6lz_7 { margin-bottom: 20px; }
._title_ah6lz_7 { font-size: 20px; font-weight: 700; color: var(--ink); letter-spacing: -0.4px; }
._title_ah6lz_7 span { color: var(--accent); }
._sub_ah6lz_10 { font-size: 13px; color: var(--muted); margin-top: 3px; }

/* Search */
._searchWrap_ah6lz_13 { position: relative; margin-bottom: 24px; }
._searchIcon_ah6lz_14 {
  position: absolute; left: 14px; top: 50%; transform: translateY(-50%);
  color: var(--muted2); pointer-events: none;
  display: flex; align-items: center;
}
._searchIcon_ah6lz_14 svg { width: 15px; height: 15px; }
._searchWrap_ah6lz_13 ._searchBar_ah6lz_20 {
  width: 100%; box-sizing: border-box;
  border-radius: 28px;
  padding: 12px 44px 12px 44px;
  font-size: 14px;
  box-shadow: 0 2px 12px rgba(0,0,0,.07);
  background: var(--white);
  border: 1.5px solid var(--line2);
  font-family: 'DM Sans', sans-serif;
  color: var(--ink); outline: none;
  transition: border-color .18s, box-shadow .18s;
}
._searchWrap_ah6lz_13 ._searchBar_ah6lz_20:focus { border-color: var(--accent); box-shadow: 0 0 0 3px rgba(37,99,235,.08); }
._searchClear_ah6lz_33 {
  position: absolute; right: 14px; top: 50%; transform: translateY(-50%);
  background: var(--line2); border: none; color: var(--muted);
  width: 22px; height: 22px; border-radius: 50%; font-size: 11px;
  cursor: pointer; display: flex; align-items: center; justify-content: center;
}
._searchDropdown_ah6lz_39 {
  position: absolute; top: calc(100% + 6px); left: 0; right: 0;
  background: var(--white); border: 1.5px solid var(--line);
  border-radius: var(--r2); box-shadow: var(--shadow-lg);
  z-index: 50; overflow: hidden;
}
._srEmpty_ah6lz_45 { padding: 14px 16px; font-size: 13px; color: var(--muted); }
._srItem_ah6lz_46 {
  display: flex; align-items: center; gap: 10px;
  padding: 10px 14px; cursor: pointer;
  border-bottom: 1px solid var(--line);
  transition: background .12s;
}
._srItem_ah6lz_46:last-child { border-bottom: none; }
._srItem_ah6lz_46:hover { background: var(--bg); }
._srIcon_ah6lz_54 {
  width: 34px; height: 34px; border-radius: 9px;
  display: flex; align-items: center; justify-content: center;
  font-size: 15px; flex-shrink: 0;
}
._srBody_ah6lz_59 { flex: 1; min-width: 0; }
._srName_ah6lz_60 { font-size: 13px; font-weight: 600; color: var(--ink); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
._srMeta_ah6lz_61 { font-size: 11px; color: var(--muted); margin-top: 1px; }
._srBadge_ah6lz_62 {
  font-size: 10px; font-weight: 700; padding: 3px 8px;
  border-radius: 12px; background: var(--bg); color: var(--muted);
  white-space: nowrap; flex-shrink: 0;
}

/* Stats — 2 columns on mobile, 4 on wider */
._stats_ah6lz_69 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  margin-bottom: 24px;
}
._statCard_ah6lz_75 {
  background: var(--white);
  border: 1.5px solid var(--line);
  border-radius: var(--r2);
  padding: 14px 14px;
  box-shadow: var(--shadow);
  cursor: pointer;
  transition: transform .15s, box-shadow .15s;
  position: relative; overflow: hidden;
}
._statCard_ah6lz_75:hover  { transform: translateY(-2px); box-shadow: var(--shadow-md); }
._statCard_ah6lz_75:active { transform: translateY(0); }
._statDot_ah6lz_87 { width: 7px; height: 7px; border-radius: 50%; margin-bottom: 10px; }
._orange_ah6lz_88 ._statDot_ah6lz_87 { background: var(--orange); }
._amber_ah6lz_89  ._statDot_ah6lz_87 { background: var(--amber); }
._red_ah6lz_90    ._statDot_ah6lz_87 { background: var(--red); }
._green_ah6lz_91  ._statDot_ah6lz_87 { background: var(--green); }
._statNum_ah6lz_92 { font-size: 28px; font-weight: 700; color: var(--ink); font-family: 'DM Mono', monospace; letter-spacing: -0.5px; }
._statLbl_ah6lz_93 { font-size: 11px; color: var(--muted); font-weight: 500; margin-top: 2px; }

/* Action Cards — stacked on mobile */
._actionCards_ah6lz_96 {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
  margin-top: 8px;
}
._actionCard_ah6lz_96 {
  background: var(--white);
  border: 1.5px solid var(--line);
  border-radius: var(--r);
  padding: 20px 18px;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 16px;
  cursor: pointer;
  box-shadow: var(--shadow);
  transition: all .2s;
}
._actionCard_ah6lz_96:hover  { box-shadow: var(--shadow-md); transform: translateY(-2px); border-color: var(--line2); }
._actionCard_ah6lz_96:active { transform: translateY(0); }
._actionIcon_ah6lz_117 {
  width: 44px; height: 44px; border-radius: 12px;
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0;
}
._actionIcon_ah6lz_117 svg { width: 22px; height: 22px; }
._blue_ah6lz_123 { background: var(--accent-lt); }
._blue_ah6lz_123 svg { stroke: var(--accent); }
._teal_ah6lz_125 { background: var(--hold-lt); }
._teal_ah6lz_125 svg { stroke: var(--hold); }
._actionBody_ah6lz_127 { flex: 1; min-width: 0; }
._actionLabel_ah6lz_128 { font-size: 15px; font-weight: 700; color: var(--ink); margin-bottom: 3px; }
._actionDesc_ah6lz_129 { font-size: 12px; color: var(--muted); line-height: 1.5; }
._actionCta_ah6lz_130 { font-size: 13px; font-weight: 600; color: var(--accent); white-space: nowrap; flex-shrink: 0; }
._ctaTeal_ah6lz_131 { color: var(--hold); }

/* Tablet (600px+) */
@media (min-width: 600px) {
  ._wrap_ah6lz_1     { padding: 32px 24px 80px; }
  ._title_ah6lz_7    { font-size: 24px; }
  ._sub_ah6lz_10      { font-size: 14px; margin-top: 4px; }
  ._stats_ah6lz_69    { grid-template-columns: repeat(4, 1fr); gap: 12px; }
  ._statNum_ah6lz_92  { font-size: 30px; }
  ._statLbl_ah6lz_93  { font-size: 12px; }
  ._actionCards_ah6lz_96 { grid-template-columns: 1fr 1fr; gap: 16px; }
  ._actionCard_ah6lz_96 { flex-direction: column; align-items: flex-start; padding: 24px 20px; }
  ._actionIcon_ah6lz_117 { width: 48px; height: 48px; }
}

/* Desktop (900px+) */
@media (min-width: 900px) {
  ._wrap_ah6lz_1     { padding: 40px 40px 100px; }
  ._title_ah6lz_7    { font-size: 28px; }
  ._sub_ah6lz_10      { font-size: 15px; margin-top: 6px; }
  ._titleRow_ah6lz_7 { margin-bottom: 28px; }
  ._stats_ah6lz_69    { gap: 16px; margin-bottom: 32px; }
  ._statCard_ah6lz_75 { padding: 18px 20px; }
  ._statNum_ah6lz_92  { font-size: 36px; }
  ._statLbl_ah6lz_93  { font-size: 13px; }
  ._actionCards_ah6lz_96 { gap: 20px; }
  ._actionCard_ah6lz_96 { padding: 28px 24px; }
  ._actionIcon_ah6lz_117 { width: 54px; height: 54px; border-radius: 14px; }
  ._actionIcon_ah6lz_117 svg { width: 26px; height: 26px; }
  ._actionLabel_ah6lz_128 { font-size: 17px; }
  ._actionDesc_ah6lz_129  { font-size: 13px; }
}
._overlay_mwh9o_1 {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.88);
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  animation: _fadeIn_mwh9o_1 .2s ease;
}

@keyframes _fadeIn_mwh9o_1 { from { opacity: 0; } to { opacity: 1; } }

._close_mwh9o_15 {
  position: absolute;
  top: 16px; right: 16px;
  background: rgba(255,255,255,.15);
  border: none; color: #fff;
  width: 38px; height: 38px;
  border-radius: 50%;
  font-size: 18px;
  cursor: pointer;
  display: flex; align-items: center; justify-content: center;
}
._close_mwh9o_15:hover { background: rgba(255,255,255,.25); }

._img_mwh9o_28 {
  max-width: 100%;
  max-height: 90vh;
  border-radius: 10px;
  box-shadow: 0 8px 40px rgba(0,0,0,.5);
  object-fit: contain;
}
/* ── Page wrapper ── */
._wrap_22kfr_2 { max-width: 760px; margin: 0 auto; padding: 20px 14px 80px; }

/* ── Header ── */
._header_22kfr_5 { margin-bottom: 18px; }
._badge_22kfr_6 {
  display: inline-block;
  padding: 4px 12px; border-radius: 20px;
  font-size: 12px; font-weight: 700;
  margin-bottom: 8px;
}
._inprog_22kfr_12 { background: var(--orange-lt); color: var(--orange); border: 1px solid rgba(234,88,12,.15); }
._amber_22kfr_13  { background: var(--amber-lt);  color: var(--amber);  border: 1px solid rgba(217,119,6,.2); }
._hold_22kfr_14   { background: var(--hold);    color: #fff;          border: 1px solid var(--hold); }
._green_22kfr_15  { background: var(--green-lt);  color: var(--green);  border: 1px solid rgba(5,150,105,.2); }

._title_22kfr_17 { font-size: 20px; font-weight: 700; color: var(--ink); letter-spacing: -0.4px; margin-bottom: 4px; }
._sub_22kfr_18   { font-size: 13px; color: var(--muted); }

/* ── Search ── */
._searchWrap_22kfr_21 { position: relative; margin-bottom: 14px; }
._searchIcon_22kfr_22 {
  position: absolute; left: 14px; top: 50%; transform: translateY(-50%);
  color: var(--muted); display: flex; pointer-events: none;
}
._searchWrap_22kfr_21 ._searchInput_22kfr_26 {
  width: 100%; padding: 11px 40px 11px 42px;
  border: 1.5px solid var(--line2); border-radius: var(--r2);
  font-size: 13.5px; font-family: inherit; background: var(--surface);
  color: var(--ink); transition: border-color .15s, box-shadow .15s;
}
._searchWrap_22kfr_21 ._searchInput_22kfr_26:focus { outline: none; border-color: var(--accent); box-shadow: 0 0 0 3px var(--accent-lt); }
._searchClear_22kfr_33 {
  position: absolute; right: 12px; top: 50%; transform: translateY(-50%);
  background: none; border: none; color: var(--muted); cursor: pointer;
  font-size: 13px; padding: 4px; border-radius: 4px; line-height: 1;
}
._searchClear_22kfr_33:hover { color: var(--ink); }

/* ── Card list ── */
._list_22kfr_41 { display: flex; flex-direction: column; gap: 10px; }

/* ── Card ── */
._card_22kfr_44 {
  background: var(--white);
  border: 1.5px solid var(--line);
  border-radius: var(--r2);
  padding: 14px 14px 14px 17px;
  display: flex; align-items: flex-start; gap: 12px;
  cursor: pointer;
  box-shadow: var(--shadow);
  transition: all .18s;
  animation: _fadeUp_22kfr_1 .3s ease both;
  position: relative;
  /* Prevent overflow on tiny screens */
  min-width: 0;
}
._card_22kfr_44::before {
  content: ''; position: absolute; left: 0; top: 0; bottom: 0;
  width: 3px; border-radius: 4px 0 0 4px;
}
._activeCard_22kfr_62::before    { background: var(--orange); }
._holdCard_22kfr_63::before      { background: var(--hold); }
._completedCard_22kfr_64::before { background: var(--green); }
._card_22kfr_44:hover { transform: translateY(-1px); box-shadow: var(--shadow-md); }

/* ── Icon ── */
._icon_22kfr_68 {
  width: 40px; height: 40px; border-radius: 10px;
  display: flex; align-items: center; justify-content: center;
  font-size: 17px; flex-shrink: 0;
}
._activeIcon_22kfr_73    { background: var(--orange-lt); }
._holdIcon_22kfr_74      { background: var(--hold-lt); }
._completedIcon_22kfr_75 { background: var(--green-lt); }

/* ── Body ── */
._body_22kfr_78 { flex: 1; min-width: 0; }
._name_22kfr_79    { font-size: 14px; font-weight: 700; color: var(--ink); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
._product_22kfr_80 { font-size: 12px; color: var(--muted); margin-top: 2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* ── Step progress row ── */
._stepRow_22kfr_83 { display: flex; align-items: center; gap: 7px; margin-top: 7px; flex-wrap: wrap; }
._pips_22kfr_84    { display: flex; gap: 3px; flex-shrink: 0; }
._pip_22kfr_84     { width: 18px; height: 5px; border-radius: 3px; background: var(--line2); }
._done_22kfr_86    { background: var(--green) !important; }
._active_22kfr_62  { background: var(--orange) !important; }
/* NOTE: .hold is also used as badge class above; keep specificity */
._pips_22kfr_84 ._hold_22kfr_14 { background: var(--hold) !important; }
._stepLbl_22kfr_90 { font-size: 11px; color: var(--muted); font-weight: 500; }

._holdReason_22kfr_92    { font-size: 11px; color: var(--hold); margin-top: 4px; font-weight: 600; }
._completedMeta_22kfr_93 { font-size: 12px; color: var(--green); margin-top: 6px; font-weight: 600; }

/* ── Right column ── */
._right_22kfr_96 {
  display: flex; flex-direction: column; align-items: flex-end; gap: 5px;
  flex-shrink: 0;
  /* Fixed minimum so text doesn't wrap badly */
  min-width: 72px;
}
._token_22kfr_102 {
  font-size: 10px; font-weight: 700; font-family: 'DM Mono', monospace;
  background: var(--bg); border: 1px solid var(--line2);
  padding: 3px 7px; border-radius: 6px; color: var(--ink2);
  white-space: nowrap; max-width: 100%; overflow: hidden; text-overflow: ellipsis;
}
._chip_22kfr_108        { font-size: 10px; font-weight: 700; padding: 3px 8px; border-radius: 20px; white-space: nowrap; }
._chipInprog_22kfr_109  { background: var(--orange-lt); color: var(--orange); border: 1px solid rgba(234,88,12,.15); }
._chipHold_22kfr_110    { background: var(--hold-lt);   color: var(--hold);   border: 1px solid rgba(8,145,178,.15); }
._chipGreen_22kfr_111   { background: var(--green-lt);  color: var(--green);  border: 1px solid rgba(5,150,105,.15); }
._resumeHint_22kfr_112  { font-size: 10px; color: var(--accent); font-weight: 600; white-space: nowrap; }

/* ── Delete button (unattended only) ── */
._deleteBtn_22kfr_115 {
  display: flex; align-items: center; justify-content: center;
  width: 28px; height: 28px; border-radius: 7px; margin-top: 4px;
  background: #fff0f0; border: 1px solid #fecaca; color: #ef4444;
  cursor: pointer; transition: background .15s, transform .1s; flex-shrink: 0;
}
._deleteBtn_22kfr_115:hover { background: #ef4444; color: #fff; border-color: #ef4444; transform: scale(1.08); }

/* ── Empty state ── */
._empty_22kfr_124     { text-align: center; padding: 60px 20px; }
._emptyIcon_22kfr_125 { font-size: 40px; margin-bottom: 12px; opacity: .4; }
._emptyText_22kfr_126 { font-size: 16px; font-weight: 600; color: var(--ink2); margin-bottom: 4px; }
._emptySub_22kfr_127  { font-size: 13px; color: var(--muted); }

/* ── Responsive: small phones (≥ 375px) ── */
@media (min-width: 375px) {
  ._wrap_22kfr_2   { padding: 22px 16px 80px; }
  ._title_22kfr_17  { font-size: 21px; }
  ._name_22kfr_79   { font-size: 14px; }
  ._token_22kfr_102  { font-size: 11px; }
  ._chip_22kfr_108   { font-size: 11px; }
}

/* ── Tablet (≥ 600px) ── */
@media (min-width: 600px) {
  ._wrap_22kfr_2   { padding: 28px 24px 80px; }
  ._title_22kfr_17  { font-size: 22px; }
  ._card_22kfr_44   { padding: 16px 18px; gap: 14px; }
  ._icon_22kfr_68   { width: 44px; height: 44px; font-size: 18px; border-radius: 12px; }
  ._name_22kfr_79   { font-size: 15px; }
  ._product_22kfr_80 { font-size: 12px; }
  ._token_22kfr_102  { font-size: 11px; }
  ._chip_22kfr_108   { font-size: 11px; padding: 4px 10px; }
  ._resumeHint_22kfr_112 { font-size: 11px; }
  ._pip_22kfr_84    { width: 22px; }
  ._right_22kfr_96  { min-width: 90px; }
}

/* ── Desktop (≥ 768px) ── */
@media (min-width: 768px) {
  ._wrap_22kfr_2   { max-width: 960px; padding: 40px 36px 100px; }
  ._title_22kfr_17  { font-size: 26px; }
  ._card_22kfr_44   { padding: 18px 22px; }
  ._icon_22kfr_68   { width: 50px; height: 50px; border-radius: 14px; font-size: 22px; }
  ._name_22kfr_79   { font-size: 16px; }
  ._product_22kfr_80 { font-size: 13px; }
}

@media (min-width: 900px) {
  ._wrap_22kfr_2 { max-width: 1080px; padding: 48px 48px 100px; }
}
._wrap_1bjnk_1 { max-width: 760px; margin: 0 auto; padding: 32px 20px 80px; }

._backBtn_1bjnk_3 {
  display: inline-flex; align-items: center; gap: 7px;
  padding: 8px 16px; border-radius: var(--r3);
  background: var(--white); border: 1.5px solid var(--line2);
  font-size: 13px; font-weight: 500; color: var(--ink2);
  cursor: pointer; margin-bottom: 20px; transition: all .15s;
  font-family: 'DM Sans', sans-serif;
}
._backBtn_1bjnk_3 svg { width: 14px; height: 14px; }
._backBtn_1bjnk_3:hover { border-color: var(--accent); color: var(--accent); }

._header_1bjnk_14 { margin-bottom: 16px; }
._headerTop_1bjnk_15 { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
._title_1bjnk_16 { font-size: 20px; font-weight: 700; color: var(--ink); letter-spacing: -0.3px; }
._count_1bjnk_17 {
  font-size: 12px; font-weight: 600; color: var(--muted);
  background: var(--bg); border: 1px solid var(--line2);
  padding: 4px 12px; border-radius: 20px;
}

._searchWrap_1bjnk_23 { position: relative; margin-bottom: 14px; }
._searchIcon_1bjnk_24 {
  position: absolute; left: 13px; top: 50%; transform: translateY(-50%);
  color: var(--muted2); pointer-events: none; display: flex; align-items: center;
}
._searchIcon_1bjnk_24 svg { width: 15px; height: 15px; }
._searchWrap_1bjnk_23 ._searchInput_1bjnk_29 {
  padding: 11px 40px 11px 46px; border-radius: var(--r2);
  background: var(--white); width: 100%;
  border: 1.5px solid var(--line2);
  font-family: 'DM Sans', sans-serif; font-size: 14px; color: var(--ink);
  outline: none; transition: border-color .18s, box-shadow .18s;
}
._searchWrap_1bjnk_23 ._searchInput_1bjnk_29:focus { border-color: var(--accent); box-shadow: 0 0 0 3px rgba(37,99,235,.08); }
._clearBtn_1bjnk_37 {
  position: absolute; right: 12px; top: 50%; transform: translateY(-50%);
  background: var(--line2); border: none; color: var(--muted);
  width: 22px; height: 22px; border-radius: 50%; font-size: 11px;
  cursor: pointer; display: flex; align-items: center; justify-content: center;
}

._filterTabs_1bjnk_44 { display: flex; gap: 8px; margin-bottom: 18px; flex-wrap: wrap; }
._tab_1bjnk_45 {
  padding: 7px 16px; border-radius: 20px; font-size: 12px; font-weight: 600;
  border: 1.5px solid var(--line2); background: var(--white); color: var(--muted);
  cursor: pointer; transition: all .15s; font-family: 'DM Sans', sans-serif;
}
._tab_1bjnk_45:hover { border-color: var(--accent); color: var(--accent); }
._active_1bjnk_51 { background: var(--accent); border-color: var(--accent); color: #fff; box-shadow: 0 2px 8px rgba(37,99,235,.2); }

._list_1bjnk_53 { display: flex; flex-direction: column; gap: 10px; }
._card_1bjnk_54 {
  background: var(--white); border: 1.5px solid var(--line);
  border-radius: var(--r2); padding: 14px 16px;
  display: flex; align-items: flex-start; gap: 14px;
  cursor: pointer; box-shadow: var(--shadow);
  animation: _fadeUp_1bjnk_1 .3s ease both; transition: all .15s;
}
._card_1bjnk_54:hover { transform: translateY(-1px); box-shadow: var(--shadow-md); }

._icon_1bjnk_63 {
  width: 44px; height: 44px; border-radius: 12px;
  display: flex; align-items: center; justify-content: center;
  font-size: 18px; flex-shrink: 0;
}
._iconGreen_1bjnk_68 { background: var(--green-lt); }
._iconRed_1bjnk_69 { background: var(--red-lt); }

._body_1bjnk_71 { flex: 1; }
._name_1bjnk_72 { font-size: 15px; font-weight: 700; color: var(--ink); }
._product_1bjnk_73 { font-size: 12px; color: var(--muted); margin-top: 2px; }
._meta_1bjnk_74 { display: flex; gap: 6px; margin-top: 8px; flex-wrap: wrap; }

._chip_1bjnk_76 { font-size: 11px; font-weight: 700; padding: 3px 10px; border-radius: 20px; }
._chipGreen_1bjnk_77 { background: var(--green-lt); color: var(--green); border: 1px solid rgba(5,150,105,.15); }
._chipRed_1bjnk_78 { background: var(--red-lt); color: var(--red); border: 1px solid rgba(220,38,38,.15); }
._chipBlue_1bjnk_79 { background: var(--accent-lt); color: var(--accent); border: 1px solid rgba(37,99,235,.15); font-family: 'DM Mono', monospace; }

._right_1bjnk_81 { display: flex; flex-direction: column; align-items: flex-end; gap: 4px; min-width: 90px; }
._date_1bjnk_82 { font-size: 12px; color: var(--muted); }
._cost_1bjnk_83 { font-size: 15px; font-weight: 700; color: var(--ink); font-family: 'DM Mono', monospace; }
._viewLink_1bjnk_84 { font-size: 11px; color: var(--accent); font-weight: 600; }

._empty_1bjnk_86 { text-align: center; padding: 60px 20px; }
._emptyIcon_1bjnk_87 { font-size: 40px; margin-bottom: 12px; opacity: .4; }
._emptyText_1bjnk_88 { font-size: 16px; font-weight: 600; color: var(--ink2); margin-bottom: 4px; }
._emptySub_1bjnk_89 { font-size: 13px; color: var(--muted); }

/* Modal */
._modalOverlay_1bjnk_92 {
  position: fixed; inset: 0; background: rgba(15,17,23,.5);
  z-index: 1000; display: flex; align-items: flex-end; justify-content: center;
  padding: 0; animation: _fadeIn_1bjnk_1 .2s ease;
}
@keyframes _fadeIn_1bjnk_1 { from { opacity: 0; } to { opacity: 1; } }

/* Mobile-first: bottom sheet */
._modal_1bjnk_92 {
  background: var(--white);
  border-radius: var(--r) var(--r) 0 0;
  width: 100%; max-width: 100%;
  box-shadow: var(--shadow-lg);
  animation: _modalUp_1bjnk_1 .28s cubic-bezier(.22,.68,0,1.1) both;
  overflow: hidden;
  max-height: 92vh;
  display: flex; flex-direction: column;
}
@keyframes _modalUp_1bjnk_1 { from { opacity: 0; transform: translateY(24px); } to { opacity: 1; transform: translateY(0); } }

/* Pull handle on mobile */
._modal_1bjnk_92::before {
  content: ''; display: block;
  width: 40px; height: 4px; border-radius: 3px;
  background: rgba(255,255,255,.45);
  margin: 10px auto 0;
  flex-shrink: 0;
}

._modalHeader_1bjnk_121 {
  background: var(--accent); padding: 12px 16px 16px; position: relative;
}
._modalClose_1bjnk_124 {
  position: absolute; top: 12px; right: 14px;
  background: rgba(255,255,255,.2); border: none; color: #fff;
  width: 28px; height: 28px; border-radius: 50%;
  font-size: 15px; cursor: pointer;
  display: flex; align-items: center; justify-content: center;
}
._modalClose_1bjnk_124:hover { background: rgba(255,255,255,.3); }
._modalEyebrow_1bjnk_132 { font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; color: rgba(255,255,255,.7); margin-bottom: 4px; }
._modalTitle_1bjnk_133 { font-size: 16px; font-weight: 700; color: #fff; letter-spacing: -0.3px; padding-right: 36px; }
._modalSub_1bjnk_134 { font-size: 12px; color: rgba(255,255,255,.8); margin-top: 3px; }
._modalChips_1bjnk_135 { margin-top: 10px; display: flex; gap: 8px; flex-wrap: wrap; }

._chipDispatch_1bjnk_137 { background: rgba(255,255,255,.2); border: 1px solid rgba(255,255,255,.35); padding: 4px 10px; border-radius: 20px; font-size: 11px; font-weight: 700; color: #fff; }
._chipRejected_1bjnk_138 { background: rgba(255,255,255,.2); border: 1px solid rgba(255,255,255,.35); padding: 4px 10px; border-radius: 20px; font-size: 11px; font-weight: 700; color: #fff; }
._chipToken_1bjnk_139    { background: rgba(255,255,255,.15); border: 1px solid rgba(255,255,255,.3); padding: 4px 10px; border-radius: 20px; font-size: 11px; font-weight: 700; color: #fff; font-family: 'DM Mono', monospace; }

._modalBody_1bjnk_141 { padding: 16px 16px 24px; overflow-y: auto; flex: 1; -webkit-overflow-scrolling: touch; }

/* Tablet+: center dialog */
@media (min-width: 600px) {
  ._modalOverlay_1bjnk_92 { align-items: center; padding: 20px; }
  ._modal_1bjnk_92 {
    border-radius: var(--r); max-width: 500px; max-height: 88vh;
  }
  ._modal_1bjnk_92::before { display: none; }
  ._modalHeader_1bjnk_121 { padding: 20px 24px 16px; }
  ._modalClose_1bjnk_124  { width: 30px; height: 30px; top: 14px; right: 16px; font-size: 16px; }
  ._modalTitle_1bjnk_133  { font-size: 18px; padding-right: 0; }
  ._modalSub_1bjnk_134    { font-size: 13px; }
  ._modalBody_1bjnk_141   { padding: 20px 24px 24px; }
}

._photos_1bjnk_157 { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 8px; }
._photoLbl_1bjnk_158 { font-size: 11px; font-weight: 600; color: var(--muted); margin-bottom: 5px; text-transform: uppercase; letter-spacing: 0.4px; }
._photo_1bjnk_157 { width: 100%; border-radius: 10px; border: 1.5px solid var(--line); cursor: zoom-in; object-fit: cover; max-height: 140px; }

@media (min-width: 768px) {
  ._wrap_1bjnk_1 { max-width: 960px; padding: 40px 36px 100px; }
  ._title_1bjnk_16 { font-size: 22px; }
  ._card_1bjnk_54 { padding: 18px 22px; }
  ._icon_1bjnk_63 { width: 52px; height: 52px; border-radius: 14px; font-size: 22px; }
  ._name_1bjnk_72 { font-size: 16px; }
}

@media (min-width: 900px) {
  ._wrap_1bjnk_1 { max-width: 1080px; padding: 48px 48px 100px; }
}._wrap_no934_1 { max-width: 660px; margin: 0 auto; padding: 24px 20px 80px; }

._backBtn_no934_3 {
  display: inline-flex; align-items: center; gap: 7px;
  padding: 8px 16px; border-radius: var(--r3);
  background: var(--white); border: 1.5px solid var(--line2);
  font-size: 13px; font-weight: 500; color: var(--ink2);
  cursor: pointer; margin-bottom: 20px; transition: all .15s;
  font-family: 'DM Sans', sans-serif;
}
._backBtn_no934_3 svg { width: 14px; height: 14px; }
._backBtn_no934_3:hover { border-color: var(--accent); color: var(--accent); }

._resumeBanner_no934_14 {
  background: var(--accent-lt); border: 2px solid rgba(37,99,235,.2);
  border-radius: var(--r2); padding: 14px 16px;
  display: flex; align-items: center; gap: 12px;
  font-size: 13px; color: var(--accent); font-weight: 600;
  margin-bottom: 16px;
}
._resumeBanner_no934_14 svg { width: 16px; height: 16px; flex-shrink: 0; }

/* Stepper */
._stepper_no934_24 {
  display: flex; background: var(--white);
  border: 1.5px solid var(--line); border-radius: var(--r2);
  overflow: hidden; box-shadow: var(--shadow); margin-bottom: 24px;
}
._stepItem_no934_29 {
  flex: 1; display: flex; flex-direction: column; align-items: center; gap: 4px;
  padding: 11px 4px; cursor: pointer; transition: background .2s;
  border-right: 1.5px solid var(--line);
}
._stepItem_no934_29:last-child { border-right: none; }
._stepNum_no934_35 {
  width: 24px; height: 24px; border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  font-size: 11px; font-weight: 700;
  background: var(--bg); color: var(--muted); transition: all .25s;
}
._stepLbl_no934_41 { font-size: 10px; font-weight: 500; color: var(--muted); letter-spacing: 0.2px; }
._stepItem_no934_29._active_no934_42 { background: var(--accent-lt); }
._active_no934_42 ._stepNum_no934_35 { background: var(--accent); color: #fff; box-shadow: 0 2px 8px rgba(37,99,235,.3); }
._active_no934_42 ._stepLbl_no934_41 { color: var(--accent); }
._stepItem_no934_29._done_no934_45 { background: var(--green-lt); }
._done_no934_45 ._stepNum_no934_35 { background: var(--green); color: #fff; }
._done_no934_45 ._stepLbl_no934_41 { color: var(--green); }

/* Cards */
._card_no934_50 {
  background: var(--white); border: 1.5px solid var(--line);
  border-radius: var(--r); padding: 24px; margin-bottom: 14px;
  box-shadow: var(--shadow); animation: _slideUp_no934_1 .3s ease both;
}
._stage_no934_55 { animation: _fadeUp_no934_1 .28s ease both; }
._shake_no934_56 { animation: _shake_no934_56 .35s ease; }
@keyframes _shake_no934_56 {
  0%,100%{transform:translateX(0)}20%{transform:translateX(-6px)}40%{transform:translateX(5px)}60%{transform:translateX(-4px)}80%{transform:translateX(3px)}
}

._fieldGroup_no934_61 { margin-bottom: 14px; }
._fieldGroup_no934_61:last-of-type { margin-bottom: 0; }
._fieldRow_no934_63 { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
._lbl_no934_64 { display: block; font-size: 11px; font-weight: 600; color: var(--muted); text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 6px; }

/* Buttons */
._btnRow_no934_67 { display: flex; align-items: center; justify-content: space-between; margin-top: 20px; gap: 10px; flex-wrap: wrap; }
._hint_no934_68 { font-size: 12px; color: var(--muted); display: flex; align-items: center; gap: 6px; }
._btn_no934_67 {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 10px 20px; border-radius: var(--r3);
  font-size: 13px; font-weight: 600; cursor: pointer; border: none;
  font-family: 'DM Sans', sans-serif; transition: all .15s;
}
._btn_no934_67:active { transform: scale(.97); }
._btnAccent_no934_76 { background: var(--accent); color: #fff; box-shadow: 0 2px 10px rgba(37,99,235,.25); }
._btnAccent_no934_76:hover { background: var(--accent-dk); }
._btnGhost_no934_78 { background: var(--white); color: var(--ink2); border: 1.5px solid var(--line2); }
._btnGhost_no934_78:hover { background: var(--bg); }
._btnGreen_no934_80 { background: var(--green); color: #fff; box-shadow: 0 2px 10px rgba(5,150,105,.2); }
._btnGreen_no934_80:hover { background: #047857; }
._btnDanger_no934_82 { background: var(--red); color: #fff; box-shadow: 0 2px 10px rgba(220,38,38,.2); }
._btnDanger_no934_82:hover { background: #b91c1c; }
._btnHold_no934_84 { background: var(--hold); color: #fff; box-shadow: 0 2px 10px rgba(8,145,178,.2); }
._btnHold_no934_84:hover { background: #0e7490; }
._btnAmber_no934_86 { background: var(--amber); color: #fff; box-shadow: 0 2px 10px rgba(217,119,6,.2); }
._btnAmber_no934_86:hover { background: #b45309; }
._btnCopy_no934_88 { background: var(--bg); color: var(--ink2); border: 1.5px solid var(--line2); width: 100%; justify-content: center; margin-top: 8px; }
._copied_no934_89 { background: var(--green-lt) !important; color: var(--green) !important; border-color: var(--green) !important; }

/* Extra items */
._addItemBtn_no934_92 {
  display: inline-flex; align-items: center; gap: 7px;
  padding: 9px 16px; border-radius: var(--r3);
  background: var(--bg); border: 1.5px dashed var(--line2);
  font-size: 13px; font-weight: 600; color: var(--muted);
  cursor: pointer; font-family: 'DM Sans', sans-serif;
  transition: all .15s; margin-top: 12px; margin-bottom: 4px;
}
._addItemBtn_no934_92 svg { width: 14px; height: 14px; }
._addItemBtn_no934_92:hover { border-color: var(--accent); color: var(--accent); background: var(--accent-lt); }

._extraItemRow_no934_103 {
  background: var(--bg); border: 1.5px solid var(--line);
  border-radius: var(--r3); padding: 14px; margin-top: 12px;
}
._extraItemHeader_no934_107 { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; }
._extraItemLabel_no934_108 { font-size: 12px; font-weight: 700; color: var(--ink2); }
._removeItemBtn_no934_109 {
  background: var(--red-lt); border: none; color: var(--red);
  width: 24px; height: 24px; border-radius: 50%; font-size: 11px;
  cursor: pointer; display: flex; align-items: center; justify-content: center;
}

/* Extra issue button */
._extraIssueBtn_no934_116 {
  display: inline-flex; align-items: center; gap: 7px;
  padding: 10px 18px; border-radius: var(--r3);
  background: var(--amber-lt); border: 2px solid rgba(217,119,6,.3);
  font-size: 13px; font-weight: 600; color: var(--amber);
  cursor: pointer; font-family: 'DM Sans', sans-serif; transition: all .18s;
  margin-top: 14px;
}
._extraIssueBtn_no934_116:hover { background: #fef3c7; border-color: var(--amber); }

/* Extra alert banner */
._extraAlertBanner_no934_127 {
  background: linear-gradient(135deg, #fffbeb 0%, #fef3c7 100%);
  border: 2px solid rgba(217,119,6,.3); border-radius: var(--r2);
  padding: 14px 16px; margin-bottom: 12px; animation: _slideUp_no934_1 .3s ease both;
}
._extraAlertHdr_no934_132 { display: flex; align-items: center; gap: 8px; margin-bottom: 8px; }
._extraAlertTitle_no934_133 { font-size: 13px; font-weight: 700; color: #92400e; }
._extraAlertSub_no934_134 { font-size: 12px; color: #78350f; line-height: 1.5; margin-bottom: 10px; }

/* Approval states */
._waitingState_no934_137 { padding: 20px 0; text-align: center; }
._waitingIcon_no934_138 { font-size: 40px; margin-bottom: 10px; }
._waitingText_no934_139 { font-size: 16px; font-weight: 700; color: var(--ink); margin-bottom: 6px; }
._waitingHint_no934_140 { font-size: 13px; color: var(--muted); margin-bottom: 20px; line-height: 1.5; }
._approvalActions_no934_141 { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
._approvedState_no934_142 { padding: 8px 0; }
._approvedBanner_no934_143 {
  background: var(--green-lt); border: 1.5px solid rgba(5,150,105,.2);
  border-radius: var(--r3); padding: 12px 16px;
  font-size: 14px; font-weight: 600; color: var(--green);
  display: flex; align-items: center; gap: 8px; margin-bottom: 16px;
}
._tokenBox_no934_149 {
  background: var(--bg); border: 2px dashed var(--line2);
  border-radius: var(--r2); padding: 26px 20px; text-align: center; margin-bottom: 8px;
}
._tokenLabel_no934_153 { font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.2px; color: var(--muted); margin-bottom: 10px; }
._tokenVal_no934_154 { font-family: 'DM Mono', monospace; font-size: 24px; font-weight: 500; color: var(--accent); letter-spacing: 4px; word-break: break-all; }
._tokenHint_no934_155 { font-size: 11px; color: var(--muted2); margin-top: 8px; }

/* Extra decision card */
._extraDecisionCard_no934_158 {
  background: var(--amber-lt); border: 2px solid rgba(217,119,6,.25);
  border-radius: var(--r2); padding: 16px; margin-bottom: 16px;
}
._extraDecisionTitle_no934_162 { font-size: 14px; font-weight: 700; color: var(--amber); margin-bottom: 4px; }
._extraDecisionSub_no934_163 { font-size: 12px; color: var(--muted); margin-bottom: 12px; }

/* Work stage */
._tokenChip_no934_166 {
  display: inline-block; background: var(--accent-lt); color: var(--accent);
  border: 1px solid rgba(37,99,235,.15); padding: 4px 12px;
  border-radius: 20px; font-size: 12px; font-weight: 700;
  font-family: 'DM Mono', monospace; margin-bottom: 12px;
}
._divider_no934_172 { border: none; border-top: 1.5px solid var(--line); margin: 18px 0; }
._uploadGrid_no934_173 { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 14px; }
._uploadLbl_no934_174 { font-size: 11px; font-weight: 600; color: var(--muted); margin-bottom: 5px; text-transform: uppercase; letter-spacing: 0.4px; }
._uploadThumb_no934_175 { width: 100%; max-height: 110px; object-fit: cover; border-radius: 10px; border: 1.5px solid var(--line); cursor: zoom-in; }
._uploadPlaceholder_no934_176 {
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  border: 2px dashed var(--line2); border-radius: 10px; min-height: 110px;
  font-size: 22px; opacity: .3; color: var(--muted);
}

/* Success */
._successCard_no934_183 {
  background: var(--white); border: 1.5px solid rgba(5,150,105,.2);
  border-radius: var(--r); padding: 36px 24px; text-align: center;
  box-shadow: var(--shadow-lg); animation: _slideUp_no934_1 .4s ease both;
}
._successIcon_no934_188 { font-size: 48px; display: block; margin-bottom: 14px; }
._successTitle_no934_189 { font-size: 22px; font-weight: 700; color: var(--green); letter-spacing: -0.4px; margin-bottom: 8px; }
._successBody_no934_190 { font-size: 13px; color: var(--muted); max-width: 320px; margin: 0 auto 20px; line-height: 1.7; }
._successMeta_no934_191 {
  background: var(--green-lt); border: 1px solid rgba(5,150,105,.12);
  border-radius: var(--r3); padding: 14px 16px; font-size: 13px; color: var(--ink2);
  text-align: left; margin-bottom: 20px; line-height: 2.1; font-weight: 500;
}

/* Modal */
._modalOverlay_no934_198 {
  position: fixed; inset: 0; background: rgba(15,17,23,.5);
  z-index: 1000; display: flex; align-items: center; justify-content: center;
  padding: 20px; animation: _fadeIn_no934_1 .2s ease;
}
@keyframes _fadeIn_no934_1 { from { opacity: 0; } to { opacity: 1; } }
._modal_no934_198 {
  background: var(--white); border-radius: var(--r); padding: 28px; width: 100%;
  max-width: 420px; box-shadow: var(--shadow-lg); animation: _modalIn_no934_1 .25s cubic-bezier(.22,.68,0,1.15) both;
}
@keyframes _modalIn_no934_1 { from { opacity: 0; transform: translateY(16px) scale(.97); } to { opacity: 1; transform: translateY(0) scale(1); } }
._modalTitle_no934_209 { font-size: 17px; font-weight: 700; color: var(--ink); margin-bottom: 6px; }
._modalSub_no934_210 { font-size: 13px; color: var(--muted); margin-bottom: 20px; line-height: 1.6; }
._modalActions_no934_211 { display: flex; gap: 10px; margin-top: 20px; justify-content: flex-end; }

/* Cost preview */
._costPreview_no934_214 {
  display: flex; align-items: center; gap: 12px;
  background: var(--amber-lt); border: 1.5px solid rgba(217,119,6,.2);
  border-radius: var(--r3); padding: 12px 14px; margin-bottom: 14px; flex-wrap: wrap;
}
._costPreviewLbl_no934_219 { font-size: 11px; color: var(--muted); font-weight: 600; text-transform: uppercase; letter-spacing: 0.3px; margin-bottom: 2px; }
._costPreviewOld_no934_220 { font-size: 14px; font-weight: 700; color: var(--muted); text-decoration: line-through; font-family: 'DM Mono', monospace; }
._costPreviewNew_no934_221 { font-size: 16px; font-weight: 700; color: var(--amber); font-family: 'DM Mono', monospace; }
._arrow_no934_222 { font-size: 18px; color: var(--amber); }

@media (max-width: 480px) {
  ._fieldRow_no934_63 { grid-template-columns: 1fr; }
  ._approvalActions_no934_141 { grid-template-columns: 1fr; }
  ._uploadGrid_no934_173 { grid-template-columns: 1fr; }
}

@media (min-width: 768px) {
  ._wrap_no934_1 { max-width: 840px; padding: 36px 36px 100px; }
  ._card_no934_50 { padding: 32px; border-radius: 18px; margin-bottom: 20px; }
  ._stepItem_no934_29 { padding: 16px 8px; gap: 6px; }
  ._stepNum_no934_35 { width: 32px; height: 32px; font-size: 13px; }
  ._stepLbl_no934_41 { font-size: 12px; }
  ._lbl_no934_64 { font-size: 12px; margin-bottom: 8px; }
  ._btn_no934_67 { padding: 13px 28px; font-size: 14px; border-radius: 10px; }
  ._tokenVal_no934_154 { font-size: 32px; letter-spacing: 6px; }
}

@media (min-width: 900px) {
  ._wrap_no934_1 { max-width: 900px; padding: 40px 48px 100px; }
}

/* ── Field validation ── */
._inputError_no934_246 { border-color: #ef4444 !important; background: #fff5f5 !important; }
._fieldErrMsg_no934_247 { display: block; font-size: 11.5px; color: #ef4444; font-weight: 600; margin-top: 4px; }

/* ── New Service (all steps) — desktop/laptop only, bigger inputs & date fields ── */
@media (min-width: 1024px) {
  ._stage_no934_55 input[type=text],
  ._stage_no934_55 input[type=date],
  ._stage_no934_55 input[type=number],
  ._stage_no934_55 input[type=tel],
  ._stage_no934_55 select,
  ._stage_no934_55 textarea {
    font-size: 17px;
    padding: 16px 18px;
  }
  ._stage_no934_55 ._lbl_no934_64 {
    font-size: 14px;
  }
}
._optionalTag_no934_264 { font-size: 11px; font-weight: 400; color: var(--muted); margin-left: 4px; }