*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0f0f0f;--bg-card: #1a1a1a;--bg-elevated: #222222;--bg-input: #2a2a2a;--text: #f0ede8;--text-muted: #9a9590;--text-dim: #6b6560;--gold: #C4A265;--gold-dim: rgba(196, 162, 101, .15);--accent: #8B7355;--border: #2e2e2e;--green: #4ade80;--blue: #60a5fa;--yellow: #fbbf24;--red: #f87171;--font: "Inter", -apple-system, sans-serif;--radius: 12px;--radius-sm: 8px;--topbar-h: 56px;--tabs-h: 44px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}html{-webkit-text-size-adjust:100%;height:100%}body{font-family:var(--font);font-size:.95rem;line-height:1.5;color:var(--text);background:var(--bg);min-height:100%;-webkit-font-smoothing:antialiased;overscroll-behavior:none}a{color:var(--gold);text-decoration:none}button{font:inherit;cursor:pointer;border:none;background:none;color:inherit}img{max-width:100%;height:auto;display:block}.topbar{position:fixed;top:0;left:0;right:0;z-index:50;height:calc(var(--topbar-h) + var(--safe-top));padding-top:var(--safe-top);display:flex;align-items:center;padding-left:1rem;padding-right:1rem;gap:.75rem;background:var(--bg);border-bottom:1px solid var(--border)}.topbar__back{font-size:1.5rem;padding:.25rem;color:var(--gold);line-height:1}.topbar__title{flex:1;font-size:1.15rem;font-weight:600;letter-spacing:-.01em}.topbar__settings{font-size:1.25rem;padding:.25rem;color:var(--text-muted)}.tabs{position:fixed;top:calc(var(--topbar-h) + var(--safe-top));left:0;right:0;z-index:49;display:flex;gap:.25rem;padding:.5rem 1rem;background:var(--bg);border-bottom:1px solid var(--border);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tabs__tab{flex-shrink:0;padding:.35rem .85rem;font-size:.78rem;font-weight:500;letter-spacing:.02em;border-radius:100px;background:var(--bg-elevated);color:var(--text-muted);transition:all .2s;white-space:nowrap}.tabs__tab--active{background:var(--gold-dim);color:var(--gold)}.tabs--hidden{display:none}.content{padding-top:calc(var(--topbar-h) + var(--tabs-h) + var(--safe-top) + 1rem);padding-bottom:calc(2rem + var(--safe-bottom));padding-left:1rem;padding-right:1rem;min-height:100vh}.content--no-tabs{padding-top:calc(var(--topbar-h) + var(--safe-top) + 1rem)}.loading{text-align:center;color:var(--text-muted);padding:3rem 0;font-size:.9rem}.empty{text-align:center;color:var(--text-dim);padding:4rem 1rem}.empty__icon{font-size:3rem;margin-bottom:1rem}.empty__text{font-size:.95rem}.lead-list{display:flex;flex-direction:column;gap:.75rem}.lead-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.15rem;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;gap:.5rem}.lead-card:active{transform:scale(.98);background:var(--bg-elevated)}.lead-card__top{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.lead-card__name{font-size:1rem;font-weight:600;color:var(--text);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lead-card__time{font-size:.75rem;color:var(--text-dim);flex-shrink:0}.lead-card__bottom{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.lead-card__service{font-size:.8rem;color:var(--text-muted)}.lead-card__photos{font-size:.75rem;color:var(--text-dim)}.badge{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .55rem;border-radius:100px;font-size:.7rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase;flex-shrink:0}.badge--new{background:#4ade8026;color:var(--green)}.badge--contacted{background:#60a5fa26;color:var(--blue)}.badge--quoted{background:#fbbf2426;color:var(--yellow)}.badge--won{background:var(--gold-dim);color:var(--gold)}.badge--lost{background:#f871711f;color:var(--red)}.detail{display:flex;flex-direction:column;gap:1.25rem}.detail__header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.detail__name{font-size:1.5rem;font-weight:700;letter-spacing:-.02em}.detail__section{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.15rem}.detail__row{display:flex;justify-content:space-between;align-items:center;padding:.6rem 0}.detail__row+.detail__row{border-top:1px solid var(--border)}.detail__label{font-size:.78rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted)}.detail__value{font-size:.95rem;color:var(--text);text-align:right}.detail__value--link{color:var(--gold)}.detail__message{padding:1rem 1.15rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);line-height:1.6;font-size:.9rem;white-space:pre-wrap}.status-row{display:flex;gap:.5rem;flex-wrap:wrap}.status-btn{padding:.45rem .9rem;border-radius:100px;font-size:.78rem;font-weight:600;transition:all .2s;border:1.5px solid var(--border);color:var(--text-muted)}.status-btn--active{border-color:var(--gold);color:var(--gold);background:var(--gold-dim)}.call-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.85rem;background:var(--gold);color:#0f0f0f;font-weight:700;font-size:.95rem;letter-spacing:.03em;border-radius:var(--radius);transition:all .2s}.call-btn:active{opacity:.8;transform:scale(.98)}.photos-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.photos-grid img{width:100%;aspect-ratio:4 / 3;object-fit:cover;border-radius:var(--radius-sm);cursor:pointer;transition:opacity .2s}.photos-grid img:active{opacity:.7}.notes-area{width:100%;padding:.85rem 1rem;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-family:var(--font);font-size:.9rem;line-height:1.5;resize:vertical;min-height:80px;outline:none;transition:border-color .2s}.notes-area:focus{border-color:var(--gold)}.notes-area::placeholder{color:var(--text-dim)}.notes-save{display:inline-flex;align-items:center;gap:.3rem;padding:.45rem 1rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.8rem;font-weight:500;color:var(--text-muted);margin-top:.5rem;transition:all .2s}.notes-save:active{background:var(--gold-dim);color:var(--gold)}.notes-save--saved{color:var(--green);border-color:var(--green)}.settings{display:flex;flex-direction:column;gap:1.25rem}.settings__section{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.settings__label{font-size:.72rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);padding:1rem 1.15rem .5rem}.settings__item{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.15rem;border-top:1px solid var(--border);gap:1rem}.settings__item:first-child{border-top:none}.settings__item-label{font-size:.9rem;color:var(--text)}.settings__item-desc{font-size:.78rem;color:var(--text-dim);margin-top:.15rem}.settings__select{padding:.5rem .75rem;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-family:var(--font);font-size:.9rem;outline:none;-webkit-appearance:none;cursor:pointer}.toggle{position:relative;width:48px;height:28px;flex-shrink:0}.toggle input{display:none}.toggle__track{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--bg-input);border-radius:100px;border:1px solid var(--border);transition:all .3s;cursor:pointer}.toggle__track:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:var(--text-muted);transition:all .3s}.toggle input:checked+.toggle__track{background:var(--gold);border-color:var(--gold)}.toggle input:checked+.toggle__track:after{transform:translate(20px);background:#0f0f0f}.settings__btn{display:flex;align-items:center;justify-content:center;width:100%;padding:.85rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);font-size:.9rem;font-weight:500;color:var(--text);transition:all .2s}.settings__btn:active{background:var(--gold-dim);color:var(--gold)}.settings__btn--gold{background:var(--gold-dim);border-color:var(--gold);color:var(--gold)}.lightbox{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#000000f2;align-items:center;justify-content:center}.lightbox--open{display:flex}.lightbox__close{position:absolute;top:calc(1rem + var(--safe-top));right:1rem;color:#fff;font-size:2rem;z-index:10;padding:.5rem}.lightbox__img{max-width:95vw;max-height:90vh;object-fit:contain}.section-label{font-size:.72rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);margin-bottom:.5rem}@media(min-width:640px){.content{max-width:600px;margin:0 auto}.lead-card{padding:1.25rem 1.5rem}}@media(min-width:960px){.content{max-width:700px}}.content--login{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:1rem}.login{width:100%;max-width:400px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:2rem 1.5rem}.login__logo{text-align:center;margin-bottom:2rem}.login__title{margin-top:1rem;font-size:1.25rem;font-weight:600}.login__form{display:flex;flex-direction:column;gap:1.25rem}.login__field{display:flex;flex-direction:column;gap:.5rem}.login__label{font-size:.8rem;color:var(--text-muted)}.login__input{padding:.85rem 1rem;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-family:var(--font);outline:none}.login__input:focus{border-color:var(--gold)}.settings__btn--danger{color:#f87171;background:#f871711a;border-color:#f8717133}