*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,system-ui,sans-serif;background:#111;color:#e5e5e5;-webkit-font-smoothing:antialiased;line-height:1.5}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:#111}.login-card{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:12px;padding:48px 40px;max-width:400px;width:100%;text-align:center}.login-logo{width:56px;height:56px;background:#fff;color:#111;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:28px;margin-bottom:24px}.login-title{font-size:24px;font-weight:700;color:#fff;margin-bottom:8px}.login-sub{font-size:14px;color:#888;margin-bottom:28px}#login-form{display:flex;flex-direction:column;gap:12px}#login-pass{background:#111;border:1px solid #333;border-radius:8px;color:#fff;font-size:14px;padding:14px 16px;outline:none;transition:border-color .2s}#login-pass:focus{border-color:#ff6b35}#login-btn{background:#ff6b35;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;padding:14px;cursor:pointer;transition:background .2s}#login-btn:hover{background:#e55a25}#login-btn:disabled{opacity:.6;cursor:not-allowed}.login-error{color:#f87171;font-size:13px;margin-top:12px;min-height:20px}.admin-shell{display:flex;min-height:100vh}.sidebar{width:220px;background:#161616;border-right:1px solid #222;display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:100}.sidebar-logo{display:flex;align-items:center;gap:10px;padding:20px 20px 16px;border-bottom:1px solid #222}.logo-mark{width:32px;height:32px;background:#fff;color:#111;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:16px;flex-shrink:0}.logo-mark.sm{width:28px;height:28px;font-size:14px;border-radius:6px}.logo-text{font-weight:700;font-size:15px;color:#fff}.sidebar-nav{flex:1;padding:12px 8px;overflow-y:auto}.nav-section-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#555;padding:16px 12px 6px}.nav-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:6px;font-size:13px;font-weight:500;color:#999;text-decoration:none;transition:all .15s;cursor:pointer;border:none;background:none;width:100%;text-align:left;font-family:inherit}.nav-item:hover,.nav-item.active{background:#1e1e1e;color:#fff}.sidebar-footer{padding:8px;border-top:1px solid #222}.logout-item{color:#666}.logout-item:hover{color:#f87171;background:#f8717114}.mobile-header{display:none;position:fixed;top:0;left:0;right:0;z-index:90;background:#161616;border-bottom:1px solid #222}.mobile-header-inner{display:flex;align-items:center;gap:10px;padding:12px 16px}.mobile-header .logo-text{flex:1}.mobile-menu-btn{background:none;border:none;color:#888;cursor:pointer;padding:4px}.main-content{flex:1;margin-left:220px;padding:32px 40px 80px;max-width:1200px}.content-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px;flex-wrap:wrap;gap:16px}.page-title{font-size:24px;font-weight:700;color:#fff;line-height:1.2}.page-sub{font-size:14px;color:#666;margin-top:4px}.header-actions{display:flex;align-items:center;gap:16px}.updated-time{font-size:12px;color:#555}.refresh-btn{display:inline-flex;align-items:center;gap:6px;background:#1e1e1e;border:1px solid #333;border-radius:8px;color:#ccc;font-size:13px;font-weight:500;padding:8px 14px;cursor:pointer;transition:all .15s;font-family:inherit}.refresh-btn:hover{background:#252525;color:#fff;border-color:#444}.section-label-row{display:flex;align-items:center;gap:12px;margin-bottom:16px}.section-badge{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#ff6b35;background:#ff6b351a;padding:4px 10px;border-radius:4px}.section-badge.purple{color:#635bff;background:#635bff1a}.section-badge.orange{color:#ff6b35;background:#ff6b351a}.section-period{font-size:12px;color:#555}.kpi-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:16px}.kpi-row.three-col{grid-template-columns:repeat(3,1fr)}.kpi-card{background:#1a1a1a;border:1px solid #252525;border-radius:10px;padding:20px 22px;transition:border-color .2s}.kpi-card:hover{border-color:#333}.kpi-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.kpi-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.02em;color:#888}.kpi-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:#ffffff0a;color:#888}.kpi-icon.green{color:#4ade80;background:#4ade8014}.kpi-icon.red{color:#f87171;background:#f8717114}.kpi-icon.blue{color:#60a5fa;background:#60a5fa14}.kpi-icon.purple{color:#635bff;background:#635bff14}.kpi-value{display:block;font-size:28px;font-weight:700;color:#fff;line-height:1.1;margin-bottom:4px}.kpi-value.green{color:#4ade80}.kpi-value.red{color:#f87171}.kpi-sub{font-size:12px;color:#555}.card{background:#1a1a1a;border:1px solid #252525;border-radius:10px;padding:24px;margin-bottom:16px}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;flex-wrap:wrap;gap:12px}.card-title{font-size:16px;font-weight:600;color:#fff;margin-bottom:2px}.card-sub{font-size:13px;color:#555}.chart-toggle{display:flex;background:#111;border-radius:6px;border:1px solid #252525}.toggle-btn{background:transparent;border:none;color:#666;font-family:inherit;font-size:12px;font-weight:500;padding:8px 14px;cursor:pointer;border-radius:5px;transition:all .15s}.toggle-btn.active{background:#252525;color:#fff}.toggle-btn:not(.active):hover{color:#ccc}.chart-container{display:flex;align-items:flex-end;gap:8px;height:260px;padding-bottom:28px;position:relative}.chart-legend{display:flex;gap:20px;justify-content:center}.legend-item{display:flex;align-items:center;gap:6px;font-size:12px;color:#666}.legend-dot{width:8px;height:8px;border-radius:2px}.bar-group{flex:1;display:flex;flex-direction:column;align-items:center;height:100%;position:relative}.bar-pair{display:flex;gap:3px;align-items:flex-end;flex:1;width:100%;justify-content:center}.bar{width:42%;border-radius:4px 4px 0 0;transition:height .6s cubic-bezier(.16,1,.3,1),opacity .2s;min-height:2px;cursor:pointer}.bar-single{width:60%}.bar-month{font-size:11px;font-weight:500;color:#555;margin-top:8px}.bar-tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:#1a1a1a;border:1px solid #333;border-radius:6px;padding:8px 12px;font-size:11px;font-weight:500;color:#fff;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s;z-index:10}.bar-group:hover .bar-tooltip{opacity:1}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px}.donut-wrapper{display:flex;align-items:center;gap:28px;margin-top:20px}.donut-chart{width:160px;height:160px;flex-shrink:0}.donut-chart svg{width:100%;height:100%}.donut-legend{flex:1;display:flex;flex-direction:column;gap:14px}.donut-row{display:flex;align-items:center;gap:10px}.dot{width:8px;height:8px;border-radius:2px;flex-shrink:0}.donut-name{font-size:13px;color:#ccc;flex:1}.donut-val{font-size:13px;font-weight:600;color:#fff;text-align:right}.pct{color:#666;font-weight:400;font-size:11px;margin-left:4px}.expense-bars{margin-top:20px;display:flex;flex-direction:column;gap:12px}.expense-row{display:flex;align-items:center;gap:10px}.expense-name{font-size:12px;font-weight:500;color:#ccc;width:150px;flex-shrink:0;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.expense-bar-track{flex:1;height:18px;background:#ffffff0a;border-radius:4px;overflow:hidden}.expense-bar-fill{height:100%;background:#ff6b35;border-radius:4px;transition:width .8s cubic-bezier(.16,1,.3,1)}.expense-amount{font-size:12px;font-weight:600;color:#666;width:60px}.balance-row{display:flex;gap:16px;margin-top:20px}.bal-col{flex:1;text-align:center}.bal-label{display:block;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#666;margin-bottom:6px}.bal-value{display:block;font-size:20px;font-weight:700;color:#fff;margin-bottom:4px}.bal-value.red{color:#f87171}.bal-value.green{color:#4ade80}.bal-detail{display:block;font-size:11px;color:#444}.bal-div{width:1px;background:#252525;align-self:stretch}.dist-grid{display:flex;gap:16px;margin-top:20px}.dist-item{flex:1;display:flex;align-items:center;gap:14px;padding:16px;background:#111;border:1px solid #252525;border-radius:8px;transition:border-color .2s}.dist-item:hover{border-color:#333}.dist-avatar{width:44px;height:44px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#ff6b35;background:#ff6b351a;border-radius:50%;flex-shrink:0}.dist-avatar.alt{color:#ff8c5a;background:#ff8c5a1a}.dist-info{flex:1}.dist-name{display:block;font-size:14px;font-weight:600;color:#fff}.dist-role{display:block;font-size:11px;color:#555;text-transform:uppercase;letter-spacing:.04em}.dist-amount{font-size:20px;font-weight:700;color:#ff6b35}.table-wrap{margin-top:16px;overflow-x:auto}.muted{font-size:13px;color:#555}.pay-table{width:100%;border-collapse:collapse}.pay-table th{text-align:left;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#555;padding:10px 14px;border-bottom:1px solid #252525}.pay-table td{padding:12px 14px;border-bottom:1px solid #1e1e1e;font-size:13px;color:#ccc}.pay-table tr:hover td{background:#1e1e1e}.pay-table .amt{font-weight:600;color:#4ade80}.pay-table .dt{color:#555}@keyframes spin{to{transform:rotate(360deg)}}.spinner{width:14px;height:14px;border:2px solid rgba(99,91,255,.2);border-top-color:#635bff;border-radius:50%;animation:spin .8s linear infinite;display:inline-block;vertical-align:-2px;margin-right:6px}@media(max-width:1024px){.kpi-row{grid-template-columns:repeat(2,1fr)}.kpi-row.three-col{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.sidebar{display:none}.sidebar.open{display:flex;width:260px}.mobile-header{display:block}.main-content{margin-left:0;padding:76px 16px 60px}.kpi-row{grid-template-columns:1fr 1fr;gap:10px}.kpi-row.three-col{grid-template-columns:1fr}.kpi-card{padding:16px 18px}.kpi-value{font-size:22px}.two-col{grid-template-columns:1fr}.chart-container{height:200px}.card-header{flex-direction:column}.donut-wrapper{flex-direction:column;align-items:center}.donut-chart{width:140px;height:140px}.expense-name{width:100px;font-size:11px}.balance-row{flex-direction:column;gap:16px}.bal-col{text-align:left;display:flex;align-items:center;gap:12px}.bal-label,.bal-value{margin-bottom:0}.bal-div{display:none}.dist-grid,.content-header{flex-direction:column}}@media(max-width:480px){.kpi-row{grid-template-columns:1fr}.chart-container{height:180px;gap:4px}}