*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:linear-gradient(135deg,#ffecd2,#fcb69f);min-height:100vh;padding:20px}#app{max-width:800px;margin:0 auto}header{text-align:center;margin-bottom:40px}header h1{font-size:2.5rem;color:#d2691e;margin-bottom:10px}header p{color:#8b4513;font-size:1.2rem}main{display:grid;gap:30px}section{background:#fff;border-radius:15px;padding:30px;box-shadow:0 4px 6px #0000001a}h2{color:#8b4513;margin-bottom:20px;font-size:1.5rem}.form-group{margin-bottom:15px}label{display:block;margin-bottom:5px;color:#666;font-weight:600}input,select{width:100%;padding:10px;border:2px solid #ddd;border-radius:8px;font-size:16px}input:focus,select:focus{outline:none;border-color:#ff8c00}button{background:#ff8c00;color:#fff;border:none;padding:12px 30px;border-radius:8px;font-size:16px;cursor:pointer;transition:background .3s}button:hover{background:#ff7f00}.mango-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px}.mango-card{background:#fff5ee;border:2px solid #ffd700;border-radius:10px;padding:20px;position:relative}.mango-variety{font-size:1.2rem;font-weight:700;color:#8b4513;margin-bottom:10px}.mango-details{color:#666;margin-bottom:10px}.mango-ripeness{display:inline-block;padding:4px 12px;border-radius:20px;font-size:.9rem;font-weight:600}.ripeness-unripe{background:#90ee90;color:#006400}.ripeness-semi-ripe{background:gold;color:#8b4513}.ripeness-ripe{background:tomato;color:#fff}.ripeness-overripe{background:#8b4513;color:#fff}.delete-btn{position:absolute;top:10px;right:10px;background:#f44;color:#fff;border:none;padding:5px 10px;border-radius:50%;cursor:pointer;font-size:16px;line-height:1}.delete-btn:hover{background:#c00}.empty-state{text-align:center;color:#999;font-style:italic}.summary-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px}.stat{text-align:center;padding:20px;background:#fff5ee;border-radius:10px}.stat-number{display:block;font-size:2rem;font-weight:700;color:#ff8c00}.stat-label{display:block;color:#666;margin-top:5px}@media (max-width: 600px){body{padding:10px}section{padding:20px}}