*{box-sizing:border-box;margin:0;padding:0}body{color:#222;background:#f5f7fb;font-family:Arial,Helvetica,sans-serif}.container{width:92%;max-width:1200px;margin:40px auto}.top-bar{justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;display:flex}.top-bar h1{margin-bottom:5px;font-size:32px}.top-bar p{color:#666}.add-project-btn,.add-expense-btn{color:#fff;cursor:pointer;border:none;border-radius:8px;padding:12px 22px;font-size:15px;transition:all .2s}.add-project-btn{background:#0d6efd}.add-project-btn:hover{background:#0b5ed7}.add-expense-btn{background:#198754}.add-expense-btn:hover{background:#157347}.empty-state{text-align:center;background:#fff;border-radius:12px;padding:60px;box-shadow:0 5px 18px #00000014}.empty-state h3{margin-bottom:10px}.empty-state p{color:#777}.project-card{background:#fff;border-radius:12px;margin-bottom:24px;overflow:hidden;box-shadow:0 8px 20px #00000014}.project-header{cursor:pointer;justify-content:space-between;align-items:center;padding:22px;display:flex}.project-header h2{margin-bottom:6px}.project-header p{color:#777}.expand-btn{cursor:pointer;background:#edf2ff;border:none;border-radius:50%;width:42px;height:42px;font-size:18px}.budget-grid{grid-template-columns:repeat(3,1fr);gap:16px;padding:0 22px 22px;display:grid}.budget-box{background:#f8f9fc;border-radius:10px;padding:18px}.budget-box span{color:#777;font-size:14px}.budget-box h3{color:#0d6efd;margin-top:8px}.project-details{border-top:1px solid #ececec;padding:22px}.expense-header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.expense-table{border-collapse:collapse;width:100%}.expense-table th{background:#f5f5f5;font-weight:600}.expense-table th,.expense-table td{text-align:left;border:1px solid #e3e3e3;padding:14px}.expense-table tbody tr:hover{background:#fafafa}.no-data{text-align:center;color:#777}.action-buttons{gap:8px;display:flex}.edit-btn,.delete-btn{cursor:pointer;color:#fff;border:none;border-radius:6px;padding:8px 14px}.edit-btn{color:#000;background:#ffc107}.delete-btn{background:#dc3545}.modal-backdrop{z-index:999;background:#0000008c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:12px;width:460px;max-width:95%;padding:28px}.modal h2{margin-bottom:18px}.modal form{flex-direction:column;gap:15px;display:flex}.modal input,.modal select{border:1px solid #d7d7d7;border-radius:8px;width:100%;padding:12px;font-size:15px}.modal-actions{justify-content:flex-end;gap:12px;margin-top:10px;display:flex}.cancel-btn,.save-btn{cursor:pointer;color:#fff;border:none;border-radius:8px;padding:10px 20px}.cancel-btn{background:#6c757d}.save-btn{background:#0d6efd}@media (width<=768px){.top-bar{flex-direction:column;align-items:flex-start}.budget-grid{grid-template-columns:1fr}.expense-header{flex-direction:column;align-items:flex-start;gap:12px}.expense-table{display:block;overflow-x:auto}.action-buttons{flex-direction:column}}.dashboard-stats{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:35px;display:grid}.stat-card{background:#fff;border:1px solid #eef2f7;border-radius:16px;padding:22px;transition:all .3s;box-shadow:0 8px 24px #00000014}.stat-card:hover{transform:translateY(-5px);box-shadow:0 14px 32px #0000001f}.stat-icon{margin-bottom:14px;font-size:30px;display:inline-block}.stat-card h4{color:#64748b;margin-bottom:10px;font-size:15px;font-weight:500}.stat-card h2{color:#0f172a;font-size:28px;font-weight:700}@media (width<=992px){.dashboard-stats{grid-template-columns:repeat(2,1fr)}}@media (width<=576px){.dashboard-stats{grid-template-columns:1fr}}.stat-icon{border-radius:14px;justify-content:center;align-items:center;width:58px;height:58px;margin-bottom:18px;font-size:24px;display:flex}.blue{color:#2563eb;background:#dbeafe}.green{color:#16a34a;background:#dcfce7}.red{color:#dc2626;background:#fee2e2}.orange{color:#d97706;background:#fef3c7}.app-layout{min-height:100vh;display:flex}.sidebar{background:#fff;border-right:1px solid #e5e7eb;width:260px;height:100vh;padding:30px 22px;position:sticky;top:0}.sidebar-logo{margin-bottom:40px}.sidebar-logo h2{color:#2563eb;margin-bottom:6px;font-size:22px}.sidebar-logo p{color:#64748b;font-size:14px}.sidebar-menu{flex-direction:column;gap:14px;display:flex}.menu-item{cursor:pointer;border-radius:12px;align-items:center;gap:14px;padding:14px 16px;font-weight:500;transition:all .25s;display:flex}.menu-item:hover{background:#eff6ff}.menu-item.active{color:#fff;background:#2563eb}.menu-item.disabled{color:#94a3b8}.menu-item small{background:#e2e8f0;border-radius:20px;margin-left:auto;padding:2px 8px;font-size:11px}.main-content{flex:1;padding:35px}.ai-fab{color:#fff;cursor:pointer;z-index:1000;background:#2563eb;border:none;border-radius:50%;width:65px;height:65px;font-size:28px;position:fixed;bottom:25px;right:25px;box-shadow:0 10px 25px #00000040}.ai-chat{z-index:1000;background:#fff;border-radius:18px;flex-direction:column;width:380px;height:520px;display:flex;position:fixed;bottom:100px;right:25px;overflow:hidden;box-shadow:0 20px 40px #0003}.ai-header{color:#fff;background:#2563eb;padding:18px;font-weight:700}.ai-messages{background:#f8fafc;flex:1;padding:15px;overflow-y:auto}.message{border-radius:12px;max-width:85%;margin-bottom:12px;padding:12px}.message.user{color:#fff;background:#2563eb;margin-left:auto}.message.ai{background:#e2e8f0}.ai-input{border-top:1px solid #eee;gap:10px;padding:12px;display:flex}.ai-input input{border:1px solid #ddd;border-radius:8px;flex:1;padding:10px}.ai-input button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;padding:10px 18px}.analytics-section{margin-bottom:35px}.analytics-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.chart-card{background:#fff;border-radius:16px;padding:20px;box-shadow:0 8px 20px #00000014}.chart-card h3{margin-bottom:15px}@media (width<=900px){.analytics-grid{grid-template-columns:1fr}}