*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--tc: #D85A30;--tc-light: #FAECE7;--tc-mid: #F0997B;--tc-dark: #993C1D;--paid: #3B6D11;--paid-bg: #EAF3DE;--partial: #854F0B;--partial-bg: #FAEEDA;--disputed: #A32D2D;--disputed-bg:#FCEBEB;--nocontact: #5F5E5A;--nocontact-bg:#F1EFE8;--ink: #2C2C2A;--ink-2: #5F5E5A;--ink-3: #888780;--border: rgba(44,44,42,.12);--border-md: rgba(44,44,42,.22);--surface: #ffffff;--surface-2: #F8F7F4;--surface-3: #F1EFE8;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--font: "Inter", system-ui, sans-serif;--mono: "DM Mono", monospace;--topbar-h: 56px;--tabbar-h: 58px}html,body,#root{height:100%}body{font-family:var(--font);font-size:15px;color:var(--ink);background:var(--surface-2);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}button{font-family:var(--font);cursor:pointer;border:none;background:none}input,select,textarea{font-family:var(--font);font-size:15px;outline:none}a{text-decoration:none;color:inherit}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:12px 18px;border-radius:var(--radius-md);font-size:15px;font-weight:500;cursor:pointer;border:1px solid var(--border-md);background:var(--surface);color:var(--ink);transition:background .12s,border-color .12s;min-height:44px}.btn:hover{background:var(--surface-2)}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn-primary{background:var(--tc);color:#fff;border-color:var(--tc)}.btn-primary:hover{background:var(--tc-dark);border-color:var(--tc-dark)}.btn-block{width:100%}.btn-ghost{border-color:transparent}.btn-ghost:hover{background:var(--surface-3)}.btn-sm{padding:8px 12px;font-size:13px;min-height:36px}.btn-lg{padding:16px 20px;font-size:16px;min-height:52px}.btn-danger{border-color:var(--disputed);color:var(--disputed)}.btn-danger:hover{background:var(--disputed-bg)}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:500;white-space:nowrap}.badge-paid{background:var(--paid-bg);color:var(--paid)}.badge-partial{background:var(--partial-bg);color:var(--partial)}.badge-disputed{background:var(--disputed-bg);color:var(--disputed)}.badge-nocontact{background:var(--nocontact-bg);color:var(--nocontact)}.badge-owner{background:var(--tc-light);color:var(--tc-dark)}.badge-visitor{background:#e6eef9;color:#1d4e89}.badge-guest{background:var(--surface-3);color:var(--ink-2)}.badge-employee{background:var(--paid-bg);color:var(--paid)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px}.input{width:100%;padding:12px 14px;border:1px solid var(--border-md);border-radius:var(--radius-md);background:var(--surface);font-size:15px;color:var(--ink);transition:border-color .12s;min-height:44px}.input:focus{border-color:var(--tc)}.input::placeholder{color:var(--ink-3)}textarea.input{min-height:80px;padding-top:10px;resize:vertical}.label{font-size:12px;color:var(--ink-2);font-weight:500;letter-spacing:.03em;margin-bottom:6px;display:block}.divider{height:1px;background:var(--border);margin:14px 0}.mono{font-family:var(--mono);font-size:13px}.spin{width:20px;height:20px;border:2px solid var(--border-md);border-top-color:var(--tc);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{padding:48px 24px;text-align:center;color:var(--ink-3)}.empty-state p{margin-top:8px;font-size:14px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.avatar{width:48px;height:48px;border-radius:50%;background:var(--tc-light);color:var(--tc-dark);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px;flex-shrink:0;object-fit:cover;border:1px solid var(--border)}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-md);border-radius:3px}