:root{--bg: #f4f6fb;--surface: #ffffff;--input-bg: #ffffff;--hover: #f1f5f9;--border: #e2e8f0;--text: #1e293b;--muted: #64748b;--primary: #0b5cad;--primary-hover: #094a8c;--danger: #dc2626;--success: #16a34a;--warn: #d97706;--radius: 10px;--shadow: 0 1px 3px rgba(15, 23, 42, .08), 0 1px 2px rgba(15, 23, 42, .04);--badge-synced-bg: #dcfce7;--badge-synced-fg: #16a34a;--badge-pending-bg: #fef3c7;--badge-pending-fg: #b45309;--badge-syncing-bg: #dbeafe;--badge-syncing-fg: #1d4ed8;--badge-failed-bg: #fee2e2;--badge-failed-fg: #dc2626;--alert-error-bg: #fee2e2;--alert-error-fg: #991b1b;--alert-success-bg: #dcfce7;--alert-success-fg: #14532d;--alert-info-bg: #dbeafe;--alert-info-fg: #1e3a8a;--tag-bg: #eef2ff;--tag-fg: #3730a3;color-scheme:light}:root[data-theme=dark]{--bg: #0b1120;--surface: #161f32;--input-bg: #0f172a;--hover: #1e293b;--border: #2b374d;--text: #e5ebf5;--muted: #94a3b8;--primary: #4f9fe6;--primary-hover: #6cb2ee;--danger: #f87171;--success: #4ade80;--warn: #fbbf24;--shadow: 0 1px 3px rgba(0, 0, 0, .5), 0 1px 2px rgba(0, 0, 0, .4);--badge-synced-bg: rgba(34, 197, 94, .16);--badge-synced-fg: #4ade80;--badge-pending-bg: rgba(234, 179, 8, .16);--badge-pending-fg: #fbbf24;--badge-syncing-bg: rgba(59, 130, 246, .18);--badge-syncing-fg: #60a5fa;--badge-failed-bg: rgba(239, 68, 68, .18);--badge-failed-fg: #fca5a5;--alert-error-bg: rgba(239, 68, 68, .14);--alert-error-fg: #fca5a5;--alert-success-bg: rgba(34, 197, 94, .14);--alert-success-fg: #86efac;--alert-info-bg: rgba(59, 130, 246, .14);--alert-info-fg: #93c5fd;--tag-bg: rgba(99, 102, 241, .2);--tag-fg: #c7d2fe;color-scheme:dark}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg: #0b1120;--surface: #161f32;--input-bg: #0f172a;--hover: #1e293b;--border: #2b374d;--text: #e5ebf5;--muted: #94a3b8;--primary: #4f9fe6;--primary-hover: #6cb2ee;--danger: #f87171;--success: #4ade80;--warn: #fbbf24;--shadow: 0 1px 3px rgba(0, 0, 0, .5), 0 1px 2px rgba(0, 0, 0, .4);--badge-synced-bg: rgba(34, 197, 94, .16);--badge-synced-fg: #4ade80;--badge-pending-bg: rgba(234, 179, 8, .16);--badge-pending-fg: #fbbf24;--badge-syncing-bg: rgba(59, 130, 246, .18);--badge-syncing-fg: #60a5fa;--badge-failed-bg: rgba(239, 68, 68, .18);--badge-failed-fg: #fca5a5;--alert-error-bg: rgba(239, 68, 68, .14);--alert-error-fg: #fca5a5;--alert-success-bg: rgba(34, 197, 94, .14);--alert-success-fg: #86efac;--alert-info-bg: rgba(59, 130, 246, .14);--alert-info-fg: #93c5fd;--tag-bg: rgba(99, 102, 241, .2);--tag-fg: #c7d2fe;color-scheme:dark}}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--text);font-size:15px;line-height:1.5}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}.app-nav{display:flex;align-items:center;gap:20px;padding:0 24px;height:58px;background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10}.app-nav .brand{font-weight:700;font-size:19px;color:var(--primary)}.app-nav .brand span{color:var(--text)}.app-nav .links{display:flex;gap:16px;align-items:center}.app-nav .spacer{flex:1}.app-nav .user{color:var(--muted);font-size:14px}.container{max-width:1040px;margin:0 auto;padding:28px 24px}.container.narrow{max-width:560px}h1{font-size:24px;margin:0 0 4px}h2{font-size:18px;margin:24px 0 12px}.subtitle{color:var(--muted);margin:0 0 24px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}.grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.tile{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px;cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .05s;box-shadow:var(--shadow)}.tile:hover{border-color:var(--primary);box-shadow:0 4px 12px #0b5cad1f}.tile:active{transform:translateY(1px)}.tile h3{margin:0 0 6px;font-size:16px}.tile p{margin:0;color:var(--muted);font-size:14px}.tile .count{color:var(--primary);font-size:13px;font-weight:600;margin-top:10px}label{display:block;font-weight:600;font-size:14px;margin-bottom:6px}.field{margin-bottom:18px}.field .help{color:var(--muted);font-size:13px;margin-top:4px;font-weight:400}.req{color:var(--danger)}input[type=text],input[type=email],input[type=password],input[type=number],input[type=date],select,textarea{width:100%;padding:9px 11px;border:1px solid var(--border);border-radius:8px;font-size:14px;font-family:inherit;background:var(--input-bg);color:var(--text)}textarea{min-height:110px;resize:vertical}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #0b5cad1f}.btn{display:inline-flex;align-items:center;gap:6px;padding:9px 16px;border:1px solid transparent;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;background:var(--primary);color:#fff}.btn:hover{background:var(--primary-hover)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn.secondary{background:var(--surface);color:var(--text);border-color:var(--border)}.btn.secondary:hover{background:var(--hover)}.btn.danger{background:var(--danger)}.btn.small{padding:5px 10px;font-size:13px}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.between{justify-content:space-between}table{width:100%;border-collapse:collapse;background:var(--surface)}th,td{text-align:left;padding:11px 14px;border-bottom:1px solid var(--border);font-size:14px}th{color:var(--muted);font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:.03em}tbody tr:hover{background:var(--hover)}.badge{display:inline-block;padding:2px 9px;border-radius:999px;font-size:12px;font-weight:600}.badge.synced{background:var(--badge-synced-bg);color:var(--badge-synced-fg)}.badge.pending{background:var(--badge-pending-bg);color:var(--badge-pending-fg)}.badge.syncing{background:var(--badge-syncing-bg);color:var(--badge-syncing-fg)}.badge.failed{background:var(--badge-failed-bg);color:var(--badge-failed-fg)}.alert{padding:11px 14px;border-radius:8px;margin-bottom:16px;font-size:14px}.alert.error{background:var(--alert-error-bg);color:var(--alert-error-fg)}.alert.success{background:var(--alert-success-bg);color:var(--alert-success-fg)}.alert.info{background:var(--alert-info-bg);color:var(--alert-info-fg)}.center-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.muted{color:var(--muted)}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.divider{border:none;border-top:1px solid var(--border);margin:20px 0}.tag{display:inline-block;background:var(--tag-bg);color:var(--tag-fg);border-radius:6px;padding:2px 8px;font-size:12px;margin:2px}.empty{text-align:center;color:var(--muted);padding:40px}.breadcrumb{color:var(--muted);font-size:14px;margin-bottom:12px}