:root{--color-action: #ee2c47;--color-action-dim: #f8d9de;--color-text: #1b1c22;--color-text-muted: #6b6d7a;--color-bg: #f7f7f9;--color-surface: #ffffff;--color-border: #e7e7ec;--color-positive: #1c8a4b;--color-negative: #ee2c47;--radius-control: 999px;--radius-field: 10px;--radius-card: 14px;--font-family: "Peyda", "Vazirmatn", Tahoma, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-family);background:var(--color-bg);color:var(--color-text);direction:rtl}.app-shell{min-height:100vh;display:flex;flex-direction:column}.topbar{background:var(--color-surface);border-bottom:1px solid var(--color-border);padding:14px 20px;display:flex;align-items:center;justify-content:space-between}.brand{font-weight:700;font-size:18px;color:var(--color-text)}.brand-mark{color:var(--color-action)}.container{max-width:980px;margin:0 auto;width:100%;padding:20px 16px 60px;flex:1}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px}.login-card{background:var(--color-surface);border-radius:var(--radius-card);border:1px solid var(--color-border);padding:32px 28px;width:100%;max-width:380px;box-shadow:0 10px 30px #14141e0f;text-align:center}.login-title{font-size:20px;font-weight:700;margin-bottom:6px}.login-sub{color:var(--color-text-muted);font-size:13px;margin-bottom:24px}.field{width:100%;border:1px solid var(--color-border);border-radius:var(--radius-field);padding:12px 14px;font-size:15px;font-family:inherit;outline:none;margin-bottom:14px;text-align:center;letter-spacing:1px;direction:ltr}.field:focus{border-color:var(--color-action)}.btn{width:100%;border:none;border-radius:var(--radius-control);padding:12px 18px;font-size:15px;font-weight:700;font-family:inherit;cursor:pointer;background:var(--color-action);color:#fff;transition:opacity .15s ease}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-link{background:none;color:var(--color-action);font-weight:600;font-size:13px;margin-top:10px}.error-text{color:var(--color-negative);font-size:13px;margin-bottom:10px}.badge{display:inline-block;padding:3px 12px;border-radius:var(--radius-control);font-size:12px;font-weight:600;background:var(--color-action-dim);color:var(--color-action)}.tabs{display:flex;gap:6px;overflow-x:auto;padding-bottom:10px;margin-bottom:18px;border-bottom:1px solid var(--color-border)}.tab{white-space:nowrap;padding:8px 16px;border-radius:var(--radius-control);font-size:13px;font-weight:600;color:var(--color-text-muted);background:transparent;border:none;cursor:pointer;font-family:inherit}.tab.active{background:var(--color-action);color:#fff}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:18px;margin-bottom:14px}.card-title{font-size:14px;font-weight:700;margin-bottom:12px;color:var(--color-text-muted)}.stat-row{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.stat{flex:1;min-width:140px}.stat-label{font-size:12px;color:var(--color-text-muted);margin-bottom:4px}.stat-value{font-size:20px;font-weight:700}.stat-value.positive{color:var(--color-positive)}.stat-value.negative{color:var(--color-negative)}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:right;padding:10px 8px;border-bottom:1px solid var(--color-border)}th{color:var(--color-text-muted);font-weight:600;font-size:12px}.empty-state{text-align:center;color:var(--color-text-muted);font-size:13px;padding:30px 0}.logout-link{font-size:13px;color:var(--color-text-muted);background:none;border:none;cursor:pointer;font-family:inherit}.sync-note{font-size:11px;color:var(--color-text-muted);text-align:center;margin-top:20px}