@import "https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600;700;800&family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600;700&display=swap";:root{--bg:#f7f5f0;--bg-2:#fff;--bg-3:#efece3;--border:#e3ddcd;--border-2:#cec59f;--text:#1a1712;--text-2:#6b6355;--text-3:#a39c8a;--accent:#a3781f;--accent-dim:#a3781f1f;--accent-2:#c9a548;--accent-strong:#a3781f4d;--green:#1f7a4d;--green-dim:#1f7a4d1f;--red:#b3261e;--red-dim:#b3261e1f;--blue:#2f4b7c;--blue-dim:#2f4b7c1f;--amber:#a3781f;--amber-dim:#a3781f24;--on-accent:#fffaf0;--sb-bg:#0d0d0f;--sb-bg-2:#16161a;--sb-border:#26262b;--sb-text:#8c8a83;--sb-text-active:#f3ede0;--radius:10px;--radius-sm:7px;--sidebar-w:212px;--bottom-nav-h:62px;--font:"Inter", "Segoe UI", sans-serif;--font-display:"Playfair Display", Georgia, serif;--mono:"JetBrains Mono", "Consolas", monospace;--shadow:0 14px 32px #1a17121a;--shadow-sm:0 2px 10px #1a17120f}:root[data-theme=dark]{--bg:#0a0a0c;--bg-2:#141417;--bg-3:#1c1c20;--border:#2b2b31;--border-2:#3c3c44;--text:#f5f2ea;--text-2:#a9a297;--text-3:#6d6862;--accent:#d4af37;--accent-dim:#d4af3729;--accent-2:#e8c766;--green:#4caf7d;--green-dim:#4caf7d29;--red:#e0574f;--red-dim:#e0574f29;--blue:#869fd6;--blue-dim:#869fd629;--amber:#d4af37;--amber-dim:#d4af3729;--on-accent:#1a1712;--sb-bg:#000;--sb-bg-2:#0c0c0e;--sb-border:#1c1c1f;--sb-text:#767269;--sb-text-active:#f3ede0;--shadow:0 16px 36px #0000008c;--shadow-sm:0 3px 12px #0006}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100%}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-tap-highlight-color:transparent;font-size:14px;line-height:1.5}button{font-family:var(--font);cursor:pointer;color:inherit;background:0 0;border:none;outline:none}input,select{font-family:var(--font)}a{color:inherit}.app-shell{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-w);background:var(--sb-bg);border-right:1px solid var(--sb-border);flex-direction:column;flex-shrink:0;height:100vh;padding:22px 14px;display:flex;position:sticky;top:0}.sidebar .brand{color:var(--sb-text-active);font-family:var(--font-display);letter-spacing:.01em;padding:0 8px 22px;font-size:19px;font-weight:700}.sidebar .brand span{color:var(--accent-2)}.sidebar nav{flex-direction:column;flex:1;gap:3px;display:flex}.sidebar .nav-btn{border-radius:var(--radius-sm);color:var(--sb-text);text-align:left;align-items:center;gap:10px;padding:10px 12px;font-size:13px;font-weight:600;transition:background .15s,color .15s;display:flex}.sidebar .nav-btn.active{background:var(--accent-dim);color:var(--sb-text-active)}.sidebar .nav-btn:hover:not(.active){background:#ffffff0d}.sidebar .logout-btn{color:var(--sb-text);text-align:left;padding:10px 12px;font-size:12px}.main-content{min-width:0;padding:26px 30px 40px;padding-bottom:calc(40px + var(--bottom-nav-h));flex:1}.bottom-nav,.mobile-only{display:none}@media (width<=860px){.sidebar,.desktop-only{display:none}.mobile-only{display:block}.main-content{padding:16px 14px calc(var(--bottom-nav-h) + 24px)}.bottom-nav{height:var(--bottom-nav-h);background:var(--sb-bg);border-top:1px solid var(--sb-border);z-index:20;padding-bottom:env(safe-area-inset-bottom);display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 24px #00000026}.bottom-nav button{color:var(--sb-text);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;font-size:10px;font-weight:700;display:flex}.bottom-nav button.active{color:var(--sb-text-active)}.bottom-nav button .dot{background:var(--accent-2);opacity:0;border-radius:50%;width:4px;height:4px}.bottom-nav button.active .dot{opacity:1}}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:22px;display:flex}.page-header h1{font-family:var(--font-display);letter-spacing:.005em;font-size:24px;font-weight:700}.page-header .sub{color:var(--text-2);margin-top:3px;font-size:12px}.card{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:16px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:18px;display:grid}.stat-card{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:16px 18px;transition:transform .15s,box-shadow .15s}.stat-card.clickable{cursor:pointer}.stat-card.clickable:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.stat-card.clickable:active{transform:translateY(0)}.stat-card .label{color:var(--text-2);text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:700}.stat-card .value{font-size:24px;font-weight:800;font-family:var(--mono);letter-spacing:-.01em;margin-top:8px}.stat-card .delta{margin-top:6px;font-size:11px;font-weight:600}.stat-card .delta.up{color:var(--green)}.stat-card .delta.down{color:var(--red)}.table-wrap{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:560px;font-size:13px}th{text-align:left;color:var(--text-2);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border);white-space:nowrap;padding:12px 14px;font-size:11px;font-weight:700}td{border-bottom:1px solid var(--border);vertical-align:middle;padding:12px 14px}tr:last-child td{border-bottom:none}tr.row-clickable{cursor:pointer}tr.row-clickable:hover{background:var(--bg-3)}.badge{border-radius:999px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-block}.badge-green{background:var(--green-dim);color:var(--green)}.badge-red{background:var(--red-dim);color:var(--red)}.badge-blue{background:var(--blue-dim);color:var(--blue)}.badge-gold{background:var(--amber-dim);color:var(--amber)}.badge-gray{background:var(--bg-3);color:var(--text-2)}.empty-state{text-align:center;color:var(--text-3);padding:36px 16px;font-size:13px}.loading-state{text-align:center;color:var(--text-2);padding:36px 16px;font-size:13px}.error-banner{background:var(--red-dim);color:var(--red);border-radius:var(--radius-sm);margin-bottom:16px;padding:11px 16px;font-size:13px;font-weight:600}.search-input,.select-input{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);padding:9px 14px;font-size:13px}.search-input:focus,.select-input:focus{border-color:var(--accent)}.tabs{flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex}.tabs button{color:var(--text-2);background:var(--bg-2);border:1px solid var(--border);border-radius:999px;padding:8px 16px;font-size:12px;font-weight:700;transition:all .15s}.tabs button.active{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.auth-screen{background:radial-gradient(circle at 50% -10%, var(--accent-dim), transparent 60%);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.auth-card{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:380px;box-shadow:var(--shadow);padding:32px 28px}.auth-card h1{font-family:var(--font-display);margin-bottom:4px;font-size:24px;font-weight:700}.auth-card p.sub{color:var(--text-2);margin-bottom:22px;font-size:12px}.field{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.field label{color:var(--text-2);font-size:12px;font-weight:700}.field input{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);color:var(--text);padding:11px 14px;font-size:14px}.field input:focus{border-color:var(--accent)}.btn-primary{border-radius:var(--radius-sm);background:var(--accent);width:100%;color:var(--on-accent);box-shadow:0 6px 16px var(--accent-strong);margin-top:6px;padding:12px;font-size:14px;font-weight:700}.btn-primary:disabled{opacity:.6;box-shadow:none}.rentals-tools-cell,.notes-cell{white-space:normal;max-width:220px}.overdue-row td{color:var(--red)}.money{font-family:var(--mono)}.record-list.mobile-only{flex-direction:column;gap:10px;display:flex}.record-card{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:14px 16px}.record-card.danger{border-left:3px solid var(--red)}.record-card.clickable{cursor:pointer;transition:transform .15s}.record-card.clickable:active{transform:scale(.98)}.record-card-head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.record-card-title{font-size:14px;font-weight:700}.record-card-subtitle{color:var(--text-2);margin-top:3px;font-size:12px}.record-card-right{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:5px;display:flex}.record-card-amount{font-family:var(--mono);white-space:nowrap;color:var(--accent);font-size:13px;font-weight:700}.record-card-rows{border-top:1px dashed var(--border);flex-direction:column;gap:5px;margin-top:10px;padding-top:10px;display:flex}.record-card-row{justify-content:space-between;gap:10px;font-size:12px;display:flex}.record-card-row .k{color:var(--text-2)}.record-card-row .v{text-align:right;font-weight:600}.customer-photo{border-radius:var(--radius-sm);object-fit:cover;border:1px solid var(--border);cursor:pointer;flex-shrink:0;width:64px;height:64px}.image-skeleton{background:var(--bg-3);border-radius:var(--radius-sm)}.detail-grid{flex-direction:column;gap:6px;display:flex}.detail-block{border-top:1px dashed var(--border);margin-top:14px;padding-top:14px}.detail-block .record-card-row{margin-bottom:4px}.detail-block-title{text-transform:uppercase;letter-spacing:.04em;color:var(--text-2);margin-bottom:8px;font-size:11px;font-weight:700}.id-proof-photo{border-radius:var(--radius-sm);object-fit:cover;border:1px solid var(--border);cursor:pointer;width:100%;max-width:260px;margin-top:10px;display:block}.lightbox{z-index:60;background:#000000d9;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.lightbox-image{border-radius:var(--radius-sm);max-width:100%;max-height:100%}