:root{--bg:#fef6ec;--surface:#f5e9d6;--surface-nested:#fef6ec;--border:#e7d9c0;--border-strong:#d6c9b1;--text:#1c1917;--text-muted:#78716c;--text-subtle:#a8a29e;--accent:#ea580c;--accent-hover:#c2410c;--accent-soft:#ea580c1f;--success:#15803d;--success-soft:#15803d1f;--warning:#d97706;--warning-soft:#d977061f;--danger:#b91c1c;--danger-soft:#b91c1c14;--whatsapp:#16a34a;--tel:#1d4ed8;--sms:#15803d;--surface2:#fef6ec;--surface3:#f5e9d6;--red:#b91c1c;--blue:#1d4ed8;--green:#15803d;--amber:#d97706;--purple:#a855f7;--font-display:"Syne", sans-serif;--font-body:"DM Sans", -apple-system, sans-serif;--text-xs:11px;--text-sm:12px;--text-base:13px;--text-md:14px;--text-lg:16px;--text-xl:18px;--text-2xl:22px;--text-3xl:28px;--sp-1:4px;--sp-2:6px;--sp-3:8px;--sp-4:10px;--sp-5:12px;--sp-6:14px;--sp-7:16px;--sp-8:20px;--sp-9:24px;--radius-sm:8px;--radius:12px;--radius-lg:14px;--radius-pill:9999px;--shadow-sm:0 1px 2px #1c19170a;--shadow:0 4px 12px #1c19170f;--shadow-md:0 8px 24px #1c191714;--ease:cubic-bezier(.4, 0, .2, 1);--duration-fast:.15s;--duration:.2s;--duration-slow:.28s;--sidebar-w:220px;--bottom-nav-h:64px}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif}input,select,textarea,button{font-family:inherit;font-size:16px}h1,h2,h3,h4{font-family:Syne,sans-serif}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--surface3);border-radius:3px}@media (width>=769px){.main-content{margin-left:var(--sidebar-w)!important}.bottom-nav{display:none!important}}@media (width<=768px){.sidebar{display:none!important}.main-content{padding-bottom:calc(var(--bottom-nav-h) + env(safe-area-inset-bottom,0px) + 16px)!important}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.form-label{color:var(--text-muted);margin-bottom:6px;font-size:13px;font-weight:500;display:block}.form-group{margin-bottom:16px}.fab{bottom:calc(var(--bottom-nav-h) + env(safe-area-inset-bottom,0px) + 16px);background:var(--accent);color:#fff;cursor:pointer;z-index:50;border:none;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;display:flex;position:fixed;right:20px;box-shadow:0 4px 16px #ea580c4d}@media (width>=769px){.fab{bottom:24px}}.fab-refresh{bottom:calc(var(--bottom-nav-h) + env(safe-area-inset-bottom,0px) + 16px + 56px + 12px);right:calc(20px + env(safe-area-inset-right,0px) + 6px);background:var(--surface);width:44px;height:44px;color:var(--text-muted);border:1px solid var(--border);box-shadow:var(--shadow-md);cursor:pointer;z-index:50;border-radius:50%;justify-content:center;align-items:center;font-family:inherit;font-size:22px;font-weight:700;line-height:1;display:flex;position:fixed}@media (width>=769px){.fab-refresh{bottom:92px;right:30px}}.scroll-top-btn{bottom:calc(var(--bottom-nav-h) + env(safe-area-inset-bottom,0px) + 16px);left:calc(20px + env(safe-area-inset-left,0px));background:var(--surface);width:44px;height:44px;color:var(--text);border:1px solid var(--border);box-shadow:var(--shadow-md);cursor:pointer;z-index:50;border-radius:50%;justify-content:center;align-items:center;font-family:inherit;font-size:22px;font-weight:700;line-height:1;animation:.2s fadeIn;display:flex;position:fixed}@media (width>=769px){.scroll-top-btn{bottom:24px;left:24px}}.status-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.btn{justify-content:center;align-items:center;gap:var(--sp-3);padding:var(--sp-4) var(--sp-7);border-radius:var(--radius);font-family:inherit;font-size:var(--text-base);cursor:pointer;min-height:44px;transition:background var(--duration-fast) var(--ease), border-color var(--duration-fast) var(--ease), transform var(--duration-fast) var(--ease);border:1px solid #0000;font-weight:600;display:inline-flex}.btn:active{transform:scale(.97)}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary{background:var(--surface);color:var(--text);border-color:var(--border)}.btn-secondary:hover{background:var(--surface-nested)}.btn-ghost{color:var(--text-muted);background:0 0}.btn-ghost:hover{background:var(--surface)}.btn-danger{background:var(--danger);color:#fff}.btn-sm{padding:var(--sp-3) var(--sp-5);font-size:var(--text-sm);min-height:36px}.icon-btn{background:var(--surface-nested);border:1px solid var(--border);border-radius:var(--radius);width:36px;height:36px;color:var(--text-muted);cursor:pointer;transition:background var(--duration-fast) var(--ease), color var(--duration-fast) var(--ease);justify-content:center;align-items:center;display:flex}.icon-btn:hover{background:var(--surface)}.icon-btn.danger{color:var(--danger)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--sp-5) var(--sp-6)}.card-nested{background:var(--surface-nested);border:1px solid var(--border);border-radius:var(--radius);padding:var(--sp-4) var(--sp-5)}.form-input{width:100%;padding:var(--sp-5) var(--sp-7);background:var(--surface-nested);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:var(--text-lg);transition:border-color var(--duration-fast) var(--ease);outline:none;font-family:inherit}.form-input:focus{border-color:var(--accent)}.form-input::placeholder{color:var(--text-subtle)}.s-pill{padding:var(--sp-2) var(--sp-4);border-radius:var(--radius-pill);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.5px;border:1px solid var(--border-strong);color:var(--text-muted);cursor:pointer;touch-action:manipulation;transition:all var(--duration-fast) var(--ease);background:0 0;font-family:inherit;font-weight:700;position:relative}.s-pill:before{content:"";position:absolute;inset:-10px}.s-pill.active-contact{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.s-pill.active-pending{background:var(--warning);border-color:var(--warning);color:#fff}.s-pill.active-done{background:var(--success);border-color:var(--success);color:#fff}.s-pill.active-relancer{background:var(--danger);border-color:var(--danger);color:#fff}.s-pill.active-sav{color:#fff;background:#a855f7;border-color:#a855f7}.pay-badge{padding:var(--sp-2) var(--sp-4);border-radius:var(--radius-pill);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.5px;cursor:pointer;border:1px solid var(--border-strong);color:var(--text-muted);background:0 0;font-family:inherit;font-weight:700}.pay-badge.paid{background:var(--success);border-color:var(--success);color:#fff}.pay-badge.unpaid{background:var(--surface-nested);color:var(--warning);border-color:var(--warning)}.filter-pill{border:1px solid var(--border);border-radius:var(--radius-pill);padding:var(--sp-3) var(--sp-5);font-size:var(--text-sm);color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;min-height:36px;font-family:inherit;font-weight:600}.filter-pill.active{background:var(--accent);border-color:var(--accent);color:#fff}.filter-label{font-size:var(--text-xs);text-transform:uppercase;color:var(--text-muted);letter-spacing:1px;margin-bottom:var(--sp-2);font-weight:700;display:block}.contact-strip{gap:var(--sp-2);margin-bottom:var(--sp-4);grid-template-columns:1fr 1fr 1fr;display:grid}.contact-btn{background:var(--surface-nested);border:1px solid var(--border);border-radius:var(--radius);padding:var(--sp-4) var(--sp-3);font-size:var(--text-sm);justify-content:center;align-items:center;gap:var(--sp-2);min-height:44px;font-family:inherit;font-weight:600;text-decoration:none;display:flex}.contact-btn--tel{color:var(--tel)}.contact-btn--sms{color:var(--sms)}.contact-btn--wa{color:var(--whatsapp)}.note-strip{background:var(--surface-nested);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--radius-sm);padding:var(--sp-4) var(--sp-5);font-size:var(--text-base);color:var(--text);justify-content:space-between;align-items:flex-start;gap:var(--sp-3);cursor:pointer;margin-top:var(--sp-3);font-style:italic;display:flex}.note-strip__time{font-size:var(--text-xs);color:var(--text-muted);white-space:nowrap;font-style:normal;font-weight:600}.note-empty{border:1px dashed var(--border-strong);border-radius:var(--radius-sm);padding:var(--sp-4) var(--sp-5);font-size:var(--text-sm);color:var(--text-subtle);text-align:center;cursor:pointer;min-height:44px;margin-top:var(--sp-3);background:0 0;justify-content:center;align-items:center;width:100%;font-family:inherit;font-weight:500;display:flex}.page-title{font-family:var(--font-display);font-size:var(--text-2xl);letter-spacing:-.5px;color:var(--text);margin-bottom:var(--sp-5);font-weight:800}.page-title__count{color:var(--text-muted);font-size:var(--text-md);font-weight:500}