@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";body{margin:0;min-width:320px;min-height:100vh;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--blue-1: #4a90e2;--blue-2: #007aff;--app-bg: radial-gradient(700px 380px at 12% 18%, rgba(146, 203, 255, .62), transparent 70%), radial-gradient(900px 520px at 88% 82%, rgba(120, 189, 255, .45), transparent 72%), linear-gradient(130deg, #ecf6ff 0%, #d6eaff 46%, #f7fbff 100%);--shell-bg: rgba(255, 255, 255, .2);--shell-border: rgba(255, 255, 255, .58);--card-bg: rgba(255, 255, 255, .48);--card-stroke: rgba(255, 255, 255, .72);--surface-bg: rgba(255, 255, 255, .65);--surface-stroke: rgba(255, 255, 255, .78);--text-main: #12395e;--text-muted: #7e9ab3;--icon-btn-bg: rgba(255, 255, 255, .5);--icon-btn-stroke: rgba(255, 255, 255, .72);--icon-btn-color: #6f8ba7;--search-bg: rgba(255, 255, 255, .56);--search-stroke: rgba(255, 255, 255, .75);--search-icon: #8ea6bf;--tabs-bg: rgba(255, 255, 255, .45);--tabs-divider: rgba(255, 255, 255, .6);--tab-bg: rgba(255, 255, 255, .62);--tab-stroke: rgba(255, 255, 255, .8);--tab-text: #5f81a3;--chart-bg: linear-gradient(to bottom, rgba(255, 255, 255, .75), rgba(255, 255, 255, .35));--chart-stroke: rgba(255, 255, 255, .62);--chart-grid: rgba(145, 173, 206, .33);--chart-axis: #7e9ab3;--chart-marker: #2e8cff;--chart-tag-bg: rgba(255, 255, 255, .86);--chart-tag-stroke: rgba(255, 255, 255, .95);--chart-tag-text: #5d84ac;--orb-color: rgba(255, 255, 255, .3);--shadow-soft: 0 10px 30px rgba(67, 126, 197, .11);--radius: 24px;--shadow: 0 12px 32px rgba(48, 98, 164, .16);--focus-ring: rgba(74, 144, 226, .3)}[data-theme=dark]{--app-bg: radial-gradient(760px 420px at 18% 10%, rgba(42, 95, 161, .45), transparent 72%), radial-gradient(940px 520px at 85% 85%, rgba(47, 110, 205, .34), transparent 72%), linear-gradient(128deg, #071a2f 0%, #0b2646 54%, #0b315e 100%);--shell-bg: rgba(9, 29, 54, .34);--shell-border: rgba(136, 176, 255, .2);--card-bg: rgba(16, 40, 68, .5);--card-stroke: rgba(138, 181, 255, .22);--surface-bg: rgba(14, 35, 60, .62);--surface-stroke: rgba(126, 169, 250, .26);--text-main: #e6f1ff;--text-muted: #8ba8cc;--icon-btn-bg: rgba(18, 45, 76, .58);--icon-btn-stroke: rgba(124, 169, 252, .26);--icon-btn-color: #acc8eb;--search-bg: rgba(13, 34, 59, .62);--search-stroke: rgba(125, 171, 255, .24);--search-icon: #9bb7d9;--tabs-bg: rgba(15, 38, 66, .52);--tabs-divider: rgba(119, 164, 244, .26);--tab-bg: rgba(15, 36, 63, .62);--tab-stroke: rgba(126, 171, 250, .24);--tab-text: #9fbee6;--chart-bg: linear-gradient(to bottom, rgba(12, 29, 50, .8), rgba(10, 27, 47, .46));--chart-stroke: rgba(128, 173, 252, .23);--chart-grid: rgba(108, 147, 197, .26);--chart-axis: #8ba9cb;--chart-marker: #63b0ff;--chart-tag-bg: rgba(15, 43, 74, .85);--chart-tag-stroke: rgba(125, 170, 255, .32);--chart-tag-text: #bfd6f7;--orb-color: rgba(132, 179, 255, .15);--shadow-soft: 0 10px 30px rgba(4, 12, 26, .45);--shadow: 0 16px 38px rgba(2, 11, 25, .46)}#root{box-sizing:border-box;min-height:100dvh;margin:0;padding:0;background:var(--app-bg);font-family:Inter,sans-serif;color:var(--text-main);transition:background .3s ease,color .25s ease}.auth-screen{min-height:100dvh;display:grid;grid-template-rows:auto 1fr;padding:24px}.auth-top-actions{display:flex;justify-content:flex-end;gap:10px}.auth-shell{display:grid;place-items:center;min-height:0}.auth-card{width:min(620px,100%);padding:24px;display:grid;gap:14px;max-height:100%}.auth-head h1{margin:0;font-size:30px}.auth-head p{margin:8px 0 0;color:var(--text-muted)}.auth-tips{margin:10px 0 0;padding:0;list-style:none;display:grid;gap:6px}.auth-tips li{font-size:12px;color:var(--text-muted)}.app-layout{display:flex;width:100%;height:100vh;overflow:hidden}.glass{background:var(--card-bg);border:1px solid var(--card-stroke);border-radius:var(--radius);-webkit-backdrop-filter:blur(16px) saturate(140%);backdrop-filter:blur(16px) saturate(140%);box-shadow:var(--shadow-soft);transition:background .25s ease,border-color .25s ease,box-shadow .25s ease}.sidebar{width:260px;height:100%;display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid var(--shell-border);background:var(--surface-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:10;flex-shrink:0;border-radius:0}.sidebar-top{display:flex;flex-direction:column;gap:16px;padding:24px}.logo-area{display:flex;align-items:center;gap:12px;padding-bottom:16px;border-bottom:1px solid var(--surface-stroke)}.logo-icon{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,var(--blue-1),var(--blue-2));color:#fff;padding:8px;box-shadow:0 8px 16px #007aff40}.logo-text{display:flex;flex-direction:column}.logo-text strong{font-size:16px;font-weight:700;line-height:1.2}.logo-text span{font-size:12px;color:var(--text-muted)}.side-nav{display:flex;flex-direction:column;gap:6px}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:12px;border:1px solid transparent;background:transparent;color:var(--text-muted);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;text-align:left}.nav-item:hover,.nav-item.active{background:var(--icon-btn-bg);color:var(--text-main);border-color:var(--icon-btn-stroke)}.nav-item.active{background:linear-gradient(135deg,var(--blue-1),var(--blue-2));color:#fff;border-color:transparent;box-shadow:0 8px 16px #007aff33}.nav-item.danger{color:#ef6f8d}.nav-item.danger:hover{background:#ef6f8d1a;border-color:#ef6f8d33}.sidebar-bottom{padding:24px;border-top:1px solid var(--surface-stroke)}.main-content{flex:1;display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;min-width:0}.top-header{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 32px;border-bottom:1px solid var(--shell-border);background:var(--surface-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:5;flex-shrink:0;gap:24px;border-radius:0}.header-actions{display:flex;align-items:center;gap:16px}.search-wrap{position:relative;flex:1;max-width:480px}.search{height:44px;border-radius:12px;border:1px solid var(--search-stroke);background:var(--search-bg);display:flex;align-items:center;gap:10px;padding:0 16px;color:var(--search-icon)}.search input{border:0;background:transparent;width:100%;font-family:inherit;font-size:14px;color:var(--text-main);outline:none}.search-panel{position:absolute;left:0;right:0;top:calc(100% + 8px);z-index:20;border-radius:14px;padding:8px;display:grid;gap:6px}.search-item{border:1px solid transparent;border-radius:12px;background:var(--surface-bg);color:var(--text-main);text-align:left;padding:10px 12px;display:grid;gap:4px;cursor:pointer}.search-item:hover{border-color:var(--surface-stroke)}.search-item strong{font-size:13px}.search-item span,.search-empty{font-size:12px;color:var(--text-muted)}.search-empty{padding:10px 12px}.icon-btn{width:40px;height:40px;border-radius:12px;border:1px solid var(--icon-btn-stroke);background:var(--icon-btn-bg);color:var(--icon-btn-color);display:grid;place-items:center;transition:all .24s ease;cursor:pointer;padding:0}.icon-btn.active,.icon-btn:hover{color:#fff;transform:translateY(-2px);background:linear-gradient(135deg,var(--blue-1),var(--blue-2));box-shadow:0 8px 16px #007aff40}.avatar{width:40px;height:40px;border-radius:12px;background:linear-gradient(140deg,#8cc6ff,#5da6ff);display:grid;place-items:center;color:#fff}.content-scroll-area{flex:1;overflow-y:auto;padding:32px;scroll-behavior:smooth}.page-container{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:24px;padding:32px;background:var(--card-bg);border:1px solid var(--card-stroke);border-radius:24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;flex-wrap:wrap}.page-title h1{margin:0;font-size:32px;font-weight:800;letter-spacing:-.02em}.page-title p{margin:8px 0 0;color:var(--text-muted);font-size:14px}.page-actions{display:flex;gap:12px;flex-wrap:wrap}.secondary-btn{height:40px;padding:0 16px;border-radius:10px;border:1px solid var(--surface-stroke);background:var(--surface-bg);color:var(--text-main);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.secondary-btn:hover{border-color:var(--blue-1);color:var(--blue-1);background:#4a90e20d}.mode-switch{display:flex;align-items:center;gap:8px;background:var(--surface-bg);border:1px solid var(--surface-stroke);border-radius:14px;padding:6px}.mode-switch button{border:0;border-radius:10px;background:transparent;color:var(--text-muted);min-width:82px;height:38px;font-size:13px;font-weight:700;cursor:pointer;transition:all .2s ease}.mode-switch button.active{color:#fff;background:linear-gradient(135deg,var(--blue-1),var(--blue-2))}.mode-caption{font-size:13px;font-weight:600;color:var(--text-muted)}.module-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:16px}.module-grid.wide{grid-template-columns:1.2fr 1fr}.module-stack{display:flex;flex-direction:column;gap:14px}.module-info,.module-actions{padding:18px;border-radius:20px}.module-info h2{margin:0;font-size:24px}.module-info p{margin:8px 0 0;color:var(--text-muted)}.module-info>.primary-btn{margin-top:10px}.module-card-list{margin-top:18px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.module-card{border-radius:14px;border:1px solid var(--surface-stroke);background:var(--surface-bg);min-height:96px;display:grid;place-items:center;padding:12px;text-align:center;font-size:13px;font-weight:700}.module-actions h3{margin:0;font-size:16px}.module-actions strong{margin-top:10px;display:block;font-size:22px;color:var(--blue-2)}.module-actions ul{margin:14px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px}.module-actions li{border-radius:12px;border:1px solid var(--surface-stroke);background:var(--surface-bg);padding:12px;font-size:13px}.inline-tabs{border-radius:14px;border:1px solid var(--surface-stroke);background:var(--surface-bg);display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:6px;padding:6px}.inline-tabs.compact{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.inline-tabs button{height:40px;border:0;border-radius:10px;background:transparent;color:var(--text-muted);font-size:13px;font-weight:700;cursor:pointer}.inline-tabs button.active{color:#fff;background:linear-gradient(135deg,var(--blue-1),var(--blue-2))}.form-panel{border-radius:20px;border:1px solid var(--surface-stroke);background:var(--surface-bg);padding:16px;display:flex;flex-direction:column;gap:14px}.section-head h3{margin:0;font-size:22px}.section-head p{margin:8px 0 0;color:var(--text-muted)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.form-grid label{display:flex;flex-direction:column;gap:8px}.form-grid label.full{grid-column:1 / -1}.form-grid span{font-size:12px;color:var(--text-muted);font-weight:600}.form-grid input,.form-grid select,.action-row input,.action-row select,.action-row textarea,textarea{height:42px;border-radius:12px;border:1px solid var(--surface-stroke);background:var(--card-bg);color:var(--text-main);padding:0 12px;font-family:inherit;font-size:13px}.action-row textarea,textarea{height:108px;padding:10px 12px;resize:vertical}.check-row{display:flex;align-items:center;gap:10px;color:var(--text-main);font-size:13px}.check-row input{width:16px;height:16px}.validation-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.validation-item{border-radius:12px;border:1px solid var(--surface-stroke);background:var(--card-bg);padding:10px 12px;display:flex;align-items:center;justify-content:space-between;color:#ef6f8d;font-size:12px;font-weight:600}.validation-item.ok{color:#3ea87d}.hint-box{border-radius:12px;border:1px solid var(--surface-stroke);background:var(--card-bg);padding:10px 12px;color:var(--text-muted);font-size:13px}.hint-box.ok{color:var(--text-main)}.hint-box.error{color:#ef6f8d}.action-row{display:grid;grid-template-columns:1fr auto;gap:10px}.action-row.compact{display:flex;align-items:center;flex-wrap:wrap}.primary-btn{border:0;border-radius:12px;min-height:42px;padding:0 16px;font-size:13px;font-weight:700;color:#fff;cursor:pointer;background:linear-gradient(135deg,var(--blue-1),var(--blue-2))}.primary-btn:disabled{opacity:.55;cursor:not-allowed}.chip-btn{border:1px solid var(--surface-stroke);border-radius:12px;height:36px;padding:0 12px;background:var(--surface-bg);color:var(--text-main);font-size:12px;font-weight:700;cursor:pointer}.chip-btn.danger{color:#ef6f8d}.chip-btn:disabled{opacity:.55;cursor:not-allowed}.ledger-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}.ledger-card{border-radius:16px;border:1px solid var(--surface-stroke);background:var(--surface-bg);padding:14px;display:grid;gap:12px}.ledger-card.active{border-color:#4a90e280;box-shadow:0 8px 20px #4a90e226}.ledger-main h3{margin:8px 0 6px}.ledger-main p{margin:0;color:var(--text-muted);font-size:12px}.ledger-main strong{margin-top:10px;display:block;color:var(--blue-2)}.ledger-actions{display:flex;gap:8px}.summary-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.summary-card{border-radius:14px;border:1px solid var(--surface-stroke);background:var(--surface-bg);padding:12px}.summary-card span{color:var(--text-muted);font-size:12px}.summary-card strong{display:block;margin-top:6px;font-size:16px}.table-card{border-radius:20px;padding:16px}.table-card h3{margin:0 0 12px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:680px}th,td{text-align:left;padding:10px;border-bottom:1px solid var(--surface-stroke);font-size:12px}th{color:var(--text-muted);font-weight:700}.chart-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:stretch}.chart-card{border-radius:20px;padding:20px;display:flex;flex-direction:column;height:320px}.chart-card h3{margin:0 0 16px;font-size:15px}.chart-wrap{width:100%;flex:1;min-height:0}.chart-card .recharts-legend-wrapper{font-size:12px}.two-col-list{margin-top:12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.two-col-list h4{margin:0 0 8px}.pill-list{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:8px}.pill-list li{border-radius:999px;border:1px solid var(--surface-stroke);background:var(--surface-bg);height:34px;padding:0 4px 0 12px;display:flex;align-items:center;gap:8px}.pill-list button{border:0;border-radius:999px;height:26px;padding:0 10px;background:#ff608024;color:#e25a7d;font-size:11px;font-weight:700;cursor:pointer}.category-settings-card .action-row.compact{display:grid;grid-template-columns:132px 1fr auto;gap:10px;align-items:center;margin-bottom:14px;padding:10px;border:1px solid var(--surface-stroke);border-radius:14px;background:var(--surface-bg)}.category-columns{margin-top:0;gap:14px}.category-column{border:1px solid var(--surface-stroke);border-radius:16px;padding:12px;background:var(--surface-bg)}.category-column h4{margin:0 0 10px;font-size:13px;color:var(--text-muted)}.category-pill-list{display:flex;flex-direction:column;gap:8px}.category-pill-list li{border-radius:12px;min-height:38px;height:auto;padding:6px 6px 6px 12px;justify-content:space-between;width:100%}.category-pill-list li span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.category-pill-list button{border-radius:10px}.tag-settings-card .action-row.compact{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;margin-bottom:14px;padding:10px;border:1px solid var(--surface-stroke);border-radius:14px;background:var(--surface-bg)}.tag-pill-list{gap:10px}.tag-pill-list li{border-radius:12px;min-height:38px;height:auto;padding:6px 6px 6px 12px;justify-content:space-between}.tag-pill-list li span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tag-pill-list button{border-radius:10px}.dashboard-grid{display:grid;grid-template-columns:1fr 340px;gap:20px;align-items:start}.main-col{display:flex;flex-direction:column;gap:20px;min-width:0}.side-col{display:flex;flex-direction:column;gap:20px;position:sticky;top:0}.overview-card{padding:24px}.trend-chart{height:380px}.category-chart{height:340px}.rank-card{padding:20px;max-height:500px;overflow-y:auto}.table-card{padding:20px}@media(max-width:1200px){.dashboard-grid{grid-template-columns:1fr}.side-col{position:static}}.rank-list{padding:0;margin:0;list-style:none;display:flex;flex-direction:column;gap:12px}.rank-list li{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:10px;background:var(--surface-bg);border:1px solid var(--surface-stroke)}.rank-num{font-size:12px;font-weight:700;color:var(--text-muted);width:24px}.rank-name{flex:1;font-size:13px;font-weight:600}.rank-value{font-size:13px;font-weight:700;color:var(--text-main)}.empty-rank{text-align:center;color:var(--text-muted);font-size:13px;padding:20px}.empty-cell{text-align:center;color:var(--text-muted);padding:32px}.state-wrap{min-height:280px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px}.state-wrap h3{margin:16px 0 8px;font-size:24px}.state-wrap p{margin:0;max-width:420px;color:var(--text-muted)}.state-btn{margin-top:18px;height:42px;border-radius:999px;border:0;background:linear-gradient(135deg,var(--blue-1),var(--blue-2));color:#fff;font-size:14px;font-weight:700;padding:0 20px;cursor:pointer}.loader{width:54px;height:54px;border:4px solid rgba(74,144,226,.25);border-top-color:var(--blue-2);border-radius:999px;animation:spin .8s linear infinite}.empty-icon{width:72px;height:72px;border-radius:20px;background:var(--surface-bg);border:1px solid var(--surface-stroke);display:grid;place-items:center;color:var(--blue-2)}.icon{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}button:focus-visible,input:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:1300px){.module-grid,.chart-grid{grid-template-columns:1fr}}@media(max-width:1024px){.app-layout{flex-direction:column}.sidebar{width:100%;height:auto;flex-direction:row;align-items:center;padding:12px 20px;border-right:0;border-bottom:1px solid var(--shell-border)}.sidebar-top{flex-direction:row;padding:0;gap:24px;align-items:center}.logo-area{padding-bottom:0;border-bottom:0}.side-nav{flex-direction:row}.nav-item span{display:none}.nav-item{padding:10px}.sidebar-bottom{padding:0;border-top:0}.top-header{padding:0 20px;height:64px}.content-scroll-area,.page-container{padding:20px}.module-card-list,.summary-row,.form-grid,.inline-tabs,.two-col-list{grid-template-columns:1fr}.category-settings-card .action-row.compact{grid-template-columns:1fr 1fr}.category-settings-card .action-row.compact .primary-btn{grid-column:1 / -1;width:100%}.tag-settings-card .action-row.compact{grid-template-columns:1fr}.tag-settings-card .action-row.compact .primary-btn{width:100%}}