/*!*************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[12].use[3]!./src/app/targets/targets.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************************/
.targets-page {
  --target-bg: #080d14;
  --target-surface: #101923;
  --target-raised: #141f2b;
  --target-line: rgba(255, 255, 255, .09);
  --target-ink: #eef6f8;
  --target-muted: #91a0af;
  --target-accent: #53e0d0;
  --target-space-1: .25rem;
  --target-space-2: .5rem;
  --target-space-3: .75rem;
  --target-space-4: 1rem;
  --target-space-6: 1.5rem;
  --target-space-8: 2rem;
  --target-space-10: 2.5rem;
  --target-radius: 10px;
  min-height: 100vh;
  padding: 0 clamp(1rem, 4vw, 4rem) 4rem;
  color: var(--target-ink);
  background: radial-gradient(ellipse at 75% 0%, rgba(83, 224, 208, .08), transparent 34rem), var(--target-bg);
  font-family: var(--font);
}
.targets-topbar { max-width: 1440px; margin: auto; min-height: 4.5rem; display: flex; align-items: center; justify-content: space-between; gap: var(--target-space-6); border-bottom: 1px solid var(--target-line); }
.targets-brand { color: var(--target-ink); font-size: 1rem; font-weight: 800; letter-spacing: .08em; white-space: nowrap; }
.targets-brand span { color: var(--target-accent); }
.targets-topbar nav { display: flex; align-items: center; gap: var(--target-space-6); font-size: .875rem; }
.targets-topbar nav a, .targets-topbar nav span { color: var(--target-muted); }
.targets-topbar nav [aria-current="page"] { color: var(--target-ink); }
.targets-account { max-width: 15rem; overflow: hidden; color: var(--target-muted); font: .75rem var(--mono); text-overflow: ellipsis; white-space: nowrap; }
.targets-intro { max-width: 1440px; margin: 4rem auto 2.25rem; display: flex; align-items: end; justify-content: space-between; gap: var(--target-space-8); }
.targets-eyebrow { margin: 0 0 var(--target-space-2); color: var(--target-accent); font: 700 .7rem/1.3 var(--mono); letter-spacing: .11em; }
.targets-intro h1 { margin: 0; font-size: clamp(2rem, 4vw, 3.3rem); line-height: 1.08; letter-spacing: -.04em; }
.targets-intro p:not(.targets-eyebrow) { max-width: 42rem; margin: var(--target-space-3) 0 0; color: var(--target-muted); }
.target-count { display: flex; align-items: baseline; gap: var(--target-space-2); padding-bottom: var(--target-space-2); color: var(--target-muted); font: .8rem var(--mono); white-space: nowrap; }
.target-count strong { color: var(--target-ink); font-size: 2rem; font-weight: 600; }
.targets-layout { max-width: 1440px; margin: auto; display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(21rem, .8fr); align-items: start; grid-gap: var(--target-space-8); gap: var(--target-space-8); }
.target-list, .target-editor { border: 1px solid var(--target-line); border-radius: var(--target-radius); background: rgba(16, 25, 35, .94); }
.target-list { overflow: hidden; }
.target-list-heading { min-height: 5rem; padding: var(--target-space-4) var(--target-space-6); display: flex; align-items: center; justify-content: space-between; gap: var(--target-space-4); border-bottom: 1px solid var(--target-line); }
.target-list-heading h2, .target-editor-heading h2 { margin: 0; font-size: 1.4rem; letter-spacing: -.02em; }
.target-add-button, .target-row-actions button, .target-cancel { padding: .55rem .8rem; border: 1px solid var(--target-line); border-radius: 7px; color: var(--target-ink); background: transparent; font: 600 .8rem var(--font); cursor: pointer; }
.target-add-button:hover, .target-row-actions button:hover, .target-cancel:hover { border-color: rgba(83, 224, 208, .55); background: rgba(83, 224, 208, .07); }
.target-rows { display: grid; }
.target-row { min-width: 0; display: grid; grid-template-columns: 3rem minmax(0, 1fr) auto; align-items: center; grid-gap: var(--target-space-4); gap: var(--target-space-4); padding: var(--target-space-4) var(--target-space-6); border-bottom: 1px solid var(--target-line); }
.target-row:last-child { border-bottom: 0; }
.target-avatar { width: 3rem; height: 3rem; display: grid; place-items: center; overflow: hidden; border-radius: 8px; background: rgba(83, 224, 208, .09); color: var(--target-accent); font-size: 1.3rem; font-weight: 700; }
.target-avatar img { width: 100%; height: 100%; object-fit: contain; }
.target-row-main { min-width: 0; display: grid; grid-gap: .22rem; gap: .22rem; }
.target-row-main strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.target-row-main > span, .target-row-main small { overflow: hidden; color: var(--target-muted); font-size: .75rem; text-overflow: ellipsis; white-space: nowrap; }
.target-row-main small { font-family: var(--mono); font-size: .68rem; }
.target-row-actions { display: flex; gap: var(--target-space-2); }
.target-row-actions .target-delete { color: #ff9b9b; }
.target-empty { min-height: 11rem; display: grid; align-content: center; justify-items: center; grid-gap: var(--target-space-2); gap: var(--target-space-2); padding: var(--target-space-8); color: var(--target-muted); text-align: center; }
.target-empty strong { color: var(--target-ink); }
.target-editor { padding: var(--target-space-6); }
.target-editor-heading { margin-bottom: var(--target-space-6); }
.target-editor-heading > p:last-child { margin: var(--target-space-2) 0 0; color: var(--target-muted); font-size: .85rem; }
.target-editor form { display: grid; grid-gap: var(--target-space-4); gap: var(--target-space-4); }
.target-editor label { position: relative; display: grid; grid-gap: var(--target-space-2); gap: var(--target-space-2); color: #c8d2dc; font-size: .78rem; font-weight: 600; }
.target-editor input, .target-editor select { width: 100%; min-height: 2.7rem; padding: .65rem .75rem; border: 1px solid var(--target-line); border-radius: 7px; outline: none; color: var(--target-ink); background: #0b131c; font: .84rem var(--font); }
.target-editor input:focus-visible, .target-editor select:focus-visible, .targets-page button:focus-visible, .targets-page a:focus-visible { outline: 2px solid var(--target-accent); outline-offset: 2px; }
.target-editor input::placeholder { color: #788795; }
.target-fields-two { display: grid; grid-template-columns: 1fr 1fr; grid-gap: var(--target-space-3); gap: var(--target-space-3); align-items: end; }
.target-form-rule { display: grid; grid-gap: var(--target-space-3); gap: var(--target-space-3); padding-top: var(--target-space-4); border-top: 1px solid var(--target-line); }
.target-form-rule > span { color: var(--target-accent); font: 700 .68rem var(--mono); letter-spacing: .08em; }
.target-form-rule > span small { margin-left: .4rem; color: var(--target-muted); font: .65rem var(--font); letter-spacing: 0; }
.target-helper { margin: -.35rem 0 0; color: var(--target-muted); font-size: .75rem; }
.target-suggestions { position: absolute; z-index: 5; top: calc(100% + .2rem); left: 0; right: 0; max-height: 14rem; overflow: auto; border: 1px solid var(--target-line); border-radius: 7px; background: #121e29; box-shadow: 0 12px 25px rgba(0, 0, 0, .35); }
.target-suggestions button { width: 100%; display: flex; align-items: baseline; justify-content: space-between; gap: var(--target-space-3); padding: .65rem .75rem; border: 0; border-bottom: 1px solid var(--target-line); color: var(--target-ink); background: transparent; text-align: left; cursor: pointer; }
.target-suggestions button:hover { background: rgba(83, 224, 208, .08); }
.target-suggestions small { color: var(--target-muted); }
.override-prices > button { min-height: 2.7rem; grid-column: 1 / -1; border: 1px solid rgba(83, 224, 208, .35); border-radius: 7px; color: var(--target-accent); background: rgba(83, 224, 208, .06); font-weight: 700; cursor: pointer; }
.override-list { display: grid; grid-gap: var(--target-space-2); gap: var(--target-space-2); margin: 0; padding: 0; list-style: none; }
.override-list li { display: flex; align-items: center; gap: var(--target-space-3); padding: .5rem .65rem; border-radius: 6px; background: rgba(255, 255, 255, .035); font-size: .78rem; }
.override-list li span { flex: 1 1; }
.override-list li small { color: var(--target-muted); font-family: var(--mono); }
.override-list li button { border: 0; color: var(--target-muted); background: transparent; font-size: 1.1rem; cursor: pointer; }
.target-form-actions { display: flex; gap: var(--target-space-3); padding-top: var(--target-space-2); }
.target-save { flex: 1 1; min-height: 2.8rem; border: 0; border-radius: 7px; color: #061310; background: var(--target-accent); font-weight: 800; cursor: pointer; transition: filter .15s ease, transform .1s ease; }
.target-save:hover:not(:disabled) { filter: brightness(1.08); }
.target-save:active:not(:disabled) { transform: translateY(1px); }
.target-save:disabled { opacity: .5; cursor: not-allowed; }
.target-message, .target-callout { max-width: 1440px; margin: 0 auto var(--target-space-4); padding: var(--target-space-3) var(--target-space-4); border: 1px solid var(--target-line); border-radius: 7px; font-size: .84rem; }
.target-message.is-error { border-color: rgba(239, 68, 68, .38); color: #ffaaaa; background: rgba(239, 68, 68, .07); }
.target-message.is-success { border-color: rgba(34, 197, 94, .35); color: #9debb3; background: rgba(34, 197, 94, .06); }
.target-callout { color: var(--target-muted); }
.target-callout a { color: var(--target-accent); text-decoration: underline; }
@media (max-width: 860px) { .targets-layout { grid-template-columns: 1fr; } .target-editor { grid-row: 1; } .targets-intro { margin-top: 2.5rem; } }
@media (max-width: 699px) { .targets-page { padding-bottom: calc(6.5rem + env(safe-area-inset-bottom)); } .targets-topbar nav, .targets-account { display: none; } }
@media (max-width: 560px) { .targets-topbar { min-height: 4rem; gap: var(--target-space-3); } .targets-intro { align-items: start; margin-bottom: var(--target-space-6); } .targets-intro h1 { font-size: 2rem; } .target-row { grid-template-columns: 2.5rem minmax(0, 1fr); padding: var(--target-space-4); } .target-avatar { width: 2.5rem; height: 2.5rem; } .target-row-actions { grid-column: 2; } .target-list-heading { padding: var(--target-space-4); } .target-editor { padding: var(--target-space-4); } .target-fields-two { gap: var(--target-space-2); } }

