/* SIO — Base */

/* ── DARK MODE (default) ── */
:root{
  --bg:#0D1117;--surface:#161B22;--surface2:#1C2128;--surface3:#21262D;
  --border:rgba(255,255,255,0.08);--border2:rgba(255,255,255,0.15);
  --text:#E6EDF3;--text2:#8B949E;--text3:#484F58;
  --accent:#2563EB;--accent-dim:rgba(37,99,235,0.15);
  --accent-hover:#1D4ED8;
  --green:#16A34A;--green-dim:rgba(22,163,74,0.15);
  --blue:#2563EB;--blue-dim:rgba(37,99,235,0.15);
  --amber:#D97706;--amber-dim:rgba(217,119,6,0.15);
  --red:#DC2626;--red-dim:rgba(220,38,38,0.12);
  --purple:#7C3AED;--purple-dim:rgba(124,58,237,0.15);
  --r:8px;--r-lg:12px;--shadow:0 4px 24px rgba(0,0,0,0.4);
}

/* ── LIGHT MODE ── */
:root.light{
  --bg:#F3F4F6;--surface:#FFFFFF;--surface2:#F9FAFB;--surface3:#F3F4F6;
  --border:rgba(0,0,0,0.08);--border2:rgba(0,0,0,0.14);
  --text:#111827;--text2:#4B5563;--text3:#9CA3AF;
  --accent:#2563EB;--accent-dim:rgba(37,99,235,0.1);
  --accent-hover:#1D4ED8;
  --green:#16A34A;--green-dim:rgba(22,163,74,0.1);
  --blue:#2563EB;--blue-dim:rgba(37,99,235,0.1);
  --amber:#D97706;--amber-dim:rgba(217,119,6,0.1);
  --red:#DC2626;--red-dim:rgba(220,38,38,0.08);
  --purple:#7C3AED;--purple-dim:rgba(124,58,237,0.1);
  --shadow:0 2px 12px rgba(0,0,0,0.08);
}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Inter',sans-serif;background:var(--bg);color:var(--text);font-size:13.5px;min-height:100vh;line-height:1.5;overflow-x:hidden}
::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--surface3);border-radius:99px}
.nav-icon{width:18px;text-align:center;font-size:15px;flex-shrink:0;opacity:.8}
.content{padding:28px 32px;animation:fadeUp .3s ease both}
@keyframes fadeUp{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
.page{display:none}.page.active{display:block}
.stats-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-bottom:28px}
label{font-size:11.5px;font-weight:500;color:var(--text2)}
label .req{color:var(--red);margin-left:2px}
input:not([type="checkbox"]):not([type="radio"]),select,textarea{padding:9px 12px;border:1px solid var(--border);border-radius:8px;font-family:inherit;font-size:13px;color:var(--text);background:var(--surface2);outline:none;transition:border-color .15s,background .15s;appearance:none;-webkit-appearance:none}
select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238B92A8' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:32px}
input:not([type="checkbox"]):focus,select:focus{border-color:var(--accent);background:var(--surface3)}
input::placeholder{color:var(--text3)}
input[type="checkbox"]{width:16px;height:16px;cursor:pointer;flex-shrink:0;border-radius:4px;accent-color:var(--green)}
input[type="date"]{color-scheme:dark}
:root.light input[type="date"]{color-scheme:light}
.checkbox-row{display:flex;align-items:center;gap:9px;padding:2px 0}
.checkbox-row label{font-size:13px;color:var(--text);font-weight:400;margin:0;cursor:pointer}
.section-label{font-size:10.5px;font-weight:600;color:var(--text3);text-transform:uppercase;letter-spacing:.09em;padding-bottom:10px;margin-bottom:14px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:8px}
@keyframes slideDown{from{opacity:0;transform:translateY(-20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
.progress-track{background:var(--surface3);border-radius:99px;height:6px;overflow:hidden;margin-top:8px}
.progress-fill{height:100%;border-radius:99px;background:linear-gradient(90deg,var(--accent),var(--accent-hover));transition:width .6s cubic-bezier(.4,0,.2,1)}
.progress-fill.over{background:linear-gradient(90deg,var(--amber),#d97706)}
.divider{border:none;border-top:1px solid var(--border);margin:22px 0}
.empty-icon{font-size:36px;display:block;margin-bottom:12px;opacity:.4}
.fech-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:14px 0}
.fech-metric{display:flex;flex-direction:column;gap:3px}
.fech-metric-label{font-size:10.5px;color:var(--text3);font-weight:500;text-transform:uppercase;letter-spacing:.06em}
.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}
.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}
.mb-8{margin-bottom:8px}.mb-16{margin-bottom:16px}.mb-20{margin-bottom:20px}.mb-24{margin-bottom:24px}
.mt-8{margin-top:8px}.mt-16{margin-top:16px}
.text-right{text-align:right}.text-sm{font-size:12px}.text-xs{font-size:11px}
.fw-600{font-weight:600}.fw-700{font-weight:700}
/* ── MOBILE (≤600px) ── */


/* ── SMALL MOBILE (≤380px) ── */


@keyframes spin{to{transform:rotate(360deg)}}

@keyframes slideUp{from{transform:translateY(100%)}to{transform:translateY(0)}}



/* THEME TOGGLE */
.theme-toggle{display:flex;align-items:center;gap:6px;padding:5px 10px;border-radius:8px;border:1px solid var(--border);background:var(--surface2);cursor:pointer;font-size:12px;color:var(--text2);font-family:inherit;transition:all .15s}
.theme-toggle:hover{background:var(--surface3);color:var(--text)}
.theme-toggle-track{width:32px;height:18px;border-radius:99px;background:var(--surface3);border:1px solid var(--border2);position:relative;transition:background .2s;flex-shrink:0}
:root.light .theme-toggle-track{background:var(--accent)}
.theme-toggle-thumb{position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:var(--text2);transition:all .2s}
:root.light .theme-toggle-thumb{left:16px;background:#fff}

/* TRANSFER STATUS */
/* PAYMENT STATUS */
/* PAYMENT MODAL */
/* ── AUTH SCREEN ── */
.date-filter-bar{display:flex;align-items:center;gap:8px;padding:12px 24px;border-bottom:1px solid var(--border);background:var(--surface2);flex-wrap:wrap}
.date-filter-bar .sep{width:1px;height:20px;background:var(--border);flex-shrink:0;margin:0 2px}
.date-range-wrap{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.date-range-wrap label{font-size:11px;color:var(--text3);font-weight:500;white-space:nowrap}
.date-range-wrap input[type="date"]{padding:4px 8px;font-size:12px;border-radius:6px;background:var(--surface3);border:1px solid var(--border);color:var(--text);width:140px}
.date-range-wrap input[type="date"]:focus{border-color:var(--green)}
#date-range-apt,#date-range-casa,#date-range-loc{display:none;align-items:center;gap:6px}
#date-range-apt.show,#date-range-casa.show,#date-range-loc.show{display:flex}
.date-filter-label{font-size:11px;color:var(--text3);font-weight:600;text-transform:uppercase;letter-spacing:.07em;white-space:nowrap;margin-right:4px}

/* FINANCEIRO */