:root{--bg:#0f172a;--surface:#1e293b;--surface-2:#253347;--border:#334155;--text:#f1f5f9;--muted:#94a3b8;--navy:#3b82f6;--navy-dark:#2563eb;--red:#ef4444;--green:#10b981;--yellow:#f59e0b;--shadow:0 2px 8px #0006;--sidebar-w:240px;--sidebar-collapsed:60px}body[data-theme=light]{--bg:#f5f7fb;--surface:#fff;--surface-2:#f5f7fb;--border:#dde3ed;--text:#1a1a2e;--muted:#6b7280;--navy:#1a3c6e;--navy-dark:#122a50;--red:#c0392b;--green:#059669;--yellow:#d97706;--shadow:0 2px 8px #00000014}*{box-sizing:border-box;margin:0;padding:0}body{background:#0f172a;background:var(--bg);color:#f1f5f9;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.app-layout{display:flex;min-height:100vh}.app-sidebar{background:#1e293b;background:var(--surface);border-right:1px solid #334155;border-right:1px solid var(--border);bottom:0;display:flex;flex-direction:column;flex-shrink:0;left:0;overflow:hidden;position:fixed;top:0;transition:width .2s ease;width:240px;width:var(--sidebar-w);z-index:50}.app-sidebar.collapsed{width:60px;width:var(--sidebar-collapsed)}.app-main{display:flex;flex:1 1;flex-direction:column;margin-left:240px;margin-left:var(--sidebar-w);min-width:0;transition:margin-left .2s ease}.app-main.sidebar-collapsed{margin-left:60px;margin-left:var(--sidebar-collapsed)}.app-topbar{align-items:center;background:#1e293b;background:var(--surface);border-bottom:1px solid #334155;border-bottom:1px solid var(--border);display:flex;flex-shrink:0;gap:10px;height:52px;justify-content:flex-end;padding:0 20px;position:-webkit-sticky;position:sticky;top:0;z-index:40}.app-content{flex:1 1;overflow-y:auto;padding:24px 28px}.sidebar-logo{align-items:center;border-bottom:1px solid #334155;border-bottom:1px solid var(--border);display:flex;flex-shrink:0;gap:10px;height:56px;padding:0 16px}.sidebar-logo-text{color:#f1f5f9;color:var(--text);font-size:18px;font-weight:800;overflow:hidden;white-space:nowrap}.sidebar-collapse-btn{align-items:center;background:none;border:none;border-radius:4px;color:#94a3b8;color:var(--muted);cursor:pointer;display:flex;flex-shrink:0;margin-left:auto;padding:4px}.sidebar-collapse-btn:hover{background:#253347;background:var(--surface-2);color:#f1f5f9;color:var(--text)}.sidebar-nav{flex:1 1;overflow-x:hidden;overflow-y:auto;padding:8px 0}.sidebar-section-label{color:#94a3b8;color:var(--muted);font-size:10px;font-weight:700;letter-spacing:.8px;overflow:hidden;padding:12px 16px 4px;text-transform:uppercase;white-space:nowrap}.app-sidebar.collapsed .sidebar-section-label{opacity:0}.sidebar-item{align-items:center;background:none;border:none;border-radius:0;color:#94a3b8;color:var(--muted);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:10px;padding:9px 16px;text-align:left;transition:background .1s,color .1s;white-space:nowrap;width:100%}.sidebar-item:hover{background:#253347;background:var(--surface-2);color:#f1f5f9;color:var(--text)}.sidebar-item.active{background:#3b82f6;background:var(--navy);color:#fff;font-weight:600}.sidebar-item.active .sidebar-icon{color:#fff}.sidebar-item .sidebar-icon{flex-shrink:0;font-size:16px;text-align:center;width:20px}.sidebar-item .sidebar-label{flex:1 1;overflow:hidden;text-overflow:ellipsis}.sidebar-item .sidebar-chevron{flex-shrink:0;font-size:11px;margin-left:auto;transition:transform .2s}.sidebar-item .sidebar-chevron.open{transform:rotate(90deg)}.app-sidebar.collapsed .sidebar-chevron,.app-sidebar.collapsed .sidebar-label{display:none}.sidebar-sub-item{align-items:center;background:none;border:none;color:#94a3b8;color:var(--muted);cursor:pointer;display:flex;font-size:13px;gap:8px;overflow:hidden;padding:7px 16px 7px 44px;text-align:left;transition:background .1s,color .1s;white-space:nowrap;width:100%}.sidebar-sub-item:hover{background:#253347;background:var(--surface-2);color:#f1f5f9;color:var(--text)}.sidebar-sub-item.active{color:#3b82f6;color:var(--navy);font-weight:600}.app-sidebar.collapsed .sidebar-sub-item{display:none}.sidebar-divider{background:#334155;background:var(--border);height:1px;margin:6px 0}.user-avatar{align-items:center;background:#3b82f6;background:var(--navy);border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:14px;font-weight:700;height:34px;justify-content:center;transition:opacity .15s;width:34px}.user-avatar:hover{opacity:.85}.user-menu-dropdown{background:#1e293b;background:var(--surface);border:1px solid #334155;border:1px solid var(--border);border-radius:10px;box-shadow:0 8px 30px #0000004d;min-width:220px;overflow:hidden;position:absolute;right:16px;top:52px;z-index:200}.user-menu-header{border-bottom:1px solid #334155;border-bottom:1px solid var(--border);color:#94a3b8;color:var(--muted);font-size:13px;padding:14px 16px}.user-menu-header strong{display:block;margin-bottom:2px}.user-menu-header strong,.user-menu-item{color:#f1f5f9;color:var(--text);font-size:14px}.user-menu-item{align-items:center;background:none;border:none;cursor:pointer;display:flex;justify-content:space-between;padding:10px 16px;text-align:left;transition:background .1s;width:100%}.user-menu-item:hover{background:#253347;background:var(--surface-2)}.user-menu-item .menu-icon{margin-right:10px}.user-menu-divider{height:1px}.toggle-switch,.user-menu-divider{background:#334155;background:var(--border)}.toggle-switch{border-radius:10px;cursor:pointer;height:20px;position:relative;transition:background .2s;width:36px}.toggle-switch.on{background:#3b82f6;background:var(--navy)}.toggle-switch:after{background:#fff;border-radius:50%;content:"";height:14px;left:3px;position:absolute;top:3px;transition:left .2s;width:14px}.toggle-switch.on:after{left:19px}.card{background:#1e293b;background:var(--surface);border:1px solid #334155;border:1px solid var(--border);border-radius:10px;box-shadow:0 2px 8px #0006;box-shadow:var(--shadow);padding:20px}.card+.card{margin-top:16px}.btn{align-items:center;border:none;border-radius:7px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:6px;padding:8px 16px;transition:opacity .15s,transform .1s}.btn:hover{opacity:.88;transform:translateY(-1px)}.btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.btn-primary{background:#3b82f6;background:var(--navy);color:#fff}.btn-red{background:#ef4444;background:var(--red);color:#fff}.btn-green{background:#10b981;background:var(--green);color:#fff}.btn-ghost{background:#0000;border:1.5px solid #334155;border:1.5px solid var(--border);color:#f1f5f9;color:var(--text)}.btn-sm{font-size:13px;padding:5px 11px}.btn-xs{border-radius:5px;font-size:12px;padding:3px 8px}.view-toggle{border:1.5px solid #334155;border:1.5px solid var(--border);border-radius:7px;display:flex;overflow:hidden}.view-toggle-btn{background:#0000;border:none;color:#94a3b8;color:var(--muted);cursor:pointer;font-size:13px;padding:6px 12px;transition:background .1s,color .1s}.view-toggle-btn.active{background:#3b82f6;background:var(--navy);color:#fff}.form-group{margin-bottom:14px}.form-group label{color:#94a3b8;color:var(--muted);display:block;font-size:12px;font-weight:600;letter-spacing:.4px;margin-bottom:5px;text-transform:uppercase}.form-group input,.form-group select,.form-group textarea{background:#253347;background:var(--surface-2);border:1.5px solid #334155;border:1.5px solid var(--border);border-radius:7px;color:#f1f5f9;color:var(--text);font-size:14px;padding:9px 12px;transition:border-color .15s;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3b82f6;border-color:var(--navy);outline:none}.form-row{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr}.project-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.project-card{background:#1e293b;background:var(--surface);border:1.5px solid #334155;border:1.5px solid var(--border);border-radius:10px;cursor:pointer;padding:18px;transition:transform .15s,box-shadow .15s,border-color .15s}.project-card:hover{border-color:#3b82f6;border-color:var(--navy);box-shadow:0 6px 20px #0000004d;transform:translateY(-2px)}.project-card .project-name{color:#f1f5f9;color:var(--text);font-size:16px;font-weight:800;margin-bottom:4px}.player-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.player-card{background:#1e293b;background:var(--surface);border:1.5px solid #334155;border:1.5px solid var(--border);border-radius:10px;cursor:pointer;padding:18px;transition:transform .15s,box-shadow .15s,border-color .15s}.player-card:hover{border-color:#3b82f6;border-color:var(--navy);box-shadow:0 6px 20px #0000004d;transform:translateY(-2px)}.player-card .player-name{color:#f1f5f9;color:var(--text);font-size:16px;font-weight:700;margin-bottom:6px}.player-card .balance{font-size:26px;font-weight:800;margin:8px 0}.balance-owed{color:#ef4444;color:var(--red)}.balance-paid{color:#10b981;color:var(--green)}.player-card .meta{color:#94a3b8;color:var(--muted);font-size:12px}.list-table{background:#1e293b;background:var(--surface);border:1px solid #334155;border:1px solid var(--border);border-collapse:collapse;border-radius:10px;overflow:hidden;width:100%}.list-table th{background:#253347;background:var(--surface-2);color:#94a3b8;color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.5px;padding:10px 14px;text-align:left;text-transform:uppercase}.list-table td,.list-table th{border-bottom:1px solid #334155;border-bottom:1px solid var(--border)}.list-table td{color:#f1f5f9;color:var(--text);font-size:14px;padding:11px 14px;vertical-align:middle}.list-table tr:last-child td{border-bottom:none}.list-table tr:hover td{background:#253347;background:var(--surface-2)}.list-table .actions{display:flex;flex-wrap:wrap;gap:5px}.stat-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:24px}.stat-box{background:#1e293b;background:var(--surface);border:1px solid #334155;border:1px solid var(--border);border-radius:9px;padding:14px 18px}.stat-box .stat-label{color:#94a3b8;color:var(--muted);font-size:11px;font-weight:600;letter-spacing:.4px;text-transform:uppercase}.stat-box .stat-value{font-size:24px;font-weight:800;margin-top:4px}.badge{border-radius:20px;display:inline-block;font-size:12px;font-weight:600;padding:2px 9px}.badge-payment{background:#10b98133;color:#10b981}.badge-credit{background:#3b82f633;color:#60a5fa}.badge-expense{background:#ef444433;color:#f87171}.badge-adjustment{background:#f59e0b33;color:#fbbf24}.txn-list{border:1px solid #334155;border:1px solid var(--border);border-radius:8px;overflow:hidden}.txn-row{grid-gap:12px;align-items:center;border-bottom:1px solid #334155;border-bottom:1px solid var(--border);color:#f1f5f9;color:var(--text);display:grid;font-size:14px;gap:12px;grid-template-columns:100px 1fr 120px 100px 40px;padding:10px 14px}.txn-row:last-child{border-bottom:none}.txn-row.header,.txn-row:nth-child(2n){background:#253347;background:var(--surface-2)}.txn-row.header{color:#94a3b8;color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.txn-amount-positive{color:#10b981;color:var(--green);font-weight:700}.txn-amount-negative{color:#ef4444;color:var(--red);font-weight:700}.plan-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));margin-top:14px}.plan-month{background:#253347;background:var(--surface-2);border:1.5px solid #334155;border:1.5px solid var(--border);border-radius:8px;font-size:13px;padding:12px;text-align:center}.plan-month.paid{background:#10b9811a;border-color:#10b981;border-color:var(--green)}.plan-month.due{background:#f59e0b1a;border-color:#f59e0b;border-color:var(--yellow)}.plan-month.overdue{background:#ef44441a;border-color:#ef4444;border-color:var(--red)}.plan-month .month-label{font-size:14px;font-weight:700;margin-bottom:4px}.plan-month .month-date{color:#94a3b8;color:var(--muted);font-size:12px;margin-bottom:6px}.plan-month .month-amount{font-size:18px;font-weight:800}.modal-overlay{align-items:center;background:#0009;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:100}.modal{background:#1e293b;background:var(--surface);border:1px solid #334155;border:1px solid var(--border);border-radius:12px;box-shadow:0 20px 60px #00000080;max-height:90vh;max-width:480px;overflow-y:auto;padding:24px;width:100%}.modal h3{color:#f1f5f9;color:var(--text);font-size:18px;font-weight:700;margin-bottom:18px}.modal-footer{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.tabs{border-bottom:2px solid #334155;border-bottom:2px solid var(--border);display:flex;margin-bottom:20px}.tab{border-bottom:2px solid #0000;color:#94a3b8;color:var(--muted);cursor:pointer;font-size:14px;font-weight:600;margin-bottom:-2px;padding:10px 20px;transition:color .15s}.tab.active{border-bottom-color:#3b82f6;border-bottom-color:var(--navy);color:#3b82f6;color:var(--navy)}.tab:hover{color:#f1f5f9;color:var(--text)}.alert{border-radius:8px;font-size:14px;margin-bottom:16px;padding:12px 16px}.alert-error{background:#ef444426;border:1px solid #ef44444d;color:#fca5a5}.alert-success{background:#10b98126;border:1px solid #10b9814d;color:#6ee7b7}.page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.page-header h2{color:#f1f5f9;color:var(--text);font-size:20px;font-weight:800}.back-link{align-items:center;color:#3b82f6;color:var(--navy);cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:6px;margin-bottom:16px}.back-link:hover{opacity:.8}.helper-text{color:#94a3b8;color:var(--muted);font-size:12px;margin-top:4px}.login-page{align-items:center;background:#0f172a;background:var(--bg);display:flex;justify-content:center;min-height:100vh}.login-box{background:#1e293b;background:var(--surface);border:1px solid #334155;border:1px solid var(--border);border-radius:14px;box-shadow:0 20px 60px #0006;max-width:380px;padding:36px;width:100%}.login-box .logo{margin-bottom:24px;text-align:center}.login-box .logo h2{color:#f1f5f9;color:var(--text);font-size:20px;font-weight:800}.login-box .logo p{color:#94a3b8;color:var(--muted);font-size:13px;margin-top:4px}.share-page{background:#0f172a;background:var(--bg);min-height:100vh}@media (max-width:768px){.app-sidebar{width:60px;width:var(--sidebar-collapsed)}.app-main{margin-left:60px;margin-left:var(--sidebar-collapsed)}.form-row{grid-template-columns:1fr}.stat-row{grid-template-columns:1fr 1fr}.txn-row{font-size:13px;grid-template-columns:80px 1fr 90px 80px 30px}.app-content{padding:16px}}
/*# sourceMappingURL=main.b833ebea.css.map*/