*{box-sizing:border-box;margin:0;padding:0}body{color:#2d3748;background:#f5f7fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.app{min-height:100vh}.header{background:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex}.header h1{color:#2b6cb0;font-size:1.5rem}.header nav{gap:1rem;display:flex}.header button{color:#4a5568;cursor:pointer;background:0 0;border:none;border-radius:.5rem;padding:.5rem 1rem;transition:all .2s}.header button:hover,.header button.active{color:#fff;background:#2b6cb0}.main{padding:2rem}.dashboard h2{color:#2d3748;margin-bottom:2rem}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem;display:grid}.metric-card{background:#fff;border-radius:.5rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.metric-card h3{color:#4a5568;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-size:.875rem}.metric-value{color:#2b6cb0;font-size:2rem;font-weight:700}.projects-list{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;display:grid}.project-card{cursor:pointer;background:#fff;border-radius:.5rem;padding:1.5rem;transition:transform .2s,box-shadow .2s;box-shadow:0 1px 3px #0000001a}.project-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.project-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.project-header h3,.project-header h4{color:#2d3748}.status{text-transform:uppercase;border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.status.planning{color:#975a16;background:#fef5e7}.status.active{color:#22543d;background:#f0fff4}.status.completed{color:#234e52;background:#e6fffa}.projects-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem;display:grid}.btn-primary{color:#fff;cursor:pointer;background:#2b6cb0;border:none;border-radius:.5rem;padding:.75rem 1.5rem;font-weight:600;transition:background .2s}.btn-primary:hover{background:#2c5282}.modal{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:#fff;border-radius:.5rem;width:90%;max-width:600px;max-height:90vh;overflow-y:auto}.modal-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.close-btn{cursor:pointer;color:#4a5568;background:0 0;border:none;font-size:1.5rem}.modal-content form{padding:1.5rem}.form-row{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem;display:grid}.form-group{margin-bottom:1rem}.form-group label{color:#374151;margin-bottom:.5rem;font-weight:600;display:block}.form-group input,.form-group select,.form-group textarea{border:1px solid #d1d5db;border-radius:.5rem;width:100%;padding:.75rem;font-size:1rem}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#2b6cb0;outline:none;box-shadow:0 0 0 3px #2b6cb01a}.form-actions{justify-content:flex-end;gap:1rem;margin-top:2rem;display:flex}.form-actions button{cursor:pointer;border:1px solid #d1d5db;border-radius:.5rem;padding:.75rem 1.5rem;font-weight:600;transition:all .2s}.form-actions button[type=button]{color:#374151;background:#fff}.form-actions button[type=button]:hover{background:#f9fafb}.project-detail{max-width:1200px}.project-detail .project-header{background:#fff;border-radius:.5rem;align-items:center;gap:2rem;margin-bottom:2rem;padding:1.5rem;display:flex;box-shadow:0 1px 3px #0000001a}.back-btn{color:#2b6cb0;cursor:pointer;background:0 0;border:none;padding:.5rem;font-size:1rem}.tabs{background:#fff;border-radius:.5rem;margin-bottom:2rem;display:flex;box-shadow:0 1px 3px #0000001a}.tabs button{cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:1rem;transition:all .2s}.tabs button.active{color:#2b6cb0;border-bottom-color:#2b6cb0;font-weight:600}.financial-summary{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem;display:grid}.parcel-summary{background:#fff;border-radius:.5rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.parcel-stages{gap:2rem;margin-top:1rem;display:flex}.stage-count{text-align:center}.stage-count .count{color:#2b6cb0;font-size:2rem;font-weight:700;display:block}.stage-count .stage{color:#4a5568;text-transform:uppercase;font-size:.875rem}.tab-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.total-expenses{color:#2d3748;margin-right:1rem;font-weight:600}.parcels-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;display:grid}.parcel-card{background:#fff;border-radius:.5rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.stage.raw{color:#991b1b;background:#fee2e2}.stage.surveyed{color:#92400e;background:#fef3c7}.stage.planned{color:#1e40af;background:#dbeafe}.stage.approved{color:#065f46;background:#d1fae5}.stage.developed{color:#3730a3;background:#e0e7ff}.stage.sold{color:#6b21a8;background:#f3e8ff}.expenses-list{background:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a}.expense-item{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.expense-item:last-child{border-bottom:none}.expense-amount{color:#2b6cb0;font-size:1.125rem;font-weight:700}.expense-date{color:#4a5568;font-size:.875rem}.project-info p{margin:.5rem 0}.project-date{color:#4a5568;margin-top:1rem;font-size:.875rem}.project-stats{color:#4a5568;gap:1rem;margin-top:1rem;font-size:.875rem;display:flex}@media (width<=768px){.main{padding:1rem}.form-row{grid-template-columns:1fr}.parcel-stages{flex-wrap:wrap}.financial-summary{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}