:root{--navy: #0b1e33;--navy-mid: #0c3760;--navy-deep: #061018;--cyan: #3ec7e0;--cyan-soft: rgba(62, 199, 224, .16);--cyan-line: rgba(62, 199, 224, .35);--text: #e8f1f8;--muted: #9bb3c7;--danger: #ff8f8f;--ok: #6ee7a8;--off: #f0a070;--surface: rgba(12, 55, 96, .45);--surface-strong: rgba(8, 40, 72, .72);--font: "Source Sans 3", "Segoe UI", system-ui, -apple-system, sans-serif;--font-display: "Outfit", "Source Sans 3", system-ui, sans-serif;--topbar-h: 4.25rem;--nav-h: 4.25rem;--safe-b: env(safe-area-inset-bottom, 0px);--safe-t: env(safe-area-inset-top, 0px);--tap: 2.75rem}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(110% 65% at 12% -8%,rgba(62,199,224,.18) 0%,transparent 52%),radial-gradient(90% 50% at 92% 8%,rgba(12,55,96,.9) 0%,transparent 48%),linear-gradient(180deg,var(--navy-mid) 0%,var(--navy) 42%,var(--navy-deep) 100%);background-attachment:fixed;color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased}body{min-height:100dvh}.app{min-height:100dvh;display:flex;flex-direction:column;max-width:32rem;margin:0 auto;padding-top:var(--safe-t);padding-bottom:calc(var(--nav-h) + var(--safe-b))}@media(min-width:720px){.app{max-width:36rem;box-shadow:0 0 0 1px #3ec7e01f,0 24px 80px #00000059}}.topbar{position:sticky;top:0;z-index:10;display:flex;flex-direction:column;gap:.4rem;padding:.9rem 1rem .8rem;background:linear-gradient(180deg,#0b1e33f7,#0b1e33d6);border-bottom:1px solid var(--cyan-line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.topbar__brand{display:flex;align-items:center;gap:.75rem}.topbar__mark{width:2.4rem;height:2.4rem;border-radius:.7rem;flex-shrink:0;background:radial-gradient(circle at 30% 28%,rgba(62,199,224,.55),transparent 55%),linear-gradient(160deg,var(--navy-mid),var(--navy));border:1px solid var(--cyan-line);box-shadow:inset 0 1px #ffffff14}.topbar__titles{display:flex;flex-direction:column;line-height:1.15}.topbar__name{font-family:var(--font-display);font-weight:700;letter-spacing:-.03em;font-size:1.08rem}.topbar__sub{color:var(--cyan);font-family:var(--font-display);font-size:.86rem;font-weight:600;letter-spacing:.01em}.topbar__hint{margin:0;font-size:.78rem;color:var(--muted);line-height:1.4}.content{flex:1;padding:1.15rem 1rem 1.6rem;outline:none}.eyebrow{margin:0 0 .35rem;font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--cyan)}.panel__title{margin:0 0 .65rem;font-family:var(--font-display);font-size:1.45rem;font-weight:700;letter-spacing:-.03em}.panel__head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.75rem}.panel__head .panel__title{margin:0}.panel__lede{margin:0 0 1rem;font-size:1rem;line-height:1.55;color:var(--text)}.panel__note{margin:1rem 0 0;font-size:.88rem;line-height:1.45;color:var(--muted)}.panel__note a{color:var(--cyan)}.chip{display:inline-flex;align-items:center;gap:.4rem;min-height:1.75rem;padding:.35rem .7rem;border-radius:999px;font-size:.8rem;font-weight:600;border:1px solid transparent}.chip:before{content:"";width:.45rem;height:.45rem;border-radius:50%;background:currentColor}.chip--ok{color:var(--ok);background:#6ee7a81f;border-color:#6ee7a859}.chip--off{color:var(--off);background:#f0a0701f;border-color:#f0a07059}.chip--pending{color:var(--muted);background:#9bb3c71f;border-color:#9bb3c74d}.billing-card{padding:1rem;border-radius:.9rem;background:var(--surface);border:1px solid var(--cyan-line)}.facts{margin:0;display:grid;gap:.75rem}.facts>div{display:grid;grid-template-columns:5.5rem 1fr;gap:.5rem;align-items:baseline}.facts dt{margin:0;font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.facts dd{margin:0;font-size:.95rem;font-weight:600}.pill{display:inline-block;padding:.15rem .5rem;border-radius:.35rem;background:var(--cyan-soft);border:1px solid var(--cyan-line);color:var(--cyan);font-size:.85rem;text-transform:lowercase}.callout{margin-top:1rem;padding:.85rem .95rem;border-left:3px solid var(--cyan);background:#3ec7e014;font-size:.86rem;line-height:1.45;color:var(--muted);border-radius:0 .55rem .55rem 0}.callout strong{display:block;color:var(--text);margin-bottom:.35rem}.callout--ok{border-left-color:var(--ok);background:#6ee7a81a}.pair-block{margin-top:1rem;padding:.95rem;border-radius:.9rem;background:var(--surface);border:1px solid var(--cyan-line)}.pair-block__title{margin:0 0 .35rem;font-family:var(--font-display);font-size:1.02rem;font-weight:650}.pair-block__lede{margin:0 0 .75rem;font-size:.84rem;color:var(--muted);line-height:1.45}.pair-help{margin:.55rem 0 0;font-size:.75rem;color:var(--muted)}.pair-row{display:flex;gap:.5rem;align-items:center}.pair-input{flex:1;min-width:0;min-height:var(--tap);-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--cyan-line);background:#0610188c;color:var(--text);font:inherit;font-size:1.15rem;letter-spacing:.22em;text-align:center;text-transform:uppercase;padding:.55rem .65rem;border-radius:.55rem}.pair-input:focus{outline:2px solid rgba(62,199,224,.45);outline-offset:1px}.ok-msg{margin:.65rem 0 0;color:var(--ok);font-size:.86rem}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--cyan-line);background:linear-gradient(180deg,#1a5a82,var(--navy-mid));color:var(--text);font:inherit;font-size:.88rem;font-weight:600;min-height:var(--tap);padding:.5rem .95rem;border-radius:.55rem;cursor:pointer;transition:background .18s ease,border-color .18s ease,transform .12s ease}.btn--primary{background:linear-gradient(180deg,#2a7aa8,#14557a);border-color:#3ec7e08c}.btn:disabled{opacity:.55;cursor:wait}.btn:not(:disabled):active{transform:translateY(1px)}.muted{color:var(--muted);margin:0}.error{color:var(--danger);margin:0;font-size:.9rem}.error.subtle{margin-top:.75rem;font-size:.8rem}.mono{font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:.88em}.list{margin:0 0 1rem;padding-left:1.15rem;color:var(--muted);line-height:1.55;font-size:.95rem}.bottom-nav{position:fixed;left:50%;transform:translate(-50%);bottom:0;width:min(32rem,100%);display:grid;grid-template-columns:repeat(6,1fr);gap:.1rem;padding:.3rem .25rem calc(.35rem + var(--safe-b));background:#061018f5;border-top:1px solid var(--cyan-line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:20}@media(min-width:720px){.bottom-nav{width:min(36rem,100%)}}.nav-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:var(--muted);font:inherit;font-size:.62rem;font-weight:650;min-height:var(--tap);padding:.35rem .1rem;border-radius:.6rem;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;transition:color .18s ease,background .18s ease}.nav-btn__icon{width:1.15rem;height:1.15rem;border-radius:.3rem;border:1.5px solid currentColor;opacity:.85;position:relative}.nav-btn[data-tab=home] .nav-btn__icon{border-radius:.35rem .35rem .2rem .2rem;clip-path:polygon(50% 8%,92% 42%,92% 90%,8% 90%,8% 42%);border:none;background:currentColor;opacity:.75}.nav-btn[data-tab=leads] .nav-btn__icon{border-radius:50%}.nav-btn[data-tab=pipeline] .nav-btn__icon{border-radius:.2rem;transform:rotate(45deg) scale(.85)}.nav-btn[data-tab=field] .nav-btn__icon{border-radius:.15rem;border-width:1.5px 1.5px 3px}.nav-btn[data-tab=billing] .nav-btn__icon{border-radius:.25rem;width:.95rem}.nav-btn[data-tab=about] .nav-btn__icon{border-radius:50%}.nav-btn[data-tab=about] .nav-btn__icon:after{content:"i";position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:.65rem;font-weight:800;font-style:italic;font-family:Georgia,serif;line-height:1}.nav-btn__label{letter-spacing:.01em}.nav-btn.is-active{color:var(--cyan);background:var(--cyan-soft)}.nav-btn.is-active .nav-btn__icon{opacity:1}@media(min-width:480px){.content{padding:1.4rem 1.3rem 1.85rem}.nav-btn{font-size:.72rem}}.chip-row{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:.65rem}.quick-card{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--cyan-line);background:linear-gradient(160deg,#12446ebf,#081c30b3);color:var(--text);text-align:left;min-height:4.5rem;padding:.85rem .9rem;border-radius:.85rem;cursor:pointer;font:inherit;transition:transform .15s ease,border-color .18s ease,background .18s ease}.quick-card:hover,.quick-card:focus-visible{border-color:#3ec7e0a6;outline:none}.quick-card:active{transform:scale(.985)}.quick-card__label{display:block;font-family:var(--font-display);font-weight:700;font-size:1rem;letter-spacing:-.02em;margin-bottom:.2rem}.quick-card__hint{display:block;font-size:.78rem;color:var(--muted);line-height:1.3}.meta-line{margin:0 0 .85rem;font-size:.78rem;color:var(--muted)}.empty{margin:0;padding:1rem;border-radius:.85rem;background:#9bb3c714;border:1px dashed rgba(155,179,199,.35);color:var(--muted);font-size:.9rem;line-height:1.5}.empty__title{margin:0 0 .35rem;color:var(--text);font-family:var(--font-display);font-weight:650;font-size:1rem}.empty p{margin:0}.empty--error{border-style:solid;border-color:#ff8f8f59;background:#ff8f8f0f;display:grid;gap:.75rem;justify-items:start}.card-list{list-style:none;margin:0;padding:0;display:grid;gap:.7rem}.card{padding:.9rem .95rem;border-radius:.85rem;background:var(--surface);border:1px solid var(--cyan-line)}.card__title{font-family:var(--font-display);font-weight:650;font-size:1rem;letter-spacing:-.015em}.card__meta{margin-top:.2rem;font-size:.78rem;color:var(--muted)}.card__sub{margin-top:.35rem;font-size:.88rem;color:var(--text)}.card__snip{margin:.45rem 0 0;font-size:.86rem;line-height:1.4;color:var(--muted)}.card__actions{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.7rem}.btn--link{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;min-height:var(--tap);padding:.4rem .85rem;font-size:.84rem}.filter-row{display:flex;flex-wrap:wrap;gap:.45rem;margin:0 0 .85rem}.filter-chip{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--cyan-line);background:transparent;color:var(--muted);font:inherit;font-size:.82rem;font-weight:600;min-height:2.4rem;padding:.4rem .9rem;border-radius:999px;cursor:pointer;transition:background .15s ease,color .15s ease}.filter-chip.is-active{color:var(--cyan);background:var(--cyan-soft);border-color:#38bdf873}.priority-pill{display:inline-block;font-size:.68rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:.15rem .45rem;border-radius:999px;margin-right:.35rem;background:#9bb3c72e;color:var(--muted);vertical-align:middle}.priority-pill--urgent{background:#f8717133;color:#fca5a5}.priority-pill--medium{background:#fbbf242e;color:#fcd34d}.priority-pill--low{background:#34d39929;color:#6ee7b7}.btn--ghost{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--cyan-line);background:transparent;color:var(--text);font:inherit;font-size:.82rem;font-weight:600;min-height:2.4rem;padding:.4rem .75rem;border-radius:.55rem;cursor:pointer}.btn--ghost:disabled{opacity:.55;cursor:default}.skip-link{position:absolute;left:.75rem;top:.75rem;z-index:100;padding:.55rem .85rem;border-radius:.5rem;background:var(--cyan);color:var(--navy-deep);font-weight:700;font-size:.85rem;text-decoration:none;transform:translateY(-200%);transition:transform .15s ease}.skip-link:focus,.skip-link:focus-visible{transform:translateY(0);outline:2px solid #fff;outline-offset:2px}.offline-bar{position:sticky;top:0;z-index:30;margin:0;padding:.4rem 1rem;font-size:.78rem;font-weight:600;text-align:center;color:#1a1208;background:linear-gradient(90deg,#f0a070,#fcd34d);border-bottom:1px solid rgba(0,0,0,.15)}.offline-bar[hidden]{display:none!important}.topbar__hint-row{display:flex;align-items:center;justify-content:space-between;gap:.65rem;flex-wrap:wrap}.install-slot{flex-shrink:0;display:flex;align-items:center;gap:.35rem}.install-banner{display:inline-flex;align-items:center;gap:.25rem}.install-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--cyan-line);background:linear-gradient(180deg,#1a5a82,var(--navy-mid));color:var(--text);font:inherit;font-size:.78rem;font-weight:700;min-height:2.25rem;padding:.35rem .8rem;border-radius:.5rem;cursor:pointer}.install-btn:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.install-dismiss{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:var(--muted);font:inherit;font-size:1.15rem;line-height:1;min-width:2.25rem;min-height:2.25rem;padding:.2rem .35rem;cursor:pointer;border-radius:.35rem}.install-dismiss:focus-visible{outline:2px solid var(--cyan);outline-offset:1px}.install-chip{font-size:.72rem}.nav-btn:focus-visible{outline:2px solid var(--cyan);outline-offset:2px;color:var(--text)}.btn:focus-visible,.filter-chip:focus-visible,.btn--ghost:focus-visible,.btn--link:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.card__photos-meta{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-top:.55rem}.photo-count{font-size:.78rem;color:var(--cyan)}.photo-count--none{color:var(--muted)}.card__photos{margin-top:.65rem;padding-top:.55rem;border-top:1px solid var(--cyan-line)}.photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem;margin-bottom:.65rem}.photo-thumb{margin:0;display:flex;flex-direction:column;gap:.3rem}.photo-thumb img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:.4rem;border:1px solid var(--cyan-line);background:#00000040}.btn--tiny{font-size:.72rem;min-height:2rem;padding:.25rem .45rem}.photo-upload{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.photo-upload input[type=file]{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden;clip:rect(0,0,0,0)}.toggle-row{display:flex;align-items:center;gap:.65rem;margin-top:.35rem;min-height:var(--tap);font-size:.94rem;cursor:pointer}.toggle-row input{width:1.25rem;height:1.25rem;accent-color:var(--cyan)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skeleton-list{display:grid;gap:.7rem}.skeleton-card{padding:.95rem;border-radius:.85rem;background:var(--surface-strong);border:1px solid rgba(62,199,224,.18);display:grid;gap:.55rem}.skeleton-line{height:.7rem;border-radius:.35rem;background:linear-gradient(90deg,#9bb3c71f,#3ec7e038 45%,#9bb3c71f);background-size:200% 100%;animation:shimmer 1.35s ease-in-out infinite}.skeleton-line--lg{height:.95rem;width:62%}.skeleton-line--sm{width:38%}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.anim-in{animation:rise-in .32s ease both}@keyframes rise-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.btn:not(:disabled):active,.quick-card:active{transform:none}.skip-link{transition:none}.anim-in{animation:none}}