:root,[data-theme=light]{--font-scale: 1;--bg: #f0f2f5;--card: #ffffff;--primary: #1677ff;--primary-hover: #4096ff;--border: #e5e7eb;--text: #1f2937;--text-muted: #6b7280;--success: #52c41a;--danger: #ff4d4f;--sidebar-width: 220px;--header-height: 56px;--table-header-bg: #f9fafb;--hover-bg: #f9fafb;--input-bg: #ffffff;--sidebar-bg: #1e293b;--sidebar-text: #e2e8f0;--sidebar-text-muted: #94a3b8;--sidebar-hover-bg: rgba(255, 255, 255, .06);--auth-bg: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--card-shadow: 0 1px 3px rgba(0, 0, 0, .06);--dropdown-shadow: 0 4px 12px rgba(0, 0, 0, .1)}[data-theme=dark]{--font-scale: 1;--bg: #0f1419;--card: #1a1f26;--primary: #3b82f6;--primary-hover: #60a5fa;--border: #2d3748;--text: #e2e8f0;--text-muted: #94a3b8;--success: #4ade80;--danger: #f87171;--table-header-bg: #252b33;--hover-bg: #252b33;--input-bg: #252b33;--sidebar-bg: #0d1117;--sidebar-text: #e2e8f0;--sidebar-text-muted: #94a3b8;--sidebar-hover-bg: rgba(255, 255, 255, .06);--auth-bg: linear-gradient(135deg, #1e293b 0%, #0f172a 100%);--card-shadow: 0 1px 3px rgba(0, 0, 0, .3);--dropdown-shadow: 0 4px 12px rgba(0, 0, 0, .4)}*{box-sizing:border-box;margin:0;padding:0}html{font-size:calc(16px * var(--font-scale));transition:background-color .2s ease,color .2s ease,font-size .2s ease}body{font-family:Segoe UI,Microsoft JhengHei,sans-serif;background:var(--bg);color:var(--text);line-height:1.5;transition:background-color .2s ease,color .2s ease}.auth-page{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:var(--auth-bg);transition:background .2s ease}.auth-card{background:var(--card);border-radius:12px;box-shadow:0 8px 32px #00000026;padding:40px;width:100%;max-width:400px;transition:background .2s ease,box-shadow .2s ease}.auth-card h1{font-size:1.5rem;margin-bottom:24px;text-align:center;color:var(--text)}.auth-card .field{margin-bottom:16px}.auth-card label{display:block;margin-bottom:6px;font-size:.9rem;color:var(--text-muted)}.auth-card input{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:8px;font-size:1rem;background:var(--input-bg);color:var(--text);transition:border-color .2s,background .2s}.auth-card input:focus{outline:none;border-color:var(--primary)}.auth-card .btn{width:100%;padding:12px;border:none;border-radius:8px;font-size:1rem;cursor:pointer;margin-top:8px;text-decoration:none;display:inline-block;text-align:center}.auth-card .btn-primary{background:var(--primary);color:#fff}.auth-card .btn-primary:hover{background:var(--primary-hover)}.auth-card .links{margin-top:20px;text-align:center;font-size:.9rem}.auth-card .links a{color:var(--primary);text-decoration:none;margin:0 8px}.app{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width);background:var(--sidebar-bg);color:var(--sidebar-text);padding-top:var(--header-height);transition:background .2s ease}.sidebar nav a{display:block;padding:12px 20px;color:var(--sidebar-text-muted);text-decoration:none;font-size:.95rem;border-left:3px solid transparent;transition:color .2s,background .2s}.sidebar nav a:hover,.sidebar nav a.active{color:var(--sidebar-text);background:var(--sidebar-hover-bg);border-left-color:var(--primary)}.header{position:fixed;top:0;left:0;right:0;height:var(--header-height);background:var(--card);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 24px;z-index:100;transition:background .2s,border-color .2s}.header .logo{font-weight:700;font-size:1.2rem;color:var(--primary)}.header .user{display:flex;align-items:center;gap:12px}.header .user .avatar{width:36px;height:36px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.9rem}.main{flex:1;margin-left:var(--sidebar-width);padding:24px;padding-top:calc(var(--header-height) + 24px)}@media(max-width:1024px){.sidebar{width:180px}.main{padding:20px}}@media(max-width:768px){.sidebar{position:fixed;left:0;top:var(--header-height);width:220px;height:calc(100vh - var(--header-height));overflow-y:auto;transform:translate(-100%);transition:transform .3s ease;z-index:99;padding-top:0}.sidebar.open{transform:translate(0)}.main{margin-left:0;padding:16px;padding-top:calc(var(--header-height) + 16px)}.header{padding:0 12px}.header .logo{font-size:1.1rem}.menu-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:transparent;border:none;color:var(--text);cursor:pointer;font-size:1.5rem;padding:0}.grid-2,.grid-3{grid-template-columns:1fr}form{display:grid!important;grid-template-columns:1fr 1fr;gap:16px}.auth-card form{display:block!important}form>.form-row:first-child{grid-column:1 / -1}form>button{grid-column:1 / -1}.form-row{margin-bottom:0!important;display:flex;flex-direction:column}.quick-filter{padding:6px 12px;font-size:.85rem;flex:1;min-width:calc(25% - 6px)}.table-wrap{overflow-x:auto}table{font-size:.85rem}th,td{padding:8px 10px}.btn{padding:10px 14px;font-size:.95rem;min-height:44px;display:inline-flex;align-items:center;justify-content:center}}.theme-option{min-width:80px}.theme-option.active{background:var(--primary);color:#fff;border-color:var(--primary)}.theme-option.active:hover{background:var(--primary-hover);border-color:var(--primary-hover);color:#fff}.page-title{font-size:1.35rem;margin-bottom:20px;font-weight:600;color:var(--text)}.card{background:var(--card);border-radius:10px;box-shadow:var(--card-shadow);padding:20px;margin-bottom:20px;transition:background .2s,box-shadow .2s}.card h3{font-size:1rem;margin-bottom:12px;color:var(--text-muted);font-weight:500}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}@media(max-width:768px){.grid-2,.grid-3{grid-template-columns:1fr}}.btn{padding:8px 16px;border-radius:8px;font-size:.9rem;cursor:pointer;border:none;text-decoration:none;display:inline-block;text-align:center;transition:background .2s,border-color .2s,color .2s}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover)}.btn-outline{background:transparent;border:1px solid var(--border);color:var(--text)}.btn-outline:hover{border-color:var(--primary);color:var(--primary)}.btn-danger{background:var(--danger);color:#fff}.mb-20{margin-bottom:20px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--border);color:var(--text);transition:border-color .2s,background .2s,color .2s}th{background:var(--table-header-bg);color:var(--text-muted);font-weight:500;font-size:.85rem}tr:hover{background:var(--hover-bg)}tr:hover td{color:var(--text)}.amount-in{color:var(--success)}.amount-out{color:var(--danger)}.form-row{margin-bottom:16px}.form-row label{display:block;margin-bottom:6px;font-size:.9rem;color:var(--text-muted)}.form-row input,.form-row select,.form-row textarea{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:8px;font-size:1rem;background:var(--input-bg);color:var(--text);transition:border-color .2s,background .2s,color .2s}.form-row input:focus,.form-row select:focus,.form-row textarea:focus{outline:none;border-color:var(--primary)}.form-row textarea{min-height:80px;resize:vertical}.form-row textarea.notes-field{min-height:120px;resize:vertical}.form-row .optional{font-size:.85rem;font-weight:400;color:var(--text-muted)}.form-actions{margin-top:24px;display:flex;gap:12px}.stat{font-size:1.75rem;font-weight:700;color:var(--text);transition:color .2s}.stat-label{font-size:.85rem;color:var(--text-muted);margin-top:4px;transition:color .2s}.stat-card{padding:20px;border-radius:10px;background:var(--card);box-shadow:var(--card-shadow);transition:background .2s,box-shadow .2s}.account-mini{padding:16px;border-radius:8px;border:1px solid var(--border);background:var(--card);transition:border-color .2s,background .2s}.account-mini .name{font-weight:600;margin-bottom:4px;color:var(--text)}.account-mini .balance{font-size:1.25rem;color:var(--primary)}.dropdown{position:relative}.dropdown-menu{display:none;position:absolute;right:0;top:100%;margin-top:4px;background:var(--card);border:1px solid var(--border);border-radius:8px;box-shadow:var(--dropdown-shadow);min-width:140px;padding:8px 0;transition:background .2s,border-color .2s}.dropdown.open .dropdown-menu{display:block}.dropdown-menu a{display:block;padding:10px 16px;color:var(--text);text-decoration:none;font-size:.9rem;transition:background .2s,color .2s}.dropdown-menu a:hover{background:var(--hover-bg)}.category-tag{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:8px;border:1px solid var(--border);background:var(--card);font-size:.9rem;color:var(--text)}.category-remove{padding:0;margin:0;width:20px;height:20px;border:none;background:transparent;color:var(--text-muted);font-size:1.1rem;line-height:1;cursor:pointer;border-radius:4px;display:inline-flex;align-items:center;justify-content:center}.category-remove:hover{background:var(--hover-bg);color:var(--danger)}