:root{--bg: #0f141b;--card: #141b23;--muted: #8aa0b5;--fg: #e8eef6;--accent: #60a5fa;--border: #223046}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg);color:var(--fg);font:14px/1.45 system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif}#root{min-height:100vh}label{display:flex;flex-direction:column;gap:6px;margin-bottom:8px}select,textarea,input,button{background:#1b2532;color:var(--fg);border:1px solid var(--border);border-radius:8px;padding:10px;font:inherit}button{cursor:pointer;transition:border-color .2s,background .2s}button:hover{border-color:var(--accent)}h1,h2,h3{margin:0 0 12px}.small{color:var(--muted);font-size:12px}.divider{height:1px;background:var(--border);margin:12px 0}.error{color:#ff6b6b;font-size:12px;margin:6px 0}.success{color:#7d7;font-size:12px;margin:6px 0}.app-shell{min-height:100vh;display:flex;align-items:stretch;justify-content:center;padding:32px 24px;background:radial-gradient(circle at top,rgba(96,165,250,.08),transparent 55%),var(--bg)}.login-layout{width:100%;display:flex;align-items:center;justify-content:center}.login-card{width:min(420px,100%);background:var(--card);border:1px solid var(--border);border-radius:16px;padding:32px;box-shadow:0 18px 40px #050a1466}.login-form{display:flex;flex-direction:column;gap:12px;margin-top:16px}.portal-shell{width:100%;max-width:1200px;display:flex;flex-direction:column;gap:24px}.portal-header{display:flex;justify-content:space-between;align-items:center;background:var(--card);border:1px solid var(--border);border-radius:16px;padding:24px}.portal-header__actions{display:flex;align-items:center;gap:12px}.portal-main{display:flex;flex-direction:column;gap:16px}.portal-nav{display:flex;flex-wrap:wrap;gap:8px}.portal-nav__button{background:transparent;border-color:var(--border);color:var(--muted);border-radius:999px;padding:10px 16px}.portal-nav__button.is-active{background:#60a5fa26;border-color:var(--accent);color:var(--fg)}.settings-shell{display:flex;flex-direction:column;gap:16px}.settings-subnav{display:flex;gap:8px;border-bottom:1px solid var(--border)}.settings-subnav__button{background:transparent;border:none;border-bottom:2px solid transparent;color:var(--muted);padding:10px 16px;font-size:.95rem;cursor:pointer;transition:color .15s,border-color .15s;margin-bottom:-1px}.settings-subnav__button:hover{color:var(--fg)}.settings-subnav__button.is-active{color:var(--fg);border-bottom-color:var(--accent)}.portal-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.portal-panel{min-height:0}.quick-links{margin:8px 0 0;padding-left:18px;line-height:1.6}.wrap{max-width:1200px;margin:auto;padding:24px}.builder-wrap{display:flex;flex-direction:column;gap:12px}.grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:16px}.row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.row--end{justify-content:flex-end}.list{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px}.ticket{border-left:4px solid var(--accent);padding-left:12px}.footer-spacer{margin-top:16px}@media (max-width: 720px){.app-shell{padding:24px 12px}.login-card{padding:24px}}.btn{background:#1b2532;border:1px solid var(--border);color:var(--fg)}.btn--ghost{background:transparent;border-color:#60a5fa66;color:var(--accent)}.badge{display:inline-flex;align-items:center;background:#172131;border:1px solid #2a3b52;border-radius:999px;padding:4px 12px;margin:2px;font-size:13px;cursor:pointer;transition:border-color .2s,background .2s,color .2s}.badge--muted{background:transparent;border-color:#2a3b52;color:var(--muted)}.badge--success{background:#38bdf81f;border-color:#34d399;color:#86efac}.badge--warning{background:#f8bd381f;border-color:#fbbf24;color:#facc15}.badge--accent{background:#60a5fa1f;border-color:var(--accent);color:var(--accent)}.badge--active{background:#60a5fa26;border-color:var(--accent);color:var(--accent)}.badge-cloud{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.stepper{display:flex;gap:6px;margin-bottom:10px;flex-wrap:wrap}.step{padding:6px 10px;border:1px solid #2a3b52;border-radius:999px;background:#172131}.step.active{border-color:var(--accent);color:var(--accent)}.offer-card{background:#111827;border:1px solid #1f2937;border-radius:12px;padding:16px;margin-top:12px;display:flex;flex-direction:column;gap:12px}.offer-card__header{display:flex;justify-content:space-between;align-items:center;gap:12px}.badge--offer{cursor:default}.badge--offer-lease{background:#60a5fa1f;border-color:#60a5fab3;color:#bfdbfe}.badge--offer-apr{background:#34d3991f;border-color:#34d399b3;color:#bbf7d0}.badge--offer-msrp_only{background:#fbbf241f;border-color:#fbbf24b3;color:#fde68a}.offer-card__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.offer-card__preview{border-top:1px solid #1f2937;padding-top:12px}.offer-card__preview-text{margin-top:8px;white-space:pre-wrap;background:#0f172a;border-radius:8px;padding:12px;max-height:240px;overflow-y:auto}.car-config{border:1px solid #1f2937;border-radius:12px;padding:12px;margin-top:12px;background:#0f172a;display:flex;flex-direction:column;gap:12px}.offer-list{display:flex;flex-direction:column;gap:12px}.tt-input{width:100%;background:#111827;border:1px solid #263346;border-radius:8px;color:var(--fg);font-size:.9rem;padding:10px 12px;outline:none;transition:border-color .15s,box-shadow .15s,background .15s}.tt-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #60a5fa29}.btn-primary,.btn-outline,.btn-green{cursor:pointer;transition:transform .15s,border-color .15s,background .15s,color .15s}.btn-primary{background:#2563eb;border-color:#2563eb;color:#fff}.btn-primary:hover{background:#1d4ed8;border-color:#60a5fa}.btn-outline{background:transparent;border-color:#2d3b4e;color:#cbd5e1}.btn-outline:hover{background:#111827;border-color:#60a5fa}.btn-green{background:#34d399;border-color:#34d399;color:#03130d}.btn-green:hover{background:#6ee7b7;border-color:#6ee7b7}.time-tracker-shell{--tt-bg: #0b1118;--tt-panel: #101820;--tt-panel-2: #14202a;--tt-panel-3: #192735;--tt-border: rgba(136, 156, 178, .2);--tt-border-strong: rgba(148, 163, 184, .32);--tt-text: #eef5fb;--tt-muted: #8fa2b8;--tt-dim: #63758a;--tt-blue: #5aa7ff;--tt-emerald: #4dd6a2;--tt-amber: #f2b84b;--tt-red: #ff6b7c;--tt-violet: #b59cff;width:100%;min-height:720px;display:flex;overflow:hidden;border:1px solid rgba(148,163,184,.18);border-radius:14px;background:radial-gradient(circle at 12% 0%,rgba(90,167,255,.14),transparent 34%),radial-gradient(circle at 88% 12%,rgba(77,214,162,.1),transparent 30%),linear-gradient(140deg,#091019,#0e1620 46%,#10151c);box-shadow:0 24px 70px #00000057}.time-tracker-loading{min-height:320px}.time-tracker-shell *,.time-tracker-shell *:before,.time-tracker-shell *:after{box-sizing:border-box}.time-tracker-shell aside{width:240px;flex:0 0 240px;display:flex;flex-direction:column;min-height:720px;background:linear-gradient(180deg,#14202afa,#0c121afa),var(--tt-panel);border-right:1px solid var(--tt-border)}.time-tracker-shell aside>div:first-child{padding:22px 22px 18px;border-bottom:1px solid var(--tt-border)}.time-tracker-shell aside>div:first-child>div:first-child{color:var(--tt-text);font-size:1rem;font-weight:750;letter-spacing:0}.time-tracker-shell aside>div:first-child>div:last-child{color:var(--tt-dim);font-size:.78rem;margin-top:3px}.time-tracker-shell nav{flex:1;padding:14px}.time-tracker-shell nav button{width:100%;display:flex;align-items:center;justify-content:flex-start;min-height:42px;padding:10px 12px;margin-bottom:4px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--tt-muted);font-size:.9rem;text-align:left}.time-tracker-shell nav button:hover{background:#5aa7ff14;border-color:#5aa7ff3d;color:var(--tt-text)}.time-tracker-shell nav button.bg-neutral-800{background:linear-gradient(135deg,#5aa7ff2e,#4dd6a21a);border-color:#5aa7ff57;color:#f8fbff;box-shadow:inset 3px 0 0 var(--tt-blue)}.time-tracker-shell aside>div:last-child,.time-tracker-shell aside>div:nth-last-child(1),.time-tracker-shell aside>div:nth-last-child(2){border-top:1px solid var(--tt-border)}.time-tracker-shell main{flex:1;min-width:0;overflow-y:auto;background:linear-gradient(180deg,#0d141d40,#0d141d0a)}.time-tracker-shell main>div{width:min(100%,1040px);margin:0 auto;padding:34px}.time-tracker-shell h1{margin:0;color:var(--tt-text);font-size:1.52rem;font-weight:760;letter-spacing:0}.time-tracker-shell p,.time-tracker-shell label{margin:0}.time-tracker-shell .bg-neutral-900.border,.time-tracker-shell .bg-neutral-900.border-2,.time-tracker-shell .bg-neutral-900{background:linear-gradient(180deg,#121d27f5,#0d151ef5);border-color:var(--tt-border);box-shadow:0 16px 42px #0000002e}.time-tracker-shell .bg-neutral-800,.time-tracker-shell .bg-neutral-800\/40{background:#182633e0}.time-tracker-shell .bg-neutral-950{background:var(--tt-bg)}.time-tracker-shell .bg-transparent{background:transparent}.time-tracker-shell .bg-black\/75{background:#03070cc7}.time-tracker-shell .bg-amber-500\/10{background:#f2b84b1a}.time-tracker-shell .bg-blue-500\/15{background:#5aa7ff29}.time-tracker-shell .bg-emerald-500\/15{background:#4dd6a229}.time-tracker-shell .bg-violet-500\/15{background:#b59cff29}.time-tracker-shell .bg-pink-500\/15{background:#f472b629}.time-tracker-shell .bg-amber-500\/15{background:#f2b84b29}.time-tracker-shell .bg-neutral-500\/15{background:#94a3b829}.time-tracker-shell .border{border-style:solid;border-width:1px}.time-tracker-shell .border-2{border-style:solid;border-width:2px}.time-tracker-shell .border-b{border-bottom-style:solid;border-bottom-width:1px}.time-tracker-shell .border-t{border-top-style:solid;border-top-width:1px}.time-tracker-shell .border-r{border-right-style:solid;border-right-width:1px}.time-tracker-shell .border-dashed{border-style:dashed}.time-tracker-shell .border-neutral-800,.time-tracker-shell .border-neutral-800\/60,.time-tracker-shell .border-neutral-700,.time-tracker-shell .border-neutral-700\/50,.time-tracker-shell .border-neutral-700\/40{border-color:var(--tt-border)}.time-tracker-shell .border-neutral-600{border-color:var(--tt-border-strong)}.time-tracker-shell .border-transparent{border-color:transparent}.time-tracker-shell .border-blue-500\/40{border-color:#5aa7ff8c}.time-tracker-shell .border-emerald-500\/40{border-color:#4dd6a28c}.time-tracker-shell .border-violet-500\/40{border-color:#b59cff8c}.time-tracker-shell .border-pink-500\/40{border-color:#f472b68c}.time-tracker-shell .border-amber-500\/40,.time-tracker-shell .border-amber-500\/20{border-color:#f2b84b80}.time-tracker-shell .border-neutral-500\/40{border-color:#94a3b87a}.time-tracker-shell .tt-input{min-height:42px;background:#080e15c2;border:1px solid rgba(148,163,184,.24);border-radius:10px;color:var(--tt-text);padding:10px 12px;box-shadow:inset 0 1px #ffffff08}.time-tracker-shell textarea.tt-input{line-height:1.5}.time-tracker-shell .tt-input::placeholder{color:#8fa2b8a8}.time-tracker-shell .tt-input:focus{background:#0a1119f0;border-color:#5aa7ffc7;box-shadow:0 0 0 3px #5aa7ff29}.time-tracker-shell button{border-radius:10px}.time-tracker-shell button:disabled{cursor:not-allowed;opacity:.46}.time-tracker-shell .btn-primary,.time-tracker-shell .btn-green,.time-tracker-shell .btn-outline{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:10px;font-weight:720}.time-tracker-shell .btn-primary{background:linear-gradient(135deg,#397df0,#2260c9);border-color:#5aa7ff80;color:#fff;box-shadow:0 12px 24px #2563eb3d}.time-tracker-shell .btn-primary:hover{transform:translateY(-1px);background:linear-gradient(135deg,#5aa7ff,#2563eb)}.time-tracker-shell .btn-green{background:linear-gradient(135deg,#4dd6a2,#26a876);border-color:#4dd6a28c;color:#06140f;box-shadow:0 12px 24px #34d3992e}.time-tracker-shell .btn-green:hover{transform:translateY(-1px);background:linear-gradient(135deg,#80edc2,#34d399)}.time-tracker-shell .btn-outline{background:#0c131ca3;border-color:#94a3b847;color:#dbe7f2}.time-tracker-shell .btn-outline:hover{background:#5aa7ff1a;border-color:#5aa7ff7a}.time-tracker-shell table{width:100%;border-collapse:collapse}.time-tracker-shell th,.time-tracker-shell td{vertical-align:middle;border-bottom:1px solid rgba(148,163,184,.12)}.time-tracker-shell th{color:var(--tt-dim);font-size:.72rem;font-weight:780;letter-spacing:.06em;text-transform:uppercase}.time-tracker-shell tbody tr:hover{background:#5aa7ff0b}.time-tracker-shell tbody tr:last-child td{border-bottom:0}.time-tracker-shell pre{background:#060a0fb8;border:1px solid rgba(148,163,184,.12);border-radius:10px;padding:16px}.time-tracker-shell img{max-width:100%}.time-tracker-shell .flex{display:flex}.time-tracker-shell .grid{display:grid}.time-tracker-shell .block{display:block}.time-tracker-shell .hidden{display:none}.time-tracker-shell .flex-col{flex-direction:column}.time-tracker-shell .flex-wrap{flex-wrap:wrap}.time-tracker-shell .items-center{align-items:center}.time-tracker-shell .items-start{align-items:flex-start}.time-tracker-shell .items-end{align-items:flex-end}.time-tracker-shell .justify-center{justify-content:center}.time-tracker-shell .justify-between{justify-content:space-between}.time-tracker-shell .justify-end{justify-content:flex-end}.time-tracker-shell .flex-1{flex:1 1 0%}.time-tracker-shell .shrink-0{flex-shrink:0}.time-tracker-shell .min-w-0{min-width:0}.time-tracker-shell .w-full{width:100%}.time-tracker-shell .w-16{width:4rem}.time-tracker-shell .w-48{width:12rem}.time-tracker-shell .w-fit{width:fit-content}.time-tracker-shell .max-w-4xl{max-width:56rem}.time-tracker-shell .max-w-lg{max-width:32rem}.time-tracker-shell .max-w-\[180px\]{max-width:180px}.time-tracker-shell .max-w-\[220px\]{max-width:220px}.time-tracker-shell .max-h-48{max-height:12rem}.time-tracker-shell .max-h-96{max-height:24rem}.time-tracker-shell .h-full{height:100%}.time-tracker-shell .h-screen{min-height:100%}.time-tracker-shell .min-h-screen{min-height:720px}.time-tracker-shell .h-64{min-height:16rem}.time-tracker-shell .h-40{min-height:10rem}.time-tracker-shell .h-28{min-height:7rem}.time-tracker-shell .h-1\.5{height:.375rem}.time-tracker-shell .overflow-hidden{overflow:hidden}.time-tracker-shell .overflow-y-auto{overflow-y:auto}.time-tracker-shell .resize-none{resize:none}.time-tracker-shell .resize-y{resize:vertical}.time-tracker-shell .sticky{position:sticky}.time-tracker-shell .fixed{position:fixed}.time-tracker-shell .inset-0{inset:0}.time-tracker-shell .top-0{top:0}.time-tracker-shell .top-8{top:2rem}.time-tracker-shell .left-0{left:0}.time-tracker-shell .right-0{right:0}.time-tracker-shell .z-50{z-index:50}.time-tracker-shell .mx-auto{margin-left:auto;margin-right:auto}.time-tracker-shell .ml-3{margin-left:.75rem}.time-tracker-shell .ml-auto{margin-left:auto}.time-tracker-shell .mt-0\.5{margin-top:.125rem}.time-tracker-shell .mt-1{margin-top:.25rem}.time-tracker-shell .mt-2{margin-top:.5rem}.time-tracker-shell .mt-3{margin-top:.75rem}.time-tracker-shell .mt-4{margin-top:1rem}.time-tracker-shell .mb-0\.5{margin-bottom:.125rem}.time-tracker-shell .mb-1{margin-bottom:.25rem}.time-tracker-shell .mb-1\.5{margin-bottom:.375rem}.time-tracker-shell .mb-2{margin-bottom:.5rem}.time-tracker-shell .mb-3{margin-bottom:.75rem}.time-tracker-shell .mb-4{margin-bottom:1rem}.time-tracker-shell .mb-5{margin-bottom:1.25rem}.time-tracker-shell .mb-6{margin-bottom:1.5rem}.time-tracker-shell .p-1{padding:.25rem}.time-tracker-shell .p-3{padding:.75rem}.time-tracker-shell .p-4{padding:1rem}.time-tracker-shell .p-5{padding:1.25rem}.time-tracker-shell .p-7{padding:1.75rem}.time-tracker-shell .px-2{padding-left:.5rem;padding-right:.5rem}.time-tracker-shell .px-2\.5{padding-left:.625rem;padding-right:.625rem}.time-tracker-shell .px-3{padding-left:.75rem;padding-right:.75rem}.time-tracker-shell .px-4{padding-left:1rem;padding-right:1rem}.time-tracker-shell .px-5{padding-left:1.25rem;padding-right:1.25rem}.time-tracker-shell .px-6{padding-left:1.5rem;padding-right:1.5rem}.time-tracker-shell .px-8{padding-left:2rem;padding-right:2rem}.time-tracker-shell .py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.time-tracker-shell .py-1{padding-top:.25rem;padding-bottom:.25rem}.time-tracker-shell .py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.time-tracker-shell .py-2{padding-top:.5rem;padding-bottom:.5rem}.time-tracker-shell .py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.time-tracker-shell .py-3{padding-top:.75rem;padding-bottom:.75rem}.time-tracker-shell .py-4{padding-top:1rem;padding-bottom:1rem}.time-tracker-shell .py-8{padding-top:2rem;padding-bottom:2rem}.time-tracker-shell .py-10{padding-top:2.5rem;padding-bottom:2.5rem}.time-tracker-shell .py-12{padding-top:3rem;padding-bottom:3rem}.time-tracker-shell .pt-4{padding-top:1rem}.time-tracker-shell .pt-6{padding-top:1.5rem}.time-tracker-shell .pt-10{padding-top:2.5rem}.time-tracker-shell .pb-2{padding-bottom:.5rem}.time-tracker-shell .pb-4{padding-bottom:1rem}.time-tracker-shell .gap-1{gap:.25rem}.time-tracker-shell .gap-1\.5{gap:.375rem}.time-tracker-shell .gap-2{gap:.5rem}.time-tracker-shell .gap-2\.5{gap:.625rem}.time-tracker-shell .gap-3{gap:.75rem}.time-tracker-shell .gap-4{gap:1rem}.time-tracker-shell .space-y-0\.5>*+*{margin-top:.125rem}.time-tracker-shell .space-y-2>*+*{margin-top:.5rem}.time-tracker-shell .space-y-3>*+*{margin-top:.75rem}.time-tracker-shell .grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.time-tracker-shell .grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.time-tracker-shell .rounded-lg{border-radius:10px}.time-tracker-shell .rounded-xl{border-radius:12px}.time-tracker-shell .rounded-2xl{border-radius:14px}.time-tracker-shell .rounded-full{border-radius:999px}.time-tracker-shell .text-left{text-align:left}.time-tracker-shell .text-center{text-align:center}.time-tracker-shell .text-xs{font-size:.75rem}.time-tracker-shell .text-sm{font-size:.875rem}.time-tracker-shell .text-base{font-size:1rem}.time-tracker-shell .text-xl{font-size:1.25rem}.time-tracker-shell .text-3xl{font-size:2rem}.time-tracker-shell .font-medium{font-weight:650}.time-tracker-shell .font-normal{font-weight:400}.time-tracker-shell .font-semibold{font-weight:730}.time-tracker-shell .font-bold{font-weight:800}.time-tracker-shell .font-mono{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace}.time-tracker-shell .uppercase{text-transform:uppercase}.time-tracker-shell .normal-case{text-transform:none}.time-tracker-shell .tracking-tight{letter-spacing:0}.time-tracker-shell .tracking-wide{letter-spacing:.04em}.time-tracker-shell .tracking-wider{letter-spacing:.065em}.time-tracker-shell .leading-none{line-height:1}.time-tracker-shell .leading-snug{line-height:1.35}.time-tracker-shell .leading-relaxed{line-height:1.65}.time-tracker-shell .whitespace-nowrap{white-space:nowrap}.time-tracker-shell .whitespace-pre-wrap{white-space:pre-wrap}.time-tracker-shell .truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.time-tracker-shell .line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.time-tracker-shell .tabular-nums{font-variant-numeric:tabular-nums}.time-tracker-shell .text-neutral-100{color:var(--tt-text)}.time-tracker-shell .text-neutral-200{color:#dce7f2}.time-tracker-shell .text-neutral-300{color:#c5d2df}.time-tracker-shell .text-neutral-400{color:var(--tt-muted)}.time-tracker-shell .text-neutral-500{color:var(--tt-dim)}.time-tracker-shell .text-neutral-600{color:#536477}.time-tracker-shell .text-neutral-700{color:#445263}.time-tracker-shell .text-blue-400{color:#86c0ff}.time-tracker-shell .text-emerald-400{color:#78edbf}.time-tracker-shell .text-violet-400{color:#c9b9ff}.time-tracker-shell .text-pink-400{color:#f6a3cf}.time-tracker-shell .text-amber-400{color:#ffd36e}.time-tracker-shell .text-red-400,.time-tracker-shell .text-red-500\/60{color:var(--tt-red)}.time-tracker-shell .text-white{color:#fff}.time-tracker-shell .text-black{color:#06140f}.time-tracker-shell .outline-none{outline:none}.time-tracker-shell .cursor-pointer{cursor:pointer}.time-tracker-shell .transition-colors,.time-tracker-shell .transition-all{transition:background .16s,border-color .16s,color .16s,transform .16s,box-shadow .16s}.time-tracker-shell .duration-500{transition-duration:.5s}.time-tracker-shell .shadow-2xl{box-shadow:0 24px 70px #0000006b}.time-tracker-shell .backdrop-blur-sm{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.time-tracker-shell .animate-pulse{animation:tt-pulse 1.1s ease-in-out infinite}@keyframes tt-pulse{0%,to{opacity:.45}50%{opacity:1}}@media (max-width: 920px){.time-tracker-shell{min-height:0;flex-direction:column}.time-tracker-shell aside{width:100%;flex-basis:auto;min-height:0;position:relative}.time-tracker-shell nav{display:flex;gap:8px;overflow-x:auto;padding:12px 14px}.time-tracker-shell nav button{width:auto;min-width:max-content;margin-bottom:0}.time-tracker-shell main>div{padding:22px}.time-tracker-shell .grid-cols-2,.time-tracker-shell .grid-cols-3{grid-template-columns:1fr}.time-tracker-shell .flex.gap-3.items-end,.time-tracker-shell .flex.gap-3.items-center,.time-tracker-shell .flex.justify-between.items-start{flex-wrap:wrap}}@media (max-width: 620px){.time-tracker-shell{border-radius:10px}.time-tracker-shell main>div{padding:16px}.time-tracker-shell table{min-width:680px}.time-tracker-shell .bg-neutral-900.border.overflow-hidden{overflow-x:auto}}.checkbox{align-items:center;gap:8px;font-weight:500}.checkbox input[type=checkbox]{width:18px;height:18px;margin:0}.fieldset{border:1px solid var(--border);border-radius:12px;padding:16px;background:#0f141b59;min-width:0}.fieldset__legend{font-weight:600;padding:0 6px}.client-form{display:flex;flex-direction:column;gap:16px}.media-dashboard{display:flex;flex-direction:column;gap:20px}.hero-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.hero-stat{display:flex;align-items:center;gap:16px;padding:20px 24px;background:var(--card);border:1px solid var(--border);border-radius:16px;transition:transform .2s ease,box-shadow .2s ease}.hero-stat:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.hero-stat--primary{background:linear-gradient(135deg,#60a5fa26,#60a5fa0d);border-color:#60a5fa4d}.hero-stat--alert{background:linear-gradient(135deg,#f8717126,#f871710d);border-color:#f8717166}.hero-stat__icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;color:var(--accent);background:#60a5fa26;border-radius:12px}.hero-stat__content{display:flex;flex-direction:column;gap:2px}.hero-stat__value{font-size:28px;font-weight:700;color:var(--fg);line-height:1.1}.hero-stat__label{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.hero-stat__sub{font-size:12px;color:var(--muted);margin-top:2px}.hero-stat__ring{position:relative;width:64px;height:64px;flex-shrink:0}.hero-stat__ring svg{width:100%;height:100%;transform:rotate(-90deg)}.hero-stat__ring-value{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:var(--fg)}.alert-banner{background:linear-gradient(135deg,#f871711f,#f871710d);border:1px solid rgba(248,113,113,.3);border-radius:12px;padding:16px 20px}.alert-banner__header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.alert-banner__icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#f87171e6;color:#fff;border-radius:50%;font-size:14px;font-weight:700}.alert-banner__title{font-size:14px;font-weight:600;color:#f87171;text-transform:uppercase;letter-spacing:.05em}.alert-banner__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.alert-item{font-size:13px;color:var(--fg);padding-left:12px;border-left:3px solid rgba(248,113,113,.5)}.alert-item strong{color:var(--accent)}.pacing-overview__header{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin:0 0 16px}.pacing-overview__header h3{margin:0;font-size:16px}.pacing-overview__month{font-size:12px;color:var(--muted);letter-spacing:.06em;text-transform:uppercase}.pacing-bars{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.pacing-bar{display:flex;flex-direction:column;gap:8px}.pacing-bar__header{display:flex;justify-content:space-between;align-items:center}.pacing-bar__label{font-size:13px;color:var(--fg)}.pacing-bar__count{font-size:14px;font-weight:600;color:var(--fg)}.pacing-bar__track{height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.pacing-bar__fill{height:100%;border-radius:4px;transition:width .3s ease}.pacing-bar--behind .pacing-bar__fill{background:linear-gradient(90deg,#f87171,#ef4444)}.pacing-bar--watch .pacing-bar__fill{background:linear-gradient(90deg,#fbbf24,#f59e0b)}.pacing-bar--on-track .pacing-bar__fill{background:linear-gradient(90deg,#4ade80,#22c55e)}.pacing-bar--ahead .pacing-bar__fill{background:linear-gradient(90deg,#60a5fa,#3b82f6)}.media-filters{display:flex;flex-direction:column;gap:12px}.media-filters__row{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-end}.media-filters__search{flex:1;min-width:240px;max-width:360px}.media-filters__search input{width:100%;padding:12px 16px;font-size:14px;background:var(--bg);border:1px solid var(--border);border-radius:10px;color:var(--fg)}.media-filters__search input:focus{outline:none;border-color:var(--accent)}.media-filters__chips{display:flex;flex-wrap:wrap;gap:8px}.filter-chip{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;font-size:13px;background:var(--bg);border:1px solid var(--border);border-radius:20px;color:var(--muted);cursor:pointer;transition:all .2s ease}.filter-chip:hover{border-color:var(--accent);color:var(--fg)}.filter-chip--active{background:#60a5fa26;border-color:var(--accent);color:var(--fg)}.filter-chip__icon{font-size:12px}.filter-chip__count{font-size:11px;padding:2px 6px;background:#ffffff1a;border-radius:10px}.media-filters__sort{display:flex;flex-direction:column;gap:4px}.media-filters__sort label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0}.media-filters__sort select{min-width:200px;padding:10px 12px;font-size:13px}.media-filters__meta{font-size:12px;color:var(--muted)}.client-list{display:flex;flex-direction:column;gap:12px}.empty-state{text-align:center;padding:40px 20px;color:var(--muted)}.empty-state p{margin:0 0 16px}.client-card{background:var(--card);border:1px solid var(--border);border-radius:16px;overflow:hidden;transition:border-color .2s ease}.client-card:hover{border-color:#60a5fa66}.client-card--expanded{border-color:var(--accent)}.client-card__header{width:100%;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,2fr) minmax(0,1.5fr) auto;align-items:center;gap:20px;padding:20px 24px;background:transparent;border:none;color:inherit;text-align:left;cursor:pointer;transition:background .2s ease}.client-card__header:hover{background:#60a5fa0d}.client-card__info{min-width:0}.client-card__name{margin:0 0 4px;font-size:16px;font-weight:600;color:var(--fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.client-card__meta{margin:0;font-size:13px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.client-card__metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.client-card__metric{display:flex;flex-direction:column;gap:2px}.client-card__metric .metric-value{font-size:18px;font-weight:600;color:var(--fg)}.client-card__metric .metric-label{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.client-card__pacing{display:flex;flex-direction:column;gap:8px;align-items:flex-end}.pacing-indicator{display:flex;align-items:center;gap:10px;width:140px}.pacing-indicator__bar{flex:1;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.pacing-indicator__fill{height:100%;border-radius:3px;transition:width .3s ease}.pacing-indicator__fill--behind{background:linear-gradient(90deg,#f87171,#ef4444)}.pacing-indicator__fill--watch{background:linear-gradient(90deg,#fbbf24,#f59e0b)}.pacing-indicator__fill--on-track{background:linear-gradient(90deg,#4ade80,#22c55e)}.pacing-indicator__fill--ahead{background:linear-gradient(90deg,#60a5fa,#3b82f6)}.pacing-indicator__text{font-size:13px;font-weight:600;color:var(--fg);min-width:36px;text-align:right}.pacing-days{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.client-card__chevron{font-size:24px;color:var(--muted);transition:transform .2s ease}.client-card__chevron.is-open{transform:rotate(90deg)}.client-card__body{padding:0 24px 24px;display:flex;flex-direction:column;gap:24px;border-top:1px solid var(--border);background:#0003}.client-section{padding-top:20px}.client-section h5{margin:0 0 16px;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.channel-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.channel-card{background:var(--bg);border:1px solid var(--border);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:12px}.channel-card__header{display:flex;justify-content:space-between;align-items:center}.channel-card__type{font-size:15px;font-weight:600;color:var(--fg)}.channel-card__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.channel-card__stats>div{display:flex;flex-direction:column;gap:2px}.stat-value{font-size:16px;font-weight:600;color:var(--fg)}.stat-label{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.channel-card__kpis{display:flex;flex-wrap:wrap;gap:8px;padding-top:8px;border-top:1px solid var(--border)}.kpi-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:#60a5fa1a;border-radius:12px;font-size:12px}.kpi-pill__label{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:10px}.kpi-pill__value{color:var(--fg);font-weight:600}.campaign-table{display:flex;flex-direction:column;background:var(--bg);border:1px solid var(--border);border-radius:12px;overflow:hidden}.campaign-table__header,.campaign-table__row{display:grid;grid-template-columns:2fr 1fr 1.2fr 1fr 1fr .8fr;gap:12px;padding:12px 16px;align-items:center}.campaign-table__header{background:#60a5fa14;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:600}.campaign-table__row{border-top:1px solid var(--border);font-size:13px;color:var(--fg)}.campaign-table__row:first-of-type{border-top:none}.campaign-name{font-weight:500}.vendor-chips{display:flex;flex-wrap:wrap;gap:10px}.vendor-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;background:var(--bg);border:1px solid var(--border);border-radius:8px;font-size:13px;color:var(--fg)}.vendor-chip--connected{border-color:#4ade8066}.vendor-chip--error{border-color:#f8717166}.vendor-chip__status{font-size:12px}.vendor-chip--connected .vendor-chip__status{color:#4ade80}.vendor-chip--error .vendor-chip__status{color:#f87171}.badge{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;font-size:12px;font-weight:600;border-radius:6px;text-transform:uppercase;letter-spacing:.04em}.badge--sm{padding:4px 8px;font-size:11px}.badge--muted{background:#8aa0b526;color:var(--muted)}.badge--success{background:#4ade8026;color:#4ade80}.badge--warning{background:#fbbf2426;color:#fbbf24}.badge--danger{background:#f8717126;color:#f87171}.badge--accent{background:#60a5fa26;color:#60a5fa}.overview-secondary{display:grid;grid-template-columns:minmax(280px,360px) 1fr;gap:16px}.spend-donut-card{padding:20px}.spend-donut-card__header{display:flex;flex-direction:column;gap:2px;margin-bottom:16px}.spend-donut-card__header h3{margin:0;font-size:14px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.spend-donut-card__header .muted{color:var(--muted);font-size:12px}.spend-donut{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:16px;position:relative}.spend-donut--empty{display:flex;align-items:center;justify-content:center;min-height:120px;color:var(--muted);font-size:13px}.spend-donut__svg{display:block}.spend-donut__center{position:absolute;top:50%;left:0;width:140px;text-align:center;transform:translateY(-50%);pointer-events:none;display:flex;flex-direction:column;gap:2px}.spend-donut__center-value{font-size:18px;font-weight:700;color:var(--fg)}.spend-donut__center-label{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.spend-donut__legend{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.spend-donut__legend-item{display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:8px;font-size:13px}.spend-donut__legend-dot{width:10px;height:10px;border-radius:50%}.spend-donut__legend-label{color:var(--fg)}.spend-donut__legend-value{color:var(--muted);font-variant-numeric:tabular-nums}.spend-donut__legend-pct{color:var(--muted);margin-left:2px}.leaderboard{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:20px}.leaderboard__section{display:flex;flex-direction:column;gap:8px;min-width:0}.leaderboard__heading{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);padding-bottom:6px;border-bottom:1px solid var(--border)}.leaderboard__section--danger .leaderboard__heading{color:#f87171}.leaderboard__section--success .leaderboard__heading{color:#4ade80}.leaderboard__section--accent .leaderboard__heading{color:#60a5fa}.leaderboard__list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:4px}.leaderboard__row-button{width:100%;display:flex;justify-content:space-between;align-items:center;padding:6px 8px;background:transparent;border:1px solid transparent;border-radius:6px;cursor:pointer;color:var(--fg);font-size:13px;text-align:left;transition:background .15s,border-color .15s}.leaderboard__row-button:hover{background:#60a5fa14;border-color:#60a5fa4d}.leaderboard__name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.leaderboard__value{font-variant-numeric:tabular-nums;color:var(--muted);font-size:12px;margin-left:8px}.leaderboard__empty{font-size:12px;color:var(--muted);padding:8px 0}.vendor-pill-strip{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.vendor-pill-strip--compact .vendor-pill{padding:2px 6px;font-size:10px}.vendor-pill-strip--empty{font-size:11px;color:var(--muted);margin-top:6px}.vendor-pill{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:999px;background:#94a3b814;border:1px solid rgba(148,163,184,.2);font-size:11px;color:var(--fg);font-variant-numeric:tabular-nums}.vendor-pill__dot{width:6px;height:6px;border-radius:50%}.vendor-pill__label{color:var(--muted)}.vendor-pill__value{font-weight:600}.media-filters__row--dates{flex-wrap:wrap;align-items:center;gap:12px}.compare-selector{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--muted)}.compare-selector label{font-size:12px;text-transform:uppercase;letter-spacing:.05em}.compare-selector select{background:var(--card);border:1px solid var(--border);color:var(--fg);border-radius:6px;padding:6px 8px;font-size:13px}.compare-selector__hint{font-size:11px;font-variant-numeric:tabular-nums}@media (max-width: 1024px){.overview-secondary,.leaderboard{grid-template-columns:1fr}.client-card__header{grid-template-columns:1fr;gap:16px}.client-card__metrics{grid-template-columns:repeat(3,1fr)}.client-card__pacing{align-items:flex-start;flex-direction:row;justify-content:space-between}.pacing-indicator{width:160px}}@media (max-width: 768px){.hero-stats{grid-template-columns:repeat(2,1fr)}.hero-stat{padding:16px}.hero-stat__value{font-size:22px}.campaign-table__header,.campaign-table__row{grid-template-columns:1fr;gap:8px}.campaign-table__header{display:none}.campaign-table__row{padding:16px}.campaign-table__row span:not(.campaign-name):not(.badge){font-size:12px;color:var(--muted)}.campaign-table__row span:not(.campaign-name):not(.badge):before{font-weight:600;color:var(--fg);margin-right:8px}}@media (max-width: 480px){.hero-stats{grid-template-columns:1fr}.media-filters__chips{overflow-x:auto;flex-wrap:nowrap;padding-bottom:8px}.filter-chip{flex-shrink:0}}.metric-label{text-transform:uppercase;letter-spacing:.08em;font-size:11px;color:var(--muted)}.metric-value{font-size:20px;font-weight:600;color:var(--fg)}.metric-sub{font-size:12px;color:var(--muted)}.muted{color:var(--muted)}.campaign-modal-overlay{position:fixed;inset:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.campaign-modal{background:var(--card);border:1px solid var(--border);border-radius:16px;width:100%;max-width:720px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:slideUp .25s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.campaign-modal__header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:24px 24px 16px;border-bottom:1px solid var(--border)}.campaign-modal__header h2{margin:0;font-size:20px;font-weight:600;color:var(--fg);line-height:1.3}.campaign-modal__subtitle{display:flex;align-items:center;gap:8px;margin-top:6px;font-size:13px;color:var(--muted)}.campaign-modal__close{flex-shrink:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--bg);border:1px solid var(--border);border-radius:8px;font-size:20px;color:var(--muted);cursor:pointer;transition:all .2s ease}.campaign-modal__close:hover{background:#f8717126;border-color:#f8717166;color:#f87171}.campaign-modal__body{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:24px}.campaign-modal__section{display:flex;flex-direction:column;gap:12px}.campaign-modal__section h4{margin:0;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.campaign-modal__pacing{display:flex;align-items:center;gap:24px;padding:20px;background:var(--bg);border:1px solid var(--border);border-radius:12px}.campaign-modal__pacing-ring{position:relative;width:100px;height:100px;flex-shrink:0}.campaign-modal__pacing-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.campaign-modal__pacing-value{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:var(--fg);line-height:1.2}.campaign-modal__pacing-value span{font-size:11px;font-weight:500;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.campaign-modal__pacing-info{display:flex;flex-direction:column;gap:8px;flex:1}.campaign-modal__pacing-status{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--fg)}.campaign-modal__pacing-dates{font-size:13px;color:var(--muted)}.campaign-modal__pacing-expected{display:flex;flex-direction:column;gap:4px;margin-top:8px;padding-top:12px;border-top:1px solid var(--border)}.campaign-modal__pacing-expected span{font-size:12px;color:var(--muted)}.campaign-modal__pacing-expected strong{color:var(--fg);font-weight:600}.campaign-modal__pacing-details{display:flex;flex-direction:column;gap:12px;flex:1}.campaign-modal__stat{display:flex;flex-direction:column;gap:4px}.campaign-modal__stat .stat-label{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.campaign-modal__stat .stat-value{font-size:14px;color:var(--fg)}.campaign-modal__budget-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.campaign-modal__budget-card{display:flex;flex-direction:column;gap:4px;padding:16px;background:var(--bg);border:1px solid var(--border);border-radius:10px}.campaign-modal__budget-card .budget-label{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.campaign-modal__budget-card .budget-value{font-size:20px;font-weight:700;color:var(--fg)}.campaign-modal__budget-card--remaining .budget-value{color:#4ade80}.campaign-modal__budget-card--overspent .budget-value{color:#f87171}.campaign-modal__budget-bar{display:flex;flex-direction:column;gap:8px;padding:16px;background:var(--bg);border:1px solid var(--border);border-radius:10px}.campaign-modal__budget-bar .bar-label{display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}.campaign-modal__budget-bar .bar-track{height:10px;background:#ffffff1a;border-radius:5px;overflow:hidden}.campaign-modal__budget-bar .bar-fill{height:100%;border-radius:5px;transition:width .3s ease}.campaign-modal__budget-bar .bar-fill--safe{background:linear-gradient(90deg,#4ade80,#22c55e)}.campaign-modal__budget-bar .bar-fill--warning{background:linear-gradient(90deg,#fbbf24,#f59e0b)}.campaign-modal__budget-bar .bar-fill--danger{background:linear-gradient(90deg,#f87171,#ef4444)}.campaign-modal__budget-fill{height:10px;background:linear-gradient(90deg,#4ade80,#22c55e);border-radius:5px;transition:width .3s ease}.stat-value--lg{font-size:24px;font-weight:700}.stat-value--muted{color:var(--muted);opacity:.6}.campaign-modal__kpi-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.campaign-modal__kpi-card{display:flex;flex-direction:column;gap:4px;padding:14px;background:var(--bg);border:1px solid var(--border);border-radius:10px}.campaign-modal__kpi-card .kpi-label{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.campaign-modal__kpi-card .kpi-value{font-size:18px;font-weight:700;color:var(--fg)}.campaign-modal__no-data{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:32px 20px;background:var(--bg);border:1px dashed var(--border);border-radius:10px;text-align:center}.campaign-modal__no-data span:first-child{font-size:28px;opacity:.4}.campaign-modal__no-data span:last-child{font-size:13px;color:var(--muted)}.campaign-modal__empty-metrics{display:flex;flex-direction:column;gap:16px}.campaign-modal__kpi-grid--placeholder{opacity:.5}.campaign-modal__kpi-card--empty{border-style:dashed}.campaign-modal__empty-note{margin:0;text-align:center;font-size:13px;color:var(--muted);font-style:italic}.campaign-modal__details{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.campaign-modal__detail-row{display:flex;flex-direction:column;gap:2px;padding:12px 14px;background:var(--bg);border-radius:8px}.campaign-modal__detail-row .detail-label{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.campaign-modal__detail-row .detail-value{font-size:14px;color:var(--fg)}.campaign-table__row--clickable{cursor:pointer;transition:background .15s ease}.campaign-table__row--clickable:hover{background:#60a5fa14}@media (max-width: 640px){.campaign-modal{max-height:100vh;border-radius:12px 12px 0 0;margin-top:auto}.campaign-modal__pacing{flex-direction:column;align-items:flex-start}.campaign-modal__pacing-ring{align-self:center}.campaign-modal__budget-grid,.campaign-modal__details{grid-template-columns:1fr}.campaign-modal__kpi-grid{grid-template-columns:repeat(2,1fr)}}.campaigns-by-month{display:flex;flex-direction:column;gap:.75rem;font-size:.8125rem;color:var(--text)}.campaigns-by-month--empty{padding:1rem;border:1px dashed var(--border);border-radius:8px;text-align:center}.campaigns-by-month__toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem}.campaigns-by-month__view-toggle{display:inline-flex;border:1px solid var(--border);border-radius:6px;overflow:hidden}.campaigns-by-month__view-btn{background:transparent;color:var(--muted);border:0;padding:.35rem .75rem;cursor:pointer;font-size:.75rem;border-right:1px solid var(--border)}.campaigns-by-month__view-btn:last-child{border-right:0}.campaigns-by-month__view-btn:hover{background:#60a5fa14;color:var(--text)}.campaigns-by-month__view-btn.is-active{background:#60a5fa2e;color:var(--text)}.campaigns-by-month__metric-label{font-size:.75rem;color:var(--muted);display:inline-flex;align-items:center}.campaigns-by-month__metric-select{background:var(--surface);border:1px solid var(--border);color:var(--text);padding:.3rem .5rem;border-radius:4px;font-size:.75rem}.campaigns-by-month__grid-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:8px}.campaigns-by-month__grid{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}.campaigns-by-month__grid th,.campaigns-by-month__grid td{padding:.4rem .6rem;text-align:right;border-bottom:1px solid var(--border);white-space:nowrap}.campaigns-by-month__grid thead th{background:#0f172a99;font-size:.7rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);position:sticky;top:0}.campaigns-by-month__col-name,.campaigns-by-month__col-client{text-align:left}.campaigns-by-month__cell-name,.campaigns-by-month__cell-client{text-align:left;max-width:280px;overflow:hidden;text-overflow:ellipsis}.campaigns-by-month__cell-name{font-weight:500}.campaigns-by-month__cell-total{font-weight:600}.campaigns-by-month__expandable{display:flex;flex-direction:column;gap:.35rem}.campaigns-by-month__exp-row{border:1px solid var(--border);border-radius:6px;background:var(--surface)}.campaigns-by-month__exp-header{display:grid;grid-template-columns:1.25rem auto 1fr auto;align-items:center;gap:.75rem;width:100%;padding:.6rem .85rem;background:transparent;color:var(--text);border:0;cursor:pointer;text-align:left;font-size:.85rem}.campaigns-by-month__exp-header:hover{background:#60a5fa0f}.campaigns-by-month__exp-toggle{color:var(--muted)}.campaigns-by-month__exp-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.campaigns-by-month__exp-client{color:var(--muted);font-size:.75rem}.campaigns-by-month__exp-total{font-weight:600;font-variant-numeric:tabular-nums}.campaigns-by-month__exp-detail{padding:.5rem .85rem .85rem;border-top:1px solid var(--border)}.campaigns-by-month__month-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:.5rem}.campaigns-by-month__month-card{border:1px solid var(--border);border-radius:6px;padding:.5rem;background:#0f172a66;text-align:center}.campaigns-by-month__month-card-label{font-size:.7rem;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.campaigns-by-month__month-card-value{margin-top:.25rem;font-weight:600;font-variant-numeric:tabular-nums}.campaigns-by-month__chart{border:1px solid var(--border);border-radius:8px;padding:.75rem;background:var(--surface)}.goodway-tab{display:flex;flex-direction:column;gap:1rem}.goodway-tab__section{display:flex;flex-direction:column;gap:.5rem}.goodway-tab__section h5{margin:0;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.goodway-tab__breakdowns{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:.75rem}.campaign-performance{display:flex;flex-direction:column;gap:1rem}.campaign-performance__header h2{margin:0}.campaign-performance__header .muted{margin-top:.25rem;font-size:.85rem}.campaign-performance__controls{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem;justify-content:space-between}.campaign-performance__client-filter{font-size:.8rem;color:var(--muted);display:inline-flex;align-items:center}.campaign-performance__client-filter select{background:var(--surface);border:1px solid var(--border);color:var(--text);padding:.35rem .55rem;border-radius:4px;font-size:.8rem}.hero-stats{display:flex;flex-direction:column;gap:.75rem}.hero-stats__header{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem;flex-wrap:wrap}.hero-stats__header h2{margin:0;font-size:1.05rem}.hero-stats__header .muted{font-size:.8rem}.hero-stats__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem}.campaign-table__row.is-open{background:#60a5fa1a;border-bottom-color:transparent}.campaign-table__chevron{display:inline-block;width:.85rem;color:var(--muted);font-size:.75rem}.campaign-detail-panel{grid-column:1 / -1;background:#0f172a8c;border-bottom:1px solid var(--border);padding:.85rem 1rem 1.1rem}.campaign-detail-panel__header{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem;margin-bottom:.75rem}.campaign-detail-panel__header h4{margin:0;font-size:.95rem}.campaign-detail-panel__subtitle{margin:.25rem 0 0;font-size:.8rem;display:flex;flex-wrap:wrap;align-items:center;gap:8px;color:var(--muted)}.campaign-detail-panel__body{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:.85rem}.modal-overlay{position:fixed;inset:0;background:#0a0f18bf;display:flex;align-items:flex-start;justify-content:center;padding:48px 24px;overflow-y:auto;z-index:1000}.modal-content{width:min(1200px,100%);background:var(--card);border:1px solid var(--border);border-radius:16px;box-shadow:0 20px 50px #00000073}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--border)}.modal-body{padding:24px;max-height:calc(100vh - 160px);overflow-y:auto}@media (max-width: 720px){.modal-body{padding:16px}}.info-tooltip{position:relative;display:inline-flex;align-items:center}.info-tooltip__trigger{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;padding:0;margin:0 0 0 2px;border-radius:50%;border:1px solid rgba(96,165,250,.4);background:#60a5fa1f;color:var(--accent);font-size:12px;line-height:1}.info-tooltip__trigger:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.info-tooltip__bubble{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%,8px);padding:8px 10px;border-radius:6px;background:#060d16f2;color:var(--fg);font-size:11px;line-height:1.4;max-width:220px;box-shadow:0 8px 20px #00000059;opacity:0;pointer-events:none;transition:opacity .15s ease,transform .15s ease;z-index:10}.info-tooltip__bubble:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border-width:6px;border-style:solid;border-color:rgba(6,13,22,.95) transparent transparent transparent}.info-tooltip:hover .info-tooltip__bubble,.info-tooltip:focus-within .info-tooltip__bubble{opacity:1;transform:translate(-50%)}.toolbelt-dashboard{width:100%}.toolbelt-grid{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:auto auto;gap:1rem}.toolbelt-grid__main{grid-column:1;grid-row:1}.toolbelt-grid__sidebar{grid-column:2;grid-row:1;display:flex;flex-direction:column;gap:1rem}.toolbelt-grid__full{grid-column:1 / -1;grid-row:2}@media (max-width: 900px){.toolbelt-grid{grid-template-columns:1fr}.toolbelt-grid__main,.toolbelt-grid__sidebar,.toolbelt-grid__full{grid-column:1;grid-row:auto}}.widget{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:16px}.widget__header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:12px}.widget__title{margin:0;font-size:1rem;font-weight:600;color:var(--fg)}.widget__header-action{flex-shrink:0}.widget__description{margin:0 0 1rem;color:var(--muted)}.widget__actions{display:flex;gap:.5rem;flex-wrap:wrap}.widget-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem}.widget-metric{display:flex;flex-direction:column;gap:.25rem;padding:.75rem;background:var(--bg);border-radius:8px}.widget-metric__label{font-size:.75rem;color:var(--muted);text-transform:uppercase;letter-spacing:.025em}.widget-metric__value{font-size:1.5rem;font-weight:700;color:var(--fg)}.widget-metric__sub{font-size:.75rem;color:var(--muted)}.quick-links-list{list-style:none;margin:0;padding:0}.quick-links-list li{border-bottom:1px solid var(--border)}.quick-links-list li:last-child{border-bottom:none}.quick-link{display:block;padding:.5rem 0;color:var(--accent);text-decoration:none;font-size:.875rem}.quick-link:hover{text-decoration:underline}.widget--feature-board .widget__content{display:flex;flex-direction:column}.feature-form{margin-bottom:1rem}.feature-form textarea{width:100%;resize:vertical;min-height:60px}.feature-table{display:flex;flex-direction:column;font-size:.875rem;overflow:auto}.feature-table__header{display:grid;grid-template-columns:140px 120px 1fr 100px 120px;gap:.5rem;padding:.5rem .75rem;font-weight:600;background:var(--bg);border-bottom:1px solid var(--border);border-radius:8px 8px 0 0;color:var(--fg)}.feature-table__row{display:grid;grid-template-columns:140px 120px 1fr 100px 120px;gap:.5rem;padding:.5rem .75rem;border-bottom:1px solid var(--border);align-items:start;color:var(--fg)}.feature-table__row:last-child{border-bottom:none}.feature-table__date,.feature-table__author{font-size:.8rem;color:var(--muted)}.feature-table__note{word-break:break-word;color:var(--fg)}.feature-table__votes{display:flex;align-items:center;gap:.5rem}.feature-table__actions{display:flex;flex-wrap:wrap;gap:.25rem}.edit-note-form{display:flex;flex-direction:column;gap:.5rem}.edit-note-form textarea{width:100%;min-height:50px;font-size:.875rem}.edit-note-actions{display:flex;gap:.25rem}.delete-confirm{display:flex;align-items:center;gap:.25rem}.btn--sm{padding:.25rem .5rem;font-size:.75rem}.btn--danger{background:#dc3545;color:#fff}.btn--danger:hover{background:#c82333}.btn--danger-text{color:#ff6b6b}.btn--danger-text:hover{color:#ff8585}@media (max-width: 768px){.feature-table__header,.feature-table__row{grid-template-columns:1fr;gap:.25rem}.feature-table__header{display:none}.feature-table__row{display:flex;flex-direction:column;padding:.75rem}.feature-table__date:before{content:"Submitted: ";font-weight:600}.feature-table__author:before{content:"By: ";font-weight:600}.feature-table__votes,.feature-table__actions{margin-top:.5rem}.widget-metrics{grid-template-columns:1fr}}.date-range-picker{display:flex;align-items:center;gap:12px}.date-range-picker__presets{display:flex;gap:6px}.date-range-picker__preset{padding:8px 12px;font-size:12px;background:var(--bg);border:1px solid var(--border);border-radius:6px;color:var(--muted);cursor:pointer;transition:all .2s ease}.date-range-picker__preset:hover{border-color:var(--accent);color:var(--fg)}.date-range-picker__preset--active{background:#60a5fa26;border-color:var(--accent);color:var(--fg)}.date-range-picker__custom{display:flex;align-items:center;gap:8px}.date-range-picker__input{padding:8px 12px;font-size:13px;background:var(--bg);border:1px solid var(--border);border-radius:6px;color:var(--fg);width:120px}.date-range-picker__input:focus{outline:none;border-color:var(--accent)}.date-range-picker__separator{color:var(--muted);font-size:12px}.react-datepicker{font-family:inherit;background:var(--card);border:1px solid var(--border);border-radius:12px;box-shadow:0 8px 32px #0006}.react-datepicker__header{background:var(--bg);border-bottom:1px solid var(--border);border-radius:12px 12px 0 0;padding-top:12px}.react-datepicker__current-month{color:var(--fg);font-weight:600;font-size:14px}.react-datepicker__day-name{color:var(--muted);font-size:11px;text-transform:uppercase;width:32px}.react-datepicker__day{color:var(--fg);width:32px;line-height:32px;border-radius:6px;transition:all .15s ease}.react-datepicker__day:hover{background:#60a5fa26}.react-datepicker__day--selected,.react-datepicker__day--in-range{background:var(--accent)!important;color:#fff}.react-datepicker__day--in-selecting-range{background:#60a5fa4d!important}.react-datepicker__day--keyboard-selected{background:#60a5fa33}.react-datepicker__day--outside-month{color:var(--muted);opacity:.5}.react-datepicker__navigation{top:12px}.react-datepicker__navigation-icon:before{border-color:var(--muted)}.react-datepicker__navigation:hover .react-datepicker__navigation-icon:before{border-color:var(--accent)}.traffic-sparkline{display:flex;align-items:center;gap:8px}.traffic-sparkline__chart{width:60px;height:24px}.traffic-sparkline__chart .recharts-line{stroke-width:1.5}.traffic-sparkline--up .recharts-line{stroke:#4ade80}.traffic-sparkline--down .recharts-line{stroke:#f87171}.traffic-sparkline--neutral .recharts-line{stroke:var(--accent)}.traffic-summary-card{display:flex;align-items:center;gap:12px;padding:8px 12px;background:#60a5fa14;border:1px solid rgba(96,165,250,.2);border-radius:8px}.traffic-summary-card__metrics{display:flex;flex-direction:column;gap:2px}.traffic-summary-card__value{font-size:16px;font-weight:600;color:var(--fg);line-height:1.1}.traffic-summary-card__label{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.traffic-summary-card__trend{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:500}.traffic-summary-card__trend--positive{color:#4ade80}.traffic-summary-card__trend--negative{color:#f87171}.traffic-summary-card__trend--neutral{color:var(--muted)}.traffic-detail-panel{display:flex;flex-direction:column;gap:20px}.traffic-detail-panel__header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.traffic-detail-panel__title{margin:0;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.traffic-metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.traffic-metric-card{display:flex;flex-direction:column;gap:4px;padding:16px;background:var(--bg);border:1px solid var(--border);border-radius:10px}.traffic-metric-card__value{font-size:24px;font-weight:700;color:var(--fg);line-height:1.1}.traffic-metric-card__label{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.traffic-metric-card__trend{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:500;margin-top:4px}.traffic-metric-card__trend--positive{color:#4ade80}.traffic-metric-card__trend--negative{color:#f87171}.traffic-metric-card__trend--neutral{color:var(--muted)}.traffic-metric-card--bounce-rate .traffic-metric-card__trend--positive{color:#f87171}.traffic-metric-card--bounce-rate .traffic-metric-card__trend--negative{color:#4ade80}.traffic-chart-container{background:var(--bg);border:1px solid var(--border);border-radius:12px;padding:20px}.traffic-chart-container__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.traffic-chart-container__title{font-size:13px;font-weight:600;color:var(--fg)}.traffic-chart-container__legend{display:flex;gap:16px}.traffic-chart-legend-item{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted);cursor:pointer;transition:opacity .2s ease}.traffic-chart-legend-item--disabled{opacity:.4}.traffic-chart-legend-item__dot{width:10px;height:10px;border-radius:50%}.traffic-chart-legend-item__dot--sessions{background:#60a5fa}.traffic-chart-legend-item__dot--users{background:#4ade80}.traffic-chart-legend-item__dot--pageviews{background:#a855f7}.traffic-line-chart{width:100%;height:200px}.traffic-line-chart .recharts-cartesian-grid-horizontal line,.traffic-line-chart .recharts-cartesian-grid-vertical line{stroke:var(--border);stroke-opacity:.5}.traffic-line-chart .recharts-xaxis-tick text,.traffic-line-chart .recharts-yaxis-tick text{fill:var(--muted);font-size:11px}.traffic-line-chart .recharts-tooltip-wrapper{outline:none}.traffic-chart-tooltip{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:12px;box-shadow:0 4px 16px #0000004d}.traffic-chart-tooltip__date{font-size:12px;font-weight:600;color:var(--fg);margin-bottom:8px}.traffic-chart-tooltip__item{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted);margin-top:4px}.traffic-chart-tooltip__item-dot{width:8px;height:8px;border-radius:50%}.traffic-chart-tooltip__item-value{font-weight:600;color:var(--fg);margin-left:auto}.traffic-sources{display:flex;flex-direction:column;gap:12px}.traffic-sources__header{font-size:13px;font-weight:600;color:var(--fg);margin-bottom:4px}.traffic-source-row{display:flex;align-items:center;gap:12px}.traffic-source-row__label{width:80px;font-size:12px;color:var(--muted);text-transform:capitalize}.traffic-source-row__bar{flex:1;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.traffic-source-row__fill{height:100%;border-radius:4px;transition:width .3s ease}.traffic-source-row__fill--organic{background:linear-gradient(90deg,#4ade80,#22c55e)}.traffic-source-row__fill--direct{background:linear-gradient(90deg,#60a5fa,#3b82f6)}.traffic-source-row__fill--paid{background:linear-gradient(90deg,#fbbf24,#f59e0b)}.traffic-source-row__fill--social{background:linear-gradient(90deg,#a855f7,#9333ea)}.traffic-source-row__fill--referral{background:linear-gradient(90deg,#ec4899,#db2777)}.traffic-source-row__value{width:80px;text-align:right;font-size:12px;color:var(--fg)}.traffic-source-row__percent{color:var(--muted);margin-left:4px}.traffic-loading{display:flex;align-items:center;justify-content:center;padding:40px 20px;color:var(--muted);font-size:13px}.traffic-loading__spinner{width:20px;height:20px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite;margin-right:12px}.traffic-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:32px 20px;background:#f8717114;border:1px dashed rgba(248,113,113,.3);border-radius:10px;text-align:center}.traffic-error__icon{font-size:24px;color:#f87171}.traffic-error__message{font-size:13px;color:var(--muted)}.traffic-no-data{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:32px 20px;background:var(--bg);border:1px dashed var(--border);border-radius:10px;text-align:center}.traffic-no-data__icon{font-size:28px;opacity:.4}.traffic-no-data__message{font-size:13px;color:var(--muted)}@media (max-width: 768px){.date-range-picker{flex-direction:column;align-items:flex-start}.date-range-picker__presets{flex-wrap:wrap}.traffic-metrics-grid{grid-template-columns:repeat(2,1fr)}.traffic-source-row__label,.traffic-source-row__value{width:60px}}@media (max-width: 480px){.traffic-metrics-grid{grid-template-columns:1fr}.traffic-summary-card{flex-direction:column;align-items:flex-start;gap:8px}}.client-mapping-admin{display:flex;flex-direction:column;gap:24px}.client-mapping-admin__header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.client-mapping-admin__header h2{margin:0 0 4px;font-size:24px;font-weight:600}.client-mapping-admin__subtitle{margin:0;font-size:14px;color:var(--muted)}.client-mapping-admin__loading{display:flex;align-items:center;justify-content:center;gap:12px;padding:60px 20px;color:var(--muted)}.client-mapping-admin__spinner{width:20px;height:20px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.client-mapping-admin__alert{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:8px;font-size:14px}.client-mapping-admin__alert span{width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:12px;font-weight:700}.client-mapping-admin__alert--error{background:#f871711a;border:1px solid rgba(248,113,113,.3);color:#f87171}.client-mapping-admin__alert--error span{background:#f87171e6;color:#fff}.client-mapping-admin__alert--success{background:#4ade801a;border:1px solid rgba(74,222,128,.3);color:#4ade80}.client-mapping-admin__alert--success span{background:#4ade80e6;color:#fff}.client-mapping-admin__stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px}.client-mapping-admin__stat{display:flex;flex-direction:column;gap:4px;padding:20px;background:var(--card);border:1px solid var(--border);border-radius:12px;text-align:center}.client-mapping-admin__stat--success{border-color:#4ade8066;background:linear-gradient(135deg,rgba(74,222,128,.1),transparent)}.client-mapping-admin__stat--warning{border-color:#fbbf2466;background:linear-gradient(135deg,rgba(251,191,36,.1),transparent)}.client-mapping-admin__stat-value{font-size:32px;font-weight:700;color:var(--fg)}.client-mapping-admin__stat-label{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.client-mapping-admin__section{display:flex;flex-direction:column;gap:16px}.client-mapping-admin__section h3{margin:0;font-size:16px;font-weight:600}.client-mapping-admin__filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.client-mapping-admin__create-form{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap}.client-mapping-admin__field{flex:1;min-width:200px;display:flex;flex-direction:column;gap:6px}.client-mapping-admin__field label{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.client-mapping-admin__field select{width:100%;padding:12px 14px;font-size:14px;background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--fg);cursor:pointer}.client-mapping-admin__field select:focus{outline:none;border-color:var(--accent)}.client-mapping-admin__field input{width:100%;padding:12px 14px;font-size:14px;background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--fg)}.client-mapping-admin__field input:focus{outline:none;border-color:var(--accent)}.client-mapping-admin__arrow{font-size:24px;color:var(--muted);padding-bottom:8px}.client-mapping-admin__empty-note{margin:0;padding:16px;text-align:center;font-size:14px;color:var(--muted);background:var(--bg);border-radius:8px}.client-mapping-admin__mapping-list{display:flex;flex-direction:column;gap:8px}.client-mapping-admin__mapping-row{display:flex;align-items:center;gap:16px;padding:16px;background:var(--bg);border:1px solid var(--border);border-radius:10px;transition:border-color .2s ease}.client-mapping-admin__mapping-row:hover{border-color:#60a5fa66}.client-mapping-admin__mapping-source,.client-mapping-admin__mapping-client{flex:1;display:flex;flex-direction:column;gap:4px}.client-mapping-admin__mapping-label{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.client-mapping-admin__mapping-name{font-size:15px;font-weight:500;color:var(--fg)}.client-mapping-admin__mapping-sub{font-size:12px;color:var(--muted)}.client-mapping-admin__mapping-id{font-size:12px;color:var(--muted);font-family:monospace}.client-mapping-admin__mapping-badge{align-self:flex-start;padding:2px 8px;border-radius:999px;font-size:10px;text-transform:uppercase;letter-spacing:.06em;background:#60a5fa26;color:var(--accent)}.client-mapping-admin__mapping-arrow{font-size:20px;color:var(--accent)}.client-mapping-admin__suggestions,.client-mapping-admin__suggestions-inline{display:flex;flex-direction:column;gap:8px}.client-mapping-admin__suggestions-label{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.client-mapping-admin__suggestions-list{display:flex;flex-wrap:wrap;gap:8px}.client-mapping-admin__empty{display:flex;flex-direction:column;align-items:center;gap:12px;padding:40px 20px;text-align:center}.client-mapping-admin__empty-icon{font-size:40px;opacity:.5}.client-mapping-admin__empty p{margin:0;font-size:14px;color:var(--muted)}.client-mapping-admin__unmapped-list{display:flex;flex-direction:column;gap:8px;max-height:400px;overflow-y:auto}.client-mapping-admin__unmapped-item{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px;background:var(--bg);border:1px solid var(--border);border-radius:8px}.client-mapping-admin__unmapped-info{display:flex;flex-direction:column;gap:2px}.client-mapping-admin__unmapped-name{font-size:14px;font-weight:500;color:var(--fg)}.client-mapping-admin__unmapped-sub{font-size:12px;color:var(--muted);font-family:monospace}.btn--danger:hover{background:#f8717126;border-color:#f8717166;color:#f87171}@media (max-width: 768px){.client-mapping-admin__header{flex-direction:column}.client-mapping-admin__create-form{flex-direction:column;align-items:stretch}.client-mapping-admin__arrow{text-align:center;padding:0}.client-mapping-admin__mapping-row{flex-direction:column;align-items:stretch;gap:12px}.client-mapping-admin__mapping-arrow{text-align:center}}