.app-shell[data-v-ee3ed0e6]{display:flex;min-height:100vh}.login-wrap[data-v-ee3ed0e6]{width:100%}.sidebar[data-v-ee3ed0e6]{flex:0 0 var(--sidebar-w);width:var(--sidebar-w);background:var(--card);border-right:1px solid var(--border);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;z-index:30}.sidebar-head[data-v-ee3ed0e6]{padding:22px 20px 18px;border-bottom:1px solid var(--border)}.logo[data-v-ee3ed0e6]{display:flex;align-items:center;gap:10px}.logo-mark[data-v-ee3ed0e6]{width:28px;height:28px;border-radius:7px;background:var(--primary);color:#fff;font-size:15px;font-weight:700;display:grid;place-items:center}.logo-text[data-v-ee3ed0e6]{font-size:1rem;font-weight:700;color:var(--text);letter-spacing:-.2px}.logo-sub[data-v-ee3ed0e6]{margin:6px 0 0 38px;font-size:.74rem;color:var(--text-muted);letter-spacing:.5px}.sidebar-nav[data-v-ee3ed0e6]{flex:1 1 auto;padding:12px 10px;overflow-y:auto}.nav-item[data-v-ee3ed0e6]{display:flex;align-items:center;gap:11px;padding:9px 12px;margin-bottom:2px;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.88rem;font-weight:500;cursor:pointer;transition:background .15s ease,color .15s ease}.nav-item[data-v-ee3ed0e6]:hover{background:var(--bg-soft);color:var(--text)}.nav-item.active[data-v-ee3ed0e6]{background:var(--primary-soft);color:var(--primary)}.nav-icon[data-v-ee3ed0e6]{width:18px;text-align:center;font-size:.92rem;opacity:.85}.sidebar-foot[data-v-ee3ed0e6]{padding:12px 14px 18px;border-top:1px solid var(--border)}.admin-card[data-v-ee3ed0e6]{display:flex;align-items:center;gap:10px;margin-bottom:10px}.admin-avatar[data-v-ee3ed0e6]{width:32px;height:32px;border-radius:50%;background:var(--primary-soft);color:var(--primary);font-size:.85rem;font-weight:700;display:grid;place-items:center;flex-shrink:0}.admin-meta[data-v-ee3ed0e6]{min-width:0}.admin-name[data-v-ee3ed0e6]{font-size:.85rem;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-role[data-v-ee3ed0e6]{font-size:.74rem}.logout-btn[data-v-ee3ed0e6]{width:100%;padding:7px 12px;border:1px solid var(--border);background:var(--card);color:var(--text-secondary);font-size:.82rem;border-radius:var(--radius-sm);cursor:pointer;transition:background .15s ease,color .15s ease}.logout-btn[data-v-ee3ed0e6]:hover{background:var(--expense-soft);color:var(--expense);border-color:var(--expense-soft)}.main[data-v-ee3ed0e6]{flex:1 1 auto;min-width:0;display:flex;flex-direction:column}.content[data-v-ee3ed0e6]{flex:1;padding:28px 32px 40px;max-width:1280px;width:100%}.mobile-header[data-v-ee3ed0e6]{display:none;align-items:center;gap:12px;padding:12px 16px;background:var(--card);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:20}.menu-btn[data-v-ee3ed0e6]{border:1px solid var(--border);background:var(--card);width:36px;height:36px;border-radius:var(--radius-sm);cursor:pointer;font-size:1rem;color:var(--text)}.mobile-title[data-v-ee3ed0e6]{font-size:.95rem;font-weight:600}.sidebar-mask[data-v-ee3ed0e6]{display:none;position:fixed;inset:0;background:#0f172a73;z-index:25}@media(max-width:900px){.sidebar[data-v-ee3ed0e6]{position:fixed;left:0;top:0;transform:translate(-100%);transition:transform .22s ease;box-shadow:var(--shadow-md)}.sidebar.open[data-v-ee3ed0e6]{transform:translate(0)}.sidebar-mask[data-v-ee3ed0e6]{display:block}.mobile-header[data-v-ee3ed0e6]{display:flex}.content[data-v-ee3ed0e6]{padding:20px 16px 32px}}:root{--primary: #4F46E5;--primary-soft: #EEF2FF;--text: #1E293B;--text-secondary: #475569;--text-muted: #94A3B8;--card: #FFFFFF;--bg: #F8FAFC;--bg-soft: #F1F5F9;--bg-hover: #F1F5F9;--border: #E2E8F0;--border-strong: #CBD5E1;--income: #10B981;--income-soft: #ECFDF5;--expense: #EF4444;--expense-soft: #FEF2F2;--warning: #F59E0B;--warning-soft: #FFFBEB;--radius: 8px;--radius-sm: 6px;--radius-lg: 12px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--sidebar-w: 232px}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,PingFang SC,Microsoft YaHei,sans-serif;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{min-height:100vh}button,input{font-family:inherit}a{color:inherit;text-decoration:none}ul{list-style:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;border:1px solid var(--border-strong);background:var(--card);color:var(--text-secondary);font-size:.88rem;font-weight:500;border-radius:var(--radius-sm);cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease;white-space:nowrap}.btn:hover:not(:disabled){background:var(--bg-hover);color:var(--text)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{border-color:var(--primary);background:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background:#4338ca;color:#fff}.btn-ghost{border-color:transparent;background:transparent}.panel{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-xs)}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 20px;border-bottom:1px solid var(--border)}.panel-title h3{font-size:.95rem;font-weight:600;color:var(--text)}.panel-title .meta{font-size:.82rem;color:var(--text-muted)}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.88rem}thead th{text-align:left;padding:11px 16px;font-size:.78rem;font-weight:600;color:var(--text-muted);background:var(--bg-soft);border-bottom:1px solid var(--border);white-space:nowrap;text-transform:uppercase;letter-spacing:.3px}tbody td{padding:11px 16px;color:var(--text);border-bottom:1px solid var(--border);vertical-align:middle}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:var(--bg-soft)}.table-empty{text-align:center;color:var(--text-muted);padding:36px 12px;font-size:.9rem}.amount-cell{font-variant-numeric:tabular-nums;font-weight:600}.muted{color:var(--text-muted)}.pill{display:inline-flex;align-items:center;padding:2px 10px;border-radius:999px;font-size:.75rem;font-weight:500;line-height:1.6;white-space:nowrap}.pill-admin{color:var(--primary);background:var(--primary-soft)}.pill-active{color:var(--income);background:var(--income-soft)}.pill-disabled,.pill-muted{color:var(--text-muted);background:var(--bg-soft)}.pill-tenant-type{color:var(--text-secondary);background:var(--bg-soft)}.pill-plan-free{color:var(--text-muted);background:var(--bg-soft)}.pill-plan-family{color:var(--primary);background:var(--primary-soft)}.pill-plan-pro{color:var(--income);background:var(--income-soft)}.pill-order-pending{color:var(--warning);background:var(--warning-soft)}.pill-order-paid{color:var(--income);background:var(--income-soft)}.pill-order-cancelled{color:var(--text-muted);background:var(--bg-soft)}.pill-order-refunded,.pill-role-superadmin{color:var(--expense);background:var(--expense-soft)}.pill-role-admin{color:var(--primary);background:var(--primary-soft)}.pill-role-staff{color:var(--text-secondary);background:var(--bg-soft)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}::-webkit-scrollbar-track{background:transparent}